senselab/codekasten
4
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

css for footer expanded.

Browse source
This commit is contained in:
phear 2010-04-18 18:48:06 +00:00
parent 46aebca302
commit 731d1224c7
3 changed files with 71 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
wortschlucker/TODO
View file

@ -4,18 +4,17 @@ Für den ersten öffentlichen Release:
* den Test, ob alle Felder eingegeben wurden, per Ajax machen. dadurch muss dann die Seite dabei nicht neu geladen werden. * den Test, ob alle Felder eingegeben wurden, per Ajax machen. dadurch muss dann die Seite dabei nicht neu geladen werden.
* kleinerer Hash - Doodle hat auch nur 128bit * kleinerer Hash - Doodle hat auch nur 128bit
* Settings: * Settings:
* checkbox, ob das doodle öffentlich sein soll, d.h. auf der Startseite verlinkt. (dort scrollen dann einfach die neuesten 50 o.ä. durch) * checkbox, ob der poll öffentlich sein soll, d.h. auf der Startseite verlinkt. (dort scrollen dann einfach die neuesten 50 o.ä. durch)
* Auswahl: Sind die Ergebnisse sofort einsehbar ( = brainstorming), oder erst nach X Tagen bzw. der Admin sie freigibt (= Kartenabfrage) * Auswahl: Sind die Ergebnisse sofort einsehbar ( = brainstorming), oder erst nach X Tagen bzw. der Admin sie freigibt (= Kartenabfrage)
* Option für mehrere Abfragen gleichzeitig. Dann gibts also einen Haupttitel und mehrere kleine Titel samt Eingabebox. (dann kann man das als Auswertungsmethode nutzen, z.B. Papierkorb, Fragezeichen, * Option für mehrere Abfragen gleichzeitig. Dann gibts also einen Haupttitel und mehrere kleine Titel samt Eingabebox. (dann kann man das als Auswertungsmethode nutzen, z.B. Papierkorb, Fragezeichen, Koffer).
Koffer). * Option, einzelne Settings per URL-Parameter zu übergeben. Dann kann z.B. die Seite /brainstorming.html auf die Poll-Erstell-Seite verlinken, auf der dann bereits das sofortige Anzeigen der Resultate aktiviert ist.
* Option, einzelne Settings per URL-Parameter zu übergeben. Dann kann z.B. die Seite /brainstorming.html auf die Poll-Erstell-Seite verlinken, auf der dann bereits das sofortige Anzeigen der Resultate
aktiviert ist.
* Theme * Theme
* Logo * Logo
* Support für mehrzeiligen content. * Support für mehrzeiligen content.
* Impressum * Impressum
* Datenschutzerklaerung * Datenschutzerklaerung
* retweet button * retweet button
* footer_left bis _right sollten nur dargestellt werden, wenn es sich bei der Seite um die frontpage handelt.
Für später: Für später:
* die Settings in einem Tab wählen können, der per Default zugeklappt ist. * die Settings in einem Tab wählen können, der per Default zugeklappt ist.

46
wortschlucker/templates/layout.html
View file

@ -29,10 +29,10 @@
<div id="header"> <div id="header">
<div id="menu"> <div id="menu">
<ul> <ul>
<li><a href="#" class="first">Home</a></li>
<li class="current_page_item"><a href="#">Blog</a></li> <li class="current_page_item"><a href="#">Blog</a></li>
<li><a href="#">About</a></li> <li><a href="#" class="first">This </a></li>
<li><a href="#">Contact</a></li> <li><a href="#">will be</a></li>
<li><a href="#">advertisement</a></li>
</ul> </ul>
</div> </div>
<!-- end #menu --> <!-- end #menu -->
@ -82,6 +82,12 @@
<h2>Use Cases</h2> <h2>Use Cases</h2>
<ul> <ul>
<li><a href="/node/brainstorming.html">Brainstorming</a></li> <li><a href="/node/brainstorming.html">Brainstorming</a></li>
<li><a href="/node/kartenabfrage_online.html">Kartenabfrage</a></li>
<li><a href="/node/feedback_online.html">Feedback</a></li>
<li><a href="/node/auswertungsmethode.html">Auswertungsmethode</a></li>
<li><a href="/node/notizzettel_online.html">Notizzettel</a></li>
<li><a href="/node/einkaufsliste.html">Einkaufsliste</a></li>
<li><a href="/node/microblogging_zwischenablage.html">Zwischenablage</a></li>
</ul> </ul>
</li> </li>
@ -101,10 +107,10 @@
<li> <li>
<h2>Nav</h2> <h2>Nav</h2>
<ul> <ul>
<li><a href="#">AGB</a></li> <li><a href="/node/agb.html">AGB</a></li>
<li><a href="#">Impressum</a></li> <li><a href="/node/impressum.html">Impressum</a></li>
<li><a href="#">Datenschutz</a></li> <li><a href="/node/datenschutz.html">Datenschutz</a></li>
<li><a href="#">Kontakt</a></li> <li><a href="/node/kontakt.html">Kontakt</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
@ -112,12 +118,28 @@
<!-- end #sidebar --> <!-- end #sidebar -->
<div style="clear: both;">&nbsp;</div> <div style="clear: both;">&nbsp;</div>
</div> </div>
<!-- end #page -->
<div id="footer"> </div> <!-- end #page -->
<p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<div id="footer">
<div id="footer_left">
<h3> Lorem Ipsum </h3>
Fliesstext fuer die Suchmaschinen
</div> </div>
<!-- end #footer --> <div id="footer_center">
</div> <h3> Lorem Ipsum </h3>
Evtl. hier Links rein, auch den legal stuff
</div>
<div id="footer_right">
<h3> Lorem Ipsum </h3>
Fliesstext fuer die Suchmaschinen
</div>
<div id="footer_bottom">
<p>(c) 2010 wortschlucker.de. Design based on themes from <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</div><!-- end #footer -->
</body> </body>
</py:match> </py:match>
</html> </html>

37
wortschlucker/templates/media/style.css
View file

@ -618,11 +618,13 @@ padding-top:15px;
/* Footer */ /* Footer */
#footer { #footer {
width: 920px; width: 100%;
height: 100px;
margin: 0 auto; margin: 0 auto;
padding: 0; padding: 0;
border-top: 1px solid #E0E0E0; border-top: 20px solid #f9b631;
text-al ign:center;
background:#000000;
} }
#footer-bgcontent { #footer-bgcontent {
@ -630,7 +632,7 @@ padding-top:15px;
#footer p { #footer p {
margin: 0; margin: 0;
padding: 30px 0px 0px 0px;
text-align: center; text-align: center;
line-height: normal; line-height: normal;
font-size: 12px; font-size: 12px;
@ -638,3 +640,30 @@ padding-top:15px;
#footer a { #footer a {
} }
#footer_left, #footer_center, #footer_right, #footer_bottom {
background:#000000;
color: #cccccc;
text-align:center;
padding-top:20px;
}
#footer_left, #footer_center, #footer_right {
float:left;
width:32%;
height:100px;
}
#footer_left{
}
#footer_center{
}
#footer_right{
}
#footer_bottom {
clear:both;
}