|
blocks.gif
blocks.gif
blocks.gif
blocks.gif
blocks.gif
|
 |
|
|
|
|
|
|
 |
 |
 |
|
| |
 |
Step5: Story Box
There are many ways to make your story box, most common way is top bar, story content, bottom bar. Like the header and this whole theme, everything is set to 100% width so it fits all resolution. Look at the image below to get a idea how this theme's story box is done. Even though this method is common but just by changing the image of the top bar and bottom bar makes a big difference.
Top Story Bar
You can make the top story bar anyway you like, for this theme I sliced the top bar into 3 pieces. The middle section where its set to 100% width, thats where I have my story title variable.
Story content
The story content of this theme I used Css style sheet and added class to wrap the content instead of using images, although you can use images to wrap content, using css style sheet looks almost the same, but alot faster to load. Please refer to style.css on how to do so for this section.
Bottom Bar
This part is easy, you can either slice this or leave it as one image, up to you, in this theme I sliced the bottom bar into 2 pieces, one at normal image size and the other set at width of 100%. |
|
|
|
 |
 |
 |
|
|
|
blocks.gif
blocks.gif
blocks.gif
blocks.gif
blocks.gif
blocks.gif
|
