|
blocks.gif
blocks.gif
blocks.gif
blocks.gif
blocks.gif
|
 |
|
|
|
|
|
|
 |
 |
 |
|
| |
Step6: Footer
The footer is almost the same as the header, the important parts are the stretch out point ( make sure when it stretches it looks the same on any width), also the footer message portion. Click on the image below and see how this footer was sliced. Unlike the header of this theme using 100% for stretch out point, I've used 2 stretch out point on the footer, a left side and a right side with 50% on each. By doing it this way, the footer message portion would end up in the center at any resolution. You can also add navigation on the footer as well if you like, for this sample I just added the footer message variable to keep it simple. Now you should have the whole theme done, I will try to explain how to put them together and the variables used also the style.css on the last step.
 |
|
|
|
 |
 |
 |
|
|
|
blocks.gif
blocks.gif
blocks.gif
blocks.gif
blocks.gif
blocks.gif
|
