Please Read Instructions
to get full advantage of this skin.About the Skin Design
I wanted to try more with vectors and a journal skin gave me the push and idea of what I wanted. Everything in the design was draw using the pen tool in fireworks except from the tree itself. I used a stock image to use as a guide. I am pretty proud of the design, considering how much work I put into it and since it's the first time I drew all the vectors myself.
Stock Image: [link] by ~Its-Only-Stock
Live Version : [link]How to use the skin
I tried to make this as customizable as possible to there are a lot of extras that you can add or change. Main ContentThis wraps your content. Use this if you want to add the side bar.code:
< div class="maincontent">Your Content Here
</div >Remember to keep that < /div> at the end of all your content.. theadThis is the header above the text.Blue header code:
< div class="thead">Your Title Here
</div >Black header code:
< div class="thead2">Your Title Here
</div > textboxThis is where you put all your textcode:
< div class="textbox">Your Text Here
</div > textbThis is the bar below the text. *Blue bottom bar code:
< div class="textb2"></div >Black bottom bar code:
< div class="textb"></div > Side BarThis adds that black side bar.**code:
< div class="sidemenu">Your Text Here
</div >Side Bar Title code:
< div class="shead">Your Title Here
</div > Line DividerThis adds the line divider that's visible in the side bar.***code:
< div class="line"></div > Scroll BoxThis adds within your text boxes. Preview in the image above.code:
< div class="textscroll"></div >Just remember to take the spaces out the <div= and the </div* Don't add any text to the textb. It wasn't coded for text and it will mess up the skin.
** If your going to use the side bar please remember to add the main content div class.
*** Again don't add any text to the line. It wasn't coded for text either.
I realize that the instructions might be hard to follow so if you have any questions about how to add the sections then please don't hesitate to note me, I'd be more than happy to help. When I originally designed and coded the CSS the side bar fitted perfectly but now the copyright has been added to it, the bottom of the side bar slightly covers the button at the bottom. I have already deleted the first version and re submitted it. It's better than it was but it's not perfect. I'm not re doing it all over again, I'll just be more careful with the side bars in future.
Well I hope you like it, and please leave comments, they will help in me improving my future journal skins.
has my permission to upload this to their gallery