HOME | DD

ClaireJones — Black + Blue CSS Layout by-nc

Published: 2007-05-13 18:58:20 +0000 UTC; Views: 45475; 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

carelesscosmos [2010-11-12 20:19:50 +0000 UTC]

I love this journal, I use it now but I twitched it and the coding was hard but I finally got it! <3

👍: 0 ⏩: 0

XxAzaDreamxX [2010-07-18 01:58:59 +0000 UTC]

Quick question, can you add a header and footer image to this?If so, would you teach me how? ;w;

👍: 0 ⏩: 0

HayaMika [2009-10-24 19:56:14 +0000 UTC]

Just Thought I'd ask, May I use this on my Journal?

👍: 0 ⏩: 0

Kyaputen-Shima [2009-06-24 16:41:59 +0000 UTC]

nicely done!

yuo should check out my layout idea.
maybe you could help?

👍: 0 ⏩: 0

statisticiallyloved [2009-03-21 21:28:08 +0000 UTC]

How can I use this for my journal entry?

👍: 0 ⏩: 0

ma-ry [2009-03-15 21:00:01 +0000 UTC]

I don't know where I should insert this code.

👍: 0 ⏩: 1

Coco-Bunny In reply to ma-ry [2009-06-23 20:32:58 +0000 UTC]

u can't use it unless u have a subscription XD

👍: 0 ⏩: 0

ma-ry [2009-03-15 20:26:28 +0000 UTC]

and how can I do this, xd

👍: 0 ⏩: 0

ma-ry [2009-03-15 20:24:29 +0000 UTC]

can I use it?

👍: 0 ⏩: 0

iluvbluesky [2009-03-11 22:27:25 +0000 UTC]

When I first started searching for Apo Tutorials, I was immediately drawn to yours. You are such a good writer and so easy to follow. I began to wonder if you had a Graphic/Web Design background and...YES YOU DO! I found your CSS designs today and I am so impressed! Amazingly clean work, just what I like. I have spent the last 2 months learning CSS so that I can get away from designing with strictly HTML. I am glad to know that CSS fans are also here on DA! Thank you again for your generosity.

👍: 0 ⏩: 0

ForbiddenLoveForever [2009-03-10 21:49:19 +0000 UTC]

How do i do a css code for my journal? I am new to the subscription deal...

👍: 0 ⏩: 0

Cyanus-Corvus [2009-02-20 21:44:04 +0000 UTC]

Hope you don't mind, but I used this
I LOVE IT! <3
[link] <- journal

👍: 0 ⏩: 0

Kataang-furuba [2009-01-04 06:08:33 +0000 UTC]

It took me some time to figure it out, but I got it. well, all the dashes and stuff. time to make it my own!
(I'm not editing it--that'll be crazy!)

👍: 0 ⏩: 0

Ayama-Chan [2008-12-18 21:33:53 +0000 UTC]

I'm using a *slightly* modified version of this CSS :3

[link]

👍: 0 ⏩: 0

Cyanus-Corvus [2008-12-15 23:26:25 +0000 UTC]

someone tell me how to use this please!

👍: 0 ⏩: 0

QuantumEldrAg [2008-09-28 17:17:54 +0000 UTC]

This is really cool! I'll figure it out to use it xDDD I'm gonna use this one

👍: 0 ⏩: 0

M-T-D-G [2008-09-24 12:17:25 +0000 UTC]

Great layout!Just what I was searching for! I used it for my journal. Hope you won't mind it ^^

👍: 0 ⏩: 0

LilithOfTheDamned [2008-09-20 18:41:35 +0000 UTC]

very nice. I am going to use this right now.

👍: 0 ⏩: 0

noname4you [2008-09-12 15:35:51 +0000 UTC]

Using if you don't mind

👍: 0 ⏩: 0

Neonescence [2008-09-12 13:45:50 +0000 UTC]

This is a beautiful layout! I'm using it now - Thanks for sharing!

👍: 0 ⏩: 0

noname4you [2008-09-02 12:35:26 +0000 UTC]

can I use this?

👍: 0 ⏩: 0

IAmABlue-Monkey [2008-07-25 11:10:51 +0000 UTC]

thanks for sharing this, it's great! I've used it for my journal.

I just had a little problem with the rollover links at the top, which is a shame because I liked those better than the second option. >.<

👍: 0 ⏩: 0

doriannedutrieux [2008-07-21 00:12:52 +0000 UTC]

Oh wow, very nicely done

👍: 0 ⏩: 0

WildHusky318 [2008-07-15 04:39:36 +0000 UTC]

cool can i use this?
how do i use it??

👍: 0 ⏩: 1

