css for footer expanded.

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

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.
* kleinerer Hash - Doodle hat auch nur 128bit
* 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)
* 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).
* 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 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).
* 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
* Logo
* Support für mehrzeiligen content.
* Impressum
* Datenschutzerklaerung
* retweet button
* footer_left bis _right sollten nur dargestellt werden, wenn es sich bei der Seite um die frontpage handelt.
Für später:
* die Settings in einem Tab wählen können, der per Default zugeklappt ist.

View file

@ -29,10 +29,10 @@
<div id="header">
<div id="menu">
<ul>
<li><a href="#" class="first">Home</a></li>
<li class="current_page_item"><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#" class="first">This </a></li>
<li><a href="#">will be</a></li>
<li><a href="#">advertisement</a></li>
</ul>
</div>
<!-- end #menu -->
@ -82,6 +82,12 @@
<h2>Use Cases</h2>
<ul>
<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>
</li>
@ -101,10 +107,10 @@
<li>
<h2>Nav</h2>
<ul>
<li><a href="#">AGB</a></li>
<li><a href="#">Impressum</a></li>
<li><a href="#">Datenschutz</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="/node/agb.html">AGB</a></li>
<li><a href="/node/impressum.html">Impressum</a></li>
<li><a href="/node/datenschutz.html">Datenschutz</a></li>
<li><a href="/node/kontakt.html">Kontakt</a></li>
</ul>
</li>
</ul>
@ -112,12 +118,28 @@
<!-- end #sidebar -->
<div style="clear: both;">&nbsp;</div>
</div>
<!-- end #page -->
</div> <!-- end #page -->
<div id="footer">
<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_left">
<h3> Lorem Ipsum </h3>
Fliesstext fuer die Suchmaschinen
</div>
<!-- end #footer -->
<div id="footer_center">
<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>
</py:match>
</html>

View file

@ -618,11 +618,13 @@ padding-top:15px;
/* Footer */
#footer {
width: 920px;
height: 100px;
width: 100%;
margin: 0 auto;
padding: 0;
border-top: 1px solid #E0E0E0;
border-top: 20px solid #f9b631;
text-al ign:center;
background:#000000;
}
#footer-bgcontent {
@ -630,7 +632,7 @@ padding-top:15px;
#footer p {
margin: 0;
padding: 30px 0px 0px 0px;
text-align: center;
line-height: normal;
font-size: 12px;
@ -638,3 +640,30 @@ padding-top:15px;
#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;
}