Screencast: Part 16: Adding a sidebar

We want to spice up our very boring page now by adding a sidebar. When we do this we alter the layout of our site so we’ll need to add some html structure and some CSS to style the new structure.

Part 1

Part 2

css added to style.css
[prettify]
.mainContent {
width: 600px;
float: left;
}
.group:after {
content: “”;
display: table;
clear: both;
}
[/prettify]

page.php
[prettify]




[/prettify]

footer.php
[prettify]

© 2012


Leave a Reply

Your email address will not be published. Required fields are marked *