css for footer expanded.
This commit is contained in:
parent
46aebca302
commit
731d1224c7
3 changed files with 71 additions and 21 deletions
|
@ -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;"> </div>
|
||||
</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> <!-- end #page -->
|
||||
|
||||
<div id="footer">
|
||||
<div id="footer_left">
|
||||
<h3> Lorem Ipsum </h3>
|
||||
Fliesstext fuer die Suchmaschinen
|
||||
</div>
|
||||
<!-- end #footer -->
|
||||
</div>
|
||||
<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>
|
||||
|
|
|
@ -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;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue