HOME | DD

ClaireJones β€” Simple + Clean v1.2 CSS Layout by-nc

Published: 2007-03-16 20:13:09 +0000 UTC; Views: 137572; Favourites: 1781; Downloads: 12400
Redirect to original
Description User Level: Beginner to Intermediate
Compatibility: Should work in both Firefox and IE.

View the live version here: [link]

Warning! This layout is currently being edited to fix some problems caused by the new dA userpages.

I've seen a lot of CSS layouts here on dA, some good and others not so good, but I haven't seen a lot of utterly simplistic dA colorscheme layouts. That's where I come in. It's not the best design out there, but it was what I had wanted for my own journal.

Be sure to go over the readme before attempting to apply the CSS to a journal.

Thanks so much for all the usage and ! I really appreciate it. I never thought Simple + Clean would be so popular.

Features:
  • Minimalist design to compliment the dA layout
  • Scroll box to contain images (if desired)
  • Right-hand Links sidebar
  • Two main header styles
  • An additional smaller header that can be used more or less like a caption
  • Only one graphical element (could be good or bad, depending on one's preference)
  • Many of the elements are moderately easy to customize (link colors, etc.)

Mood Box:
Make the Mood Box visible by removing "display: none;" from .list { }. The new code allows it to be placed either at the top or bottom of the journal. Nothing fancy here, but at least it's not all fugly like before.

Columns:
Be sure to have more content in the main (left) column. Otherwise, the links will spill into the sections below. This was fixed in later Simple + Clean versions by using a different CSS method.

More CSS Layouts: [link]

Change Log:
8-26-07:
Argh. I think dA didn't recognize the new ZIP file I uploaded (not the first time the phenomenon has occurred). Should be the correct version now.

8-24-07:
  • Removed "Journal Entry" text leaving date still visible.
  • Fixed code so that the "Journal Entry" text will not display in IE (displays as 1px text).
  • Added correct Mood Box code so that it will not be visible by default.
  • Fixed Mood Box code so that it displays correctly when visible.
  • The new headers are now .header1 (old header), .header2 (same as .header1, but in small-caps) and .header3 (centered small text header with expanded font).
  • Scooted the "No Comments/Prev. Journal" links over to align with the rest of the journal layout.

5-26-07:
After some careful consideration on the Creative Commons License, I have removed the Share Alike attribution. I think the general Non-Commercial license works best for everyone.

Origin:
Simple + Clean's name originates from Kingdom Heart's main theme, Simple and Clean (the English version of Hikari) by Utada Hikaru.

dA members who have used this CSS:
~1ofthefew | ~870 | ~Adaae | ~allsoulsnight | *angelsashes | =Anoya | =Anupthra | *Ashley425 | *AStarAboveU | =babylon6 | ~BluefootedCrow | `budgie | =cameraoscura | =CandyStriped | *CB-Stock | =charlie140588 | =Chicken-monster | *cloudliqueur | =createbyweek | ~CursedBlackwings | ~DA-Freja | =damouse | *dana-martinez | ~dbl-A | =Digital-Kisses | ~Dreamer-lupe | ~engelszorn | =ersi | ~Fabulae | *faestock | ~fanficbug | ~Fenetre-sur-Cour | ~FeverantObsession | ~flamingarrow | ~flightless-angel | *flowers-are-forever | =fluffyvolkswagen | ~ForeignSin | =forevergeek | `GeorgeHarrison | ~gigiptex | ~gold-chocobo | =Green-najotake | =GreenBushido | ~hagarun | ~hannaelly | =Hantenshi | ~hartofgold | =helly7307-stock | ~hengie | ~imbecile-anthem | ~imxanxillusion | ~inkshed | ~jessandpencil | =Jezhawk | ~Katherine--Elizabeth | ~kazugfx | =khimaereus | *KirlianCamera | ~KittyKittyMeow | =KoolGal14 | =Kycha | =LadyAmdis | ~Lilyse | ~loki-mcdamage | =lone-momo | ~lowapproach | =Lucky101 | ~LuPY | `lyastri | ~maf8 | *markskywalker | *Mazoku85 | ~mcboyde | ~Minolta | ~missbecca | *MissKeira | `mom-the-bomb | =MsRebelDoll | ~mwirsig | ~MysteryRealm | ~nativa | ~NijiHana | ~Nilala | ~oniNON | ~onpaperwings | `parliamentFunk | ~pencil-ninja | `pendlestock | ~PekGuo | ~Phoenix13x5 | ~pr0jectz | ~RainDropSoup | ~RaquelCree | =Rebecca-Parker | ~redbuffalo2001 | ~redhead-2008 | =robinism | =Ronnen | ~sakura0104 | ~sandemonic | ~Sarto-San | =sayra | =Saysamia | ~scarabee | ~seorangprempuan | ~sergiofx | =ShadeGlass | `SheTakesPics | ~Shia-Izumono | *Sklarvv | ~SleepySh | *slumberdoll | =snapr | *soheir | *SojiOkage | ~Sokyu | ^StJoan | =stormyblueyz | ~SubwoofaCS | ~summersilhouette | ~tangledseaweed | ~technosplat | ~THFM | ~the-ace-chef | =TheOnlyLordRequiem | =tragic-saturn | *Transcripts | =TrixyPixie | ~Tiuni | ~VenomMistress | ~victoriastar | ~WiccaJaz | =wildheartfreesoul | ~wpe2006 | =xldstudios | ~Xx-Black-Soul-xX | =xxchange | ~fullmetalkittn | ~Yokou-chan | *zombiemeena

Edited Versions:
~afiqqq | =alucinogenos | ~arciel | *ArtistUnwanted | *asteroid--blues | ~Aukon | ~biting-bullets | =BlindWorld | =BlueStef | ~Canides | ~cbsmoonlight | ~chesterblover | =ChiChiRoma | *christel-b | =Cristian-M | *cocacolagirlie | =cougars | =CrazyLadiee | ~crirox | *cyKoe | ~davesteele | ~DeadlyDonna | ~dELOdePote | =Docali | ~DraggyGirl | =DuckTape-Productions | ~eeron | =elithespork | ~ethereal-dreams | =Fixedys | ~fizster | =Freakshow6 | ~fullmetalkittn | =Furiousxr | =greymoccasin | *Hedfones | ~henica | ~Hinderence | *hortensie | ~i-be-c | ~ilona | *ILTBY | !imaboneheadtoo | ~itsMoochan | ~jaderose43 | *jakikukeko | =joannastar-stock | =jocarra | `juuhanna | =Karbo | =Kherrigan | =known-secret | =Kuru-da-Bunbun | *ladysage1999 | *lavabeast | *LazyMary | =leeroi1 | *leAlmighty | =lil-twilight-wolf | =Lillymon | =Lune-Tutorials | ~lutrasilvereye | =M-PlayC3ll | *magnublaze | =MaureenOlder | =MissyStock | =Mithgariel-stock | ~mulduan | ~nadiard | ~Naruto-Couples-fc | ~neonfishy | =NightsongWS | =nintendo-goddess | ~Noushie | =onixa | =OnPix-artist | ~paintingwords | =pen-mage | *pencilenvy | ~perilous-dreamer | =PhoenixKnght86 | ~philosophyoftime | ~Polinadiab | `Princess-of-Shadows | *PrisonerofConvention | =ProSI | ~purplesunfire01 | =quiet-krys | ~rafemccawley | =rheall | =ribcage-menagerie | =robinism | *Ryushay | =SeaMist | =Seventh-Seal | =sfpup | =Shaelynn | ~ShayLee | ~SkyesFantasyStock | ~Somnilocus | ~starflower135 | *strangelight | =super-fly-rules | =sweetfire-05 | =thali-n | =TheDEviLDweLLeR | ~thenamelessone | =TwilightMoon | ~Unpleasable | ~Vamediah | =veryangelic | ~vickygraphy | ~Waltz-With-Me | *WhiteGaby | :devWofkaJ: | =xSYNNcere | *XxCrimsonFuryxX | ~Ze6 | *ZeppTokyoASK | =Zhampip


Edit:
Wow! A DD? I'm so surprised and honoured. Thanks so much to =robinism for the suggestion and `maxwell-heza for the feature!
Related content
Comments: 852

EvilBricks [2008-07-10 21:17:28 +0000 UTC]

just thought i'd let you know that i used it.

πŸ‘: 0 ⏩: 0

Flaming-Fury [2008-07-09 21:02:41 +0000 UTC]

This is a beautiful CSS. Thankyou so much for making it!
*Uses* I left a credit to you in the Footer ^^

πŸ‘: 0 ⏩: 0

Comtessa [2008-07-08 11:58:41 +0000 UTC]

I am using this journal. Have been searching ages for a nice journal that I can u se. Thank you ever so much.

πŸ‘: 0 ⏩: 0

agnemma [2008-07-05 11:43:10 +0000 UTC]

how did that show me stamps?

πŸ‘: 0 ⏩: 0

thaulow [2008-07-04 06:49:32 +0000 UTC]

Very nice! Using

πŸ‘: 0 ⏩: 0

ku-mel [2008-07-03 21:30:27 +0000 UTC]

Using! Thanks!

πŸ‘: 0 ⏩: 0

DarthTella [2008-07-01 17:15:07 +0000 UTC]

I'm using this. It looks great.

πŸ‘: 0 ⏩: 0

isabelucha [2008-06-30 14:01:41 +0000 UTC]

I was aiming for the download button, but my cursor ended up on the "request as print" button, I'm sorry!

And I've been using this one for a while, though I browse for a different journal CSS from time to time, I can't let go of this one!

πŸ‘: 0 ⏩: 0

LittleFur [2008-06-30 08:21:34 +0000 UTC]

i've seen this css around da a lot and i always really admired it. now i'm subscribed i can finally use it. thank you so much for making such a clean and elegant css

πŸ‘: 0 ⏩: 0

synthetickisses13 [2008-06-29 20:20:59 +0000 UTC]

Awesome! It's just what i've been looking for
Now I can be lazy and NOT make my own!
Thanks!

πŸ‘: 0 ⏩: 0

lady--snow [2008-06-28 19:29:36 +0000 UTC]

Thanks for the simple but beautiful journal CSS

πŸ‘: 0 ⏩: 0

Miaschen [2008-06-27 19:28:47 +0000 UTC]

I like it. I use it

πŸ‘: 0 ⏩: 0

robyn-HOOD [2008-06-26 18:29:29 +0000 UTC]

Love it!
Where/how can I download this? (I know absolutely nothing about CSS's unfortunately. )
Thanks!

πŸ‘: 0 ⏩: 0

yokopoko In reply to ??? [2008-06-25 09:22:01 +0000 UTC]

just wanted to tell that I'm using it from now

πŸ‘: 0 ⏩: 0

mztweeta In reply to ??? [2008-06-22 19:14:40 +0000 UTC]

hey..i'm gonna try out ur css..hope u dont mind..I'll post the link once i'm done

πŸ‘: 0 ⏩: 0

TwixBar [2008-06-22 16:51:16 +0000 UTC]

This is so cool! I'm gonna use it!

πŸ‘: 0 ⏩: 0

parochena [2008-06-22 15:42:04 +0000 UTC]

just to let you know ill be using this css
thank you for making it

πŸ‘: 0 ⏩: 0

KateBloomfield [2008-06-21 00:57:09 +0000 UTC]

definatly going to use this

πŸ‘: 0 ⏩: 0

tomi-nygren In reply to ??? [2008-06-20 11:18:16 +0000 UTC]

Hi!
Absolutely amazing work!

πŸ‘: 0 ⏩: 0

enclose [2008-06-20 07:03:06 +0000 UTC]

Great CSS, definitly going to change to it

πŸ‘: 0 ⏩: 0

the-perspective [2008-06-18 23:29:27 +0000 UTC]

Thanks for making this CSS! I'll definately be using it from now on

πŸ‘: 0 ⏩: 0

HuggleMistress In reply to ??? [2008-06-18 09:56:43 +0000 UTC]

Hi, I used this CSS as well. I did a bit of customizing to it if that's okay, and of course, I've credited you in the footer. ^__^

πŸ‘: 0 ⏩: 0

nathie [2008-06-18 06:46:12 +0000 UTC]

this is awesome! i try and apply it on my journal now. thank you for doing this!

πŸ‘: 0 ⏩: 0

myleecharm [2008-06-17 16:27:10 +0000 UTC]

I love this CSS - really organizes my profile!

I have used, thanks a lot!

[link]

πŸ‘: 0 ⏩: 0

Flane-Erenaeoth [2008-06-17 16:23:06 +0000 UTC]

A beautiful little CSS I hope you don't mind if I join the millions using it

πŸ‘: 0 ⏩: 0

degodson [2008-06-17 10:55:03 +0000 UTC]

this is beautiful. Thanks a lot. I've used it as my journal. Thanks once more!

πŸ‘: 0 ⏩: 0

HoldingBackTears [2008-06-17 02:19:07 +0000 UTC]

I know I'm going to sound mega stupid... i'm a begginer at this, so if you have the time, could you please walk me through how to apply this?

πŸ‘: 0 ⏩: 0

game-breaker [2008-06-16 06:43:00 +0000 UTC]

I hope i can use this as my CSS for my journal. Thanks!

πŸ‘: 0 ⏩: 0

wolf2fefe [2008-06-15 23:55:11 +0000 UTC]

I love it... So elegant.. Im going to use it

πŸ‘: 0 ⏩: 0

vainya [2008-06-14 20:26:53 +0000 UTC]

I needed a new CSS. Thanks I'll be using this!

πŸ‘: 0 ⏩: 0

Whimsical-Dreams [2008-06-13 05:41:35 +0000 UTC]

I love this CSS. Its clean, professional and sleek. So I'm definitely going to use it.
I can see why it received a DD.

Thank you so much.

πŸ‘: 0 ⏩: 0

YokuboFukuzatsu [2008-06-09 22:08:10 +0000 UTC]

Wow! I've gone through a few artists I like to watch and kept seeing the same journal CSS, so I tracked it down! Now I HAVE to use it. Genius work.

Thank you!!

πŸ‘: 0 ⏩: 0

Akila-Ishtar [2008-06-09 20:51:46 +0000 UTC]

I'm totally using this in my journal. I do want to figure out how to put moods back, but either way, it's totally worth it! I've been looking for a simple and easy journal layout, THANK YOU THANK YOU! I'm setting it up right now! <3

πŸ‘: 0 ⏩: 0

MarianaPalova [2008-06-09 18:08:22 +0000 UTC]

I used this in my journal, thanks!

πŸ‘: 0 ⏩: 0

kynky1 [2008-06-09 08:00:06 +0000 UTC]

will be using this at some point!

πŸ‘: 0 ⏩: 0

ccornet [2008-06-08 22:05:06 +0000 UTC]

Using it <3

πŸ‘: 0 ⏩: 0

GrahamLeese In reply to ??? [2008-06-08 17:45:12 +0000 UTC]

I'll be using this

πŸ‘: 0 ⏩: 0

eightsquare In reply to ??? [2008-06-03 23:28:30 +0000 UTC]

may I use this?

I'll give U credit

πŸ‘: 0 ⏩: 0

aeon-100 In reply to ??? [2008-06-03 14:58:53 +0000 UTC]

i'll be using it on my journal

πŸ‘: 0 ⏩: 0

Taxidermatitis In reply to ??? [2008-06-02 17:42:36 +0000 UTC]

do you have to have to get a subscription to use a CSS?

πŸ‘: 0 ⏩: 1

Taxidermatitis In reply to Taxidermatitis [2008-06-02 17:42:56 +0000 UTC]

and how do you use it?sorry

πŸ‘: 0 ⏩: 0

Secret-of-Silvermoon In reply to ??? [2008-06-01 17:53:04 +0000 UTC]

This is Great... I might use it a little... but just wondering.. I would like to but a scroll bar like the one for pictures down the right hand side of my journal, for stamps and was wondering how do I do that?

I'm not good with CSS xD

πŸ‘: 0 ⏩: 0

Linkaton-Furaito In reply to ??? [2008-05-28 03:36:50 +0000 UTC]

Awesome CSS very simple to use!

πŸ‘: 0 ⏩: 0

phantomhelena [2008-05-27 02:54:17 +0000 UTC]

I used your CSS [link]

πŸ‘: 0 ⏩: 0

MissSad [2008-05-26 19:51:15 +0000 UTC]

I\'ve used it here.

Thank you very much
^^

πŸ‘: 0 ⏩: 0

Honey-cut [2008-05-26 17:41:45 +0000 UTC]

ThatΒ΄s really beautiful. IΒ΄ll use it until I`ll find some time to create an own one^^

πŸ‘: 0 ⏩: 0

KumoriTheHedgie In reply to ??? [2008-05-26 15:08:46 +0000 UTC]

Thanks for the CSS! I\'m using it now! ^___^

πŸ‘: 0 ⏩: 0

klrklr [2008-05-24 08:01:42 +0000 UTC]

how i can download it?
i can't

πŸ‘: 0 ⏩: 0

EleuteraPhotography [2008-05-23 22:35:41 +0000 UTC]

I'm using (and loving) it

πŸ‘: 0 ⏩: 0

bendik-ramm [2008-05-22 13:58:26 +0000 UTC]

Thanks a lot! I'm using it now

πŸ‘: 0 ⏩: 0


<= Prev | | Next =>