[x]

Browse More Like This

More from `ClaireJones

View Gallery · View Prints

Featured in Groups:

Not currently featured in any groups.

Details

Submitted: May 13, 2007
File Size: 501 KB

Link

Thumb

Statistics

Comments: 118
Favourites: 272 [who?]
Views: 33,917 (0 today)
Downloads: 1,868 (0 today)

License

Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial 3.0 License.

[x]

Black + Blue CSS Layoutby `ClaireJones

User Level: Advanced

Live version for Black + Blue: [link]

This CSS totally kicked my butt. I have spent the past week working on only this thing and finally had to give up. I can't do what I want with deviantART's CSS restrictions. The CSS was supposed to have these spiffy rollover buttons...but it didn't quite work out. I was further irritated to see that the live version didn't display as the preview showed. There is supposed to be a nifty footer image, but it's not there.

So now, I want to get rid of this thing and hope someone else can make use of it. Now I'm going back to my regularly scheduled life.

Speaking of which, this is an advanced layout. Seriously.

Only use this design if you know you're way around CSS. That said, it's still only a little bit of coding that veterans shouldn't have much trouble with. It's just very sensitive for some reason.

Do you know that this was originally designed as an animated CSS with a Fella logo on a brushed silver background? The buttons were always supposed to be blue, which finally dawned on me that a mint green Fella wouldn't really match well with the design, especially when I switched to the black background. By the way, those three small blue buttons on the header were supposed to slowly fade in and out. I wasn't sure if anyone would use the animated version and I sorta kinda messed up on the buttons, which meant that I would have to redo them again. So I kept them non-animated. As I struggled with the layout, part of me wished I had made the buttons red instead.

I still sort of wish I had, though the title wouldn't have been so catchy.

Included in ZIP File:

TXT Journal CSS & HTML file
HTML readme
PDF Installation Guide
31 PNG Images (3 Headers, 1 Footer, 1 Scrollbox and 26 Glossy Buttons)

Features:

Rollover Menu Buttons
Two different styles of Menu Buttons
Left-hand Sidebar
Three default styles of Sidebar Headers
Two default styles of Scrollboxes
Two default styles of Headers
Journal Subhead and/or Journal Description
No Mood Box
No "Journal Entry" text
Modern graphical elements
Many customizable features
Some of the longest CSS code you've ever seen.
It's black...and blue

Buttons Included:
_{Artisan Crafts, Clubs, CSS, Customize, Customization, Digital, Drawings, Features, Fractals, Friends, Gallery, Links, Paintings, Photography, Photos, Prints, Renders, Scraps, Skins, Stamps, Themes, Traditional, Walls, Wallpapers, blank button & blank button highlight}

More CSS Journal Layouts: [link]

dA members who have used this CSS:
_{=Houndoom2005 | =JuujunIdatenWolf | *KigenNaiteiru | *kitsuK8 | *maryad4 | =Program-00X | =Sgtgrandpa | *sicRee | *Splitpea | *SteelFangs | `xero-sama | =zombierap21}

Edited Versions:
_{*BeautifulFotography | =Crysthal | *FoxDesigns | =Houndoom2005 | =IsobelMoon | =ithaki | =MsRebelDoll | =tulipangel | =Velvet-Loz | =webcruiser}

Credits:

Header Images: dA Article by =dot-Silver
Menu Buttons: Partly inspired by dA Article by =dot-Silver and the dA Article by ~jeffreydahmer
Journal Icon Removal: dA Article by =dot-Silver
Two Column Layout: dA Article by *BeyondTheHorizon
Journal Entry Date Removal: dA Article by =Grayda
Journal Subheader: dA Article by =Grayda
Scrollboxes: Coding from dA Article by =dot-Silver and Scrollbox2 design inspired by the Spring Fairy CSS Template by `Lilyas
Everything else: My handy dandy Using HTML 4 book