[x]

Browse More Like This

more ▶

More from $dxd

View Gallery · View Prints

Featured in Groups:

#deviantCSS
deviantART XHTML & CSS Ref

#CSS-Hunks
CSS man-candy

Details

Submitted: February 19, 2010
File Size: 5.4 KB

Link

Thumb

Statistics

Comments: 11
Favourites: 43 [who?]
Views: 2,007 (0 today)
Installs: 296 (0 today)

[x]

Leaf Lover CSSby $dxd

Skin for @leaf-lover, but free for anyone to use.

See it in action HERE!

This skin includes, sub heading, a mini gallery, menu bar and side bar. It also includes an altered version of Morgue

To use the title simple put <div class="titlel">subheading goes here</div>

To use the mini gallery simply add <div class="minigal">:thumb######:</div> at the point in the journal where you would like to use it.

For the side bar add <div class="sidebar">:thumb######::icongroupname:</div> to the header. The side bar is optimised for images 150px wide, thumbs and images larger will be auto cropped to this. You can put any buttons or images you like there.

For the menu bar add <div class="menu"><div class="buttons"><a href="url">title</a><a href="url">title</a><a href="url">title</a><a href="url">title</a><a href="url">title</a></div></div> to the header as well.

This skin is optimised to have the sidebar used and will work with all extras enabled.

A little more advanced CSS.

To use the morgue CSS you need to edit the CSS and remove DISABLED from the section entitled "Cross Grunge Set" and add DISABLED to the "Grunge Set". It is important that the set you don't want to use has DISABLED in front of each class.

If you try to use this and get stuck, then drop me a note.

Edit:

I fixed a small bug in the code, but for some reason when you do updates it messes around with the image code.

Anyway, to use this you will need to find the 2 following lines and replace them.

background: #222 url(http://fc04.deviantart.net/fs70/o/2010/050/6/e/154696341_109737_shttp://fc00.deviantart.net/fs70/o/2010/050/a/f/154696341_109740_bottom.png) bottom left repeat-x !important;

background: transparent url(http://fc02.deviantart.net/fs71/o/2010/050/8/1/154696341_109738_shttp://fc04.deviantart.net/fs71/o/2010/050/a/5/154696341_109739_header.png) top left repeat-x;

Replace those to lines with the ones listed below in teh same order.

background: #222 url(http://fc04.deviantart.net/fs70/o/2010/050/6/e/154696341_109737_sbottom.png) bottom left repeat-x !important;

background: transparent url(http://fc02.deviantart.net/fs71/o/2010/050/8/1/154696341_109738_sheader.png) top left repeat-x;