Information Technology Reference
In-Depth Information
IV
Sidebars
The main thing to format in this section is the various menus and lists that make up the sidebar.
There is nothing here that we haven't already covered.
Footer
The last substantive section covers the footer. There are styles here for RSS feeds, the copyright
notice, and room for up to six widgets.
We begin by defining colors for the footer as a whole…
/*** FOOTER ***/
#footer{
padding: 1em 0;
color: #e7e0c7;
border-top: 1px solid #fff;
}
…and links inside the footer.
#footer a{
color: #a59079;
}
This puts the orange RSS icon that allows people to subscribe to your blog feed a little bit to the
right of the left margin.
#footer a.rss{
background: transparent url(images/rss.png) no-repeat left top;
padding-left: 20px;
}
Let your visitors click here to get back to the top of the page.
#footer a.toplink{
padding: 1px 6px;
background: #584d43;
color: #9b856f;
font-size: 50%;
text-decoration: none;
margin-left: 4px;
}
The copyright notice is centered, using a little smaller font.
#footer .copyright{
text-align: center;
font-size: 85%;
}
