HOME | DD

ClaireJones — Black + Blue CSS Layout by-nc

Published: 2007-05-13 18:58:20 +0000 UTC; Views: 45476; Favourites: 276; Downloads: 1969
Redirect to original
Description 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:
Related content
Comments: 119

rubydragon666 [2008-01-04 20:23:29 +0000 UTC]

Love it, I'm gonna use it ^^

👍: 0 ⏩: 0

Program-00X [2007-12-09 10:02:35 +0000 UTC]

I'm sharing it! Thanks much for this!

👍: 0 ⏩: 1

ClaireJones In reply to Program-00X [2007-12-11 04:02:25 +0000 UTC]

Thanks so much for using my journal layout! I appreciate it.

I really like your second signature. It sounds like something I would say (or think).

👍: 0 ⏩: 1

Program-00X In reply to ClaireJones [2007-12-11 05:37:17 +0000 UTC]

Thanks much for that, I mean it.

The person I got it from isn't on DA much anymore, but we do talk once in a while.

👍: 0 ⏩: 0

wayo [2007-12-08 15:55:46 +0000 UTC]

Great! I will use it!!!

👍: 0 ⏩: 0

Killveous [2007-11-18 12:29:59 +0000 UTC]

WOW OWO

I would love to be able to use this.. but alas.. Im a chump and have no idea how to >W<
Do you know anywhere where I can get a idiots guide to useing this sort of stuff?...
And please, if I ever figure out how to use it, can I use this??? please?...

👍: 0 ⏩: 1

ClaireJones In reply to Killveous [2007-11-28 06:20:26 +0000 UTC]

There is this guide by `Lilyas that shows how to set up a basic journal: [link]

Although, I have included a PDF for this layout that explains all of the elements, if you want to try it out first.

👍: 0 ⏩: 1

Killveous In reply to ClaireJones [2007-11-28 17:17:18 +0000 UTC]

Thank you SO much I been messing with my journal for a while now and so far I have just.... well.. spazed it up is the best way to describe my sad feeble attemts at anything... So thank you sooooo much!!! I love you.
And yes... (though I didnt undestand what you said... and I take a point to note myself out as a true foooooooool for that to |P ) I will try doing that too 8D .. hopefully I wont be so useless as I am now in the future -w-

👍: 0 ⏩: 0

daijitsu [2007-11-14 07:45:56 +0000 UTC]

added, and I even posted a shout-out to you in the first official journal

👍: 0 ⏩: 0

goucha [2007-11-11 05:15:55 +0000 UTC]

Awsome jornal and tutorial, i'm amazed with your work. It is possible to use that and make some new buttons a change some things? Thanks for your dedication.

👍: 0 ⏩: 0

webcruiser [2007-10-29 09:07:40 +0000 UTC]

Thank you very much for sharing this beautiful layout! I faved and use it since yesterday! It is a way to go till it will be completely ready but I think it is worth a look!

👍: 0 ⏩: 0

Sgtgrandpa [2007-10-15 01:55:09 +0000 UTC]

I am using it now.
Having trouble with the text but I will cont to read your pdf to figure it out.
Thank you!

👍: 0 ⏩: 0

Sgtgrandpa [2007-10-15 01:09:51 +0000 UTC]

I will give it a go.
Might use it for the club I am a new staffer at *Landscapers-United

👍: 0 ⏩: 0

sodacan [2007-10-08 00:40:43 +0000 UTC]

Wow. I absolutlely love this layout! Now, to make it work....

👍: 0 ⏩: 0

FilthyDreams [2007-10-07 10:59:40 +0000 UTC]

that's ok but were is the code?

👍: 0 ⏩: 1

ClaireJones In reply to FilthyDreams [2007-10-08 08:43:20 +0000 UTC]

The download link is located to the left of the preview image, near the button.

👍: 0 ⏩: 0

bryzunovrokks [2007-10-02 08:07:07 +0000 UTC]

Hi!

This CSS is amazing, I'm gonna use it!

Thanks for sharing this!

👍: 0 ⏩: 0

RockyandGinger4ever [2007-09-25 19:40:46 +0000 UTC]

i have no clue how to do that things where can i put the ling on my CCS`? and how shell i do?!

👍: 0 ⏩: 0

JArdley [2007-09-20 10:48:58 +0000 UTC]

this is amazing, if it's alright with you I am going to start using it on my journals

👍: 0 ⏩: 2

ClaireJones In reply to JArdley [2007-09-22 20:01:44 +0000 UTC]

Sure! No problem.

👍: 0 ⏩: 0

JArdley In reply to JArdley [2007-09-20 10:56:39 +0000 UTC]

well, when I can find the energy to edit my journal but I shall use hah!

👍: 0 ⏩: 0

FishHeadThe3rdAndCo [2007-09-18 13:05:05 +0000 UTC]

May I use this layout? ^^

👍: 0 ⏩: 1

ClaireJones In reply to FishHeadThe3rdAndCo [2007-09-18 17:42:34 +0000 UTC]

Sure! Go for it.

👍: 0 ⏩: 1