noname4you In reply to WildHusky318 [2008-09-12 15:28:00 +0000 UTC]

download

👍: 0 ⏩: 0

ThimbleBostitch [2008-07-09 16:01:33 +0000 UTC]

I want to use this one....I like the style ^^ But If it's for advanced then I might need help haha. I'll try it though! Thanks for sharing (:

👍: 0 ⏩: 0

netherwings [2008-06-28 18:12:50 +0000 UTC]

Do you mind if I ask you a question? : )

What code do you use to get the text to spread out like that, to make it kind of touch both sides? Like it does in books. I've got no idea what it's called. I tried downloading this CSS and look for the code, but it's too advanced for me it seems x)

Anyways, beautiful CSS. It's amazing that this is all codes. Well done.

👍: 0 ⏩: 1

AgentSquidStudios In reply to netherwings [2008-07-07 13:51:05 +0000 UTC]

it's probably the align position command?? justify?

👍: 0 ⏩: 1

netherwings In reply to AgentSquidStudios [2008-07-07 15:24:43 +0000 UTC]

..probably Do you know the exact code I could use?

👍: 0 ⏩: 1

AgentSquidStudios In reply to netherwings [2008-07-07 15:44:06 +0000 UTC]

look for this in your css code:

.journaltext {
text-align: justify;
}

👍: 0 ⏩: 1

netherwings In reply to AgentSquidStudios [2008-07-07 22:40:45 +0000 UTC]

Wow, I've got it now, thanks so much!

👍: 0 ⏩: 1

AgentSquidStudios In reply to netherwings [2008-07-08 11:10:23 +0000 UTC]

no prob

👍: 0 ⏩: 1

netherwings In reply to AgentSquidStudios [2008-07-08 17:23:32 +0000 UTC]

👍: 0 ⏩: 0

seystudios [2008-06-12 21:38:37 +0000 UTC]

I'm going to use this! Thank you so much!

👍: 0 ⏩: 1

seystudios In reply to seystudios [2008-06-12 21:52:22 +0000 UTC]

Nm... but it is a lovely layout!

👍: 0 ⏩: 0

TwitchJest [2008-06-07 04:02:06 +0000 UTC]

Will use, my own has quite a few bugs ^-^;

Great job, btw!

👍: 0 ⏩: 0

cmunilla [2008-05-31 18:03:34 +0000 UTC]

I will use this CSS in my journals


Thanks!!!

👍: 0 ⏩: 0

shadowdeath-wolf-666 [2008-05-27 23:37:15 +0000 UTC]

May I use this CSS? It's so cool!

👍: 0 ⏩: 0

blue-club [2008-04-30 17:21:35 +0000 UTC]

we will use your CSS for our journals... thank you!

👍: 0 ⏩: 0

NaLdiAn [2008-04-24 15:24:17 +0000 UTC]

i used this css, thanks!

👍: 0 ⏩: 0

grener [2008-04-04 11:55:16 +0000 UTC]

thanks!!!

👍: 0 ⏩: 0

naruto-fan15 [2008-03-24 16:30:25 +0000 UTC]

cool ill use this in mine thanks =3

👍: 0 ⏩: 0

pioallergenic [2008-03-17 07:35:02 +0000 UTC]

thx for it, great work, btw can i use it? thx

👍: 0 ⏩: 1

ClaireJones In reply to pioallergenic [2008-03-19 04:40:00 +0000 UTC]

You're free to use this CSS...but, you'll need a dA subscription first.

👍: 0 ⏩: 0

CleoWolf [2008-03-14 08:02:38 +0000 UTC]

Wow!! The Best!! Good job, Claire!!

👍: 0 ⏩: 0

chibi-ninja [2008-02-17 21:37:58 +0000 UTC]

This looks really cool I wish I wasn't such a tard face with such things.

👍: 0 ⏩: 1

tori-margaret In reply to chibi-ninja [2008-02-24 05:27:24 +0000 UTC]

it's actually really easy! I promise. I'm a complete freaking moronic twit, and I'm able to use CSS!

👍: 0 ⏩: 0

Deltabeta [2008-02-04 04:47:06 +0000 UTC]

This is nearly the perfect CSS. I love it. Do you care who/what clubs use this CSS?

👍: 0 ⏩: 0

MissSLG [2008-01-21 18:33:54 +0000 UTC]

Hi
I'm admin to a club, do you mind if I use it as our CSS?

👍: 0 ⏩: 0

AngelBless [2008-01-11 20:40:05 +0000 UTC]

This is so awesome! I'm gonna tinker around with it a little, then use it and credit you like there's no tomorrow X3

👍: 0 ⏩: 0


| Next =>