FishHeadThe3rdAndCo In reply to ClaireJones [2007-09-18 19:13:00 +0000 UTC]

Thank you very much!

👍: 0 ⏩: 0

maryad4 In reply to ??? [2007-09-03 08:50:25 +0000 UTC]


awesome journal! can i use it?

👍: 0 ⏩: 1

ClaireJones In reply to maryad4 [2007-09-06 19:14:00 +0000 UTC]

Sure! If you're brave enough.

👍: 0 ⏩: 1

maryad4 In reply to ClaireJones [2007-09-11 14:26:34 +0000 UTC]

👍: 0 ⏩: 0

FlickaBee In reply to ??? [2007-08-13 15:06:42 +0000 UTC]

My journal: [link]

....it's still under construction though...I just have to change a few things.
Thanx much for making it

👍: 0 ⏩: 1

ClaireJones In reply to FlickaBee [2007-08-15 03:08:12 +0000 UTC]

Thanks for letting me know! Glad you like it.

👍: 0 ⏩: 0

PepitoDoodlez In reply to ??? [2007-08-12 00:03:17 +0000 UTC]

omg amazing i will use it and obvious give u all the credits very cool man

👍: 0 ⏩: 1

ClaireJones In reply to PepitoDoodlez [2007-08-15 03:10:32 +0000 UTC]

Thanks for using! I appreciate it.

👍: 0 ⏩: 1

PepitoDoodlez In reply to ClaireJones [2007-08-15 12:24:14 +0000 UTC]

no very coool btw

👍: 0 ⏩: 0

SilverPixiGirl In reply to ??? [2007-07-23 20:34:05 +0000 UTC]

wow! shinny!

Very nice work!

👍: 0 ⏩: 1

ClaireJones In reply to SilverPixiGirl [2007-07-24 20:01:07 +0000 UTC]

Thanks kindly!

👍: 0 ⏩: 0

Houndoom2005 In reply to ??? [2007-07-23 12:04:27 +0000 UTC]

Just to say, sorry but I edited the journal a lil. xD
like the titles and so on. xD
<3

👍: 0 ⏩: 1

ClaireJones In reply to Houndoom2005 [2007-08-04 04:34:05 +0000 UTC]

The new graphics look good.

👍: 0 ⏩: 0

kenchiUrosami [2007-07-22 03:38:56 +0000 UTC]

nice layout! but how do you apply these things!? seriuosly!

👍: 0 ⏩: 1

ClaireJones In reply to kenchiUrosami [2007-07-22 16:00:46 +0000 UTC]

All of the directions for applying the CSS on a journal are in a PDF included in the ZIP file.

👍: 0 ⏩: 1

kenchiUrosami In reply to ClaireJones [2007-07-30 03:02:36 +0000 UTC]

ok thanks!

👍: 0 ⏩: 0

Houndoom2005 [2007-07-21 02:16:35 +0000 UTC]

I am definitely using this! 8D

👍: 0 ⏩: 1

ClaireJones In reply to Houndoom2005 [2007-07-22 01:19:01 +0000 UTC]

Thanks! I appreciate.

👍: 0 ⏩: 0

kitsuK8 [2007-07-20 15:25:34 +0000 UTC]

[link] here is my journal! i absolutely love this layout! i changed a few things, but other than that, its still pretty much the same! Its just an awesome layout!

👍: 0 ⏩: 1

ClaireJones In reply to kitsuK8 [2007-07-22 01:21:35 +0000 UTC]

Thanks for telling me! I'm glad you like it.

👍: 0 ⏩: 1

kitsuK8 In reply to ClaireJones [2007-07-22 05:18:10 +0000 UTC]

i love it! thanks sooo much for making it!

👍: 0 ⏩: 0

leebronte [2007-07-09 16:13:27 +0000 UTC]

I was looking for CSS Layouts and I didn't find what I wanted but from the moment I saw this one, I became complety in love with it. Hope you don't mind if I use it. Of course, that you'll be named on it.

👍: 0 ⏩: 0

davenemeth [2007-07-02 05:52:34 +0000 UTC]

Heloo This is great but how do i get the CSS?

👍: 0 ⏩: 0

ArtressDesigns In reply to ??? [2007-06-30 17:07:41 +0000 UTC]

You did a fantastic job! Adding to

👍: 0 ⏩: 0

weiss-raine [2007-06-28 05:02:58 +0000 UTC]

I might use this because I'm planning to change the design I'm using now. Just going to fave this so I don't forget. Pretty neat layout.

👍: 0 ⏩: 0

NatalieKelsey [2007-06-19 12:33:49 +0000 UTC]

Gorgeous! It's perfect for Steve, I saw him using it this morning. It's a really great design for anyone that's a little higher-tech and into minimalism.

👍: 0 ⏩: 0

kristarella [2007-06-19 01:47:09 +0000 UTC]

Hot! Nice work.

I find that design coding never really turns out the way you first intended it to. I've started on a project that after two days of playing around with mockups (not even into coding yet) it's completely different to what I first thought it was going to be.

👍: 0 ⏩: 0


| Next =>