HOME | DD

ClaireJonesSimple + Clean v1.2 CSS Layout by-nc

Published: 2007-03-16 20:13:09 +0000 UTC; Views: 137571; 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

mitlichtmaler [2008-09-14 16:53:23 +0000 UTC]

i'm using it it's awesome

cheers

👍: 0 ⏩: 0

c-time [2008-09-14 15:44:22 +0000 UTC]

i can use this css too?

👍: 0 ⏩: 0

desdemonasmothered [2008-09-11 22:11:24 +0000 UTC]

I love your layout. I'm using it in my journal now.

👍: 0 ⏩: 0

CavyWolfe [2008-09-11 20:59:08 +0000 UTC]

Will use IF I am told where you put the code? Which box? I'm sure its the CSS box, but just double checking...

👍: 0 ⏩: 0

april182 [2008-09-10 13:11:01 +0000 UTC]

I used this wonderful CSS in my jornal, thank you

👍: 0 ⏩: 0

Destiny4now [2008-09-07 12:47:26 +0000 UTC]

I'm going to add it right away, thanks ^^

👍: 0 ⏩: 0

vi-ol-et [2008-09-06 13:07:44 +0000 UTC]

Thanks!

👍: 0 ⏩: 0

ThisAndThatArt [2008-09-04 00:33:19 +0000 UTC]

Hey, I was wondering if you could make mine look like this, I'm using this CSS, but I can't make it look like that....

👍: 0 ⏩: 0

purpleartichoke [2008-09-03 19:18:19 +0000 UTC]

very lovely

👍: 0 ⏩: 0

LilacSea [2008-09-03 02:24:40 +0000 UTC]

I shall use this, when I subscribe to DA.

👍: 0 ⏩: 0

orcalvr2007 [2008-09-01 23:09:37 +0000 UTC]

Using

👍: 0 ⏩: 0

hanaraad [2008-09-01 04:58:58 +0000 UTC]

I'm using this! I put the credit up

👍: 0 ⏩: 0

Vampirina08 [2008-08-31 05:49:51 +0000 UTC]

I will be using this because it is so beautiful in it's simplicity. Thank you for creating.

👍: 0 ⏩: 0

xSeri In reply to ??? [2008-08-30 22:47:13 +0000 UTC]

I really do love the sleek, look to this. I really hope to one day buy a subscription or either or that, DA lets users design their journals xD

👍: 0 ⏩: 0

iAmSprFstJellyfish In reply to ??? [2008-08-30 02:14:29 +0000 UTC]

I have used this as well Thank you very much.

👍: 0 ⏩: 0

MoonLament [2008-08-27 11:15:23 +0000 UTC]

How does one download it ?

👍: 0 ⏩: 0

RedNihao [2008-08-26 10:19:09 +0000 UTC]

I use this css just right now

👍: 0 ⏩: 0

TD54 [2008-08-24 06:31:57 +0000 UTC]

I love it, so nice and simple.
I think I will use it.

👍: 0 ⏩: 0

Mew-Sumomo In reply to ??? [2008-08-21 23:33:24 +0000 UTC]

My layouts are always so complex, I feel like trying this one out for a change.

👍: 0 ⏩: 0

If-Wings-Could-Fly [2008-08-21 23:18:42 +0000 UTC]

ah this is beautiful~~!

👍: 0 ⏩: 0

mynameiskeke [2008-08-20 21:50:51 +0000 UTC]

I like this layout, and this will be my first time using CSS, so i was wondering, how do i use it? Thanks in advance

👍: 0 ⏩: 0

lulz-the-emo In reply to ??? [2008-08-18 20:38:48 +0000 UTC]

used it; edited it slightly though o:

👍: 0 ⏩: 0

adityapudjo [2008-08-18 18:34:22 +0000 UTC]

hi..i used this in my journal..hope you dont mind..thank you very much..

👍: 0 ⏩: 0

Nijsh [2008-08-14 05:16:36 +0000 UTC]

using it!

👍: 0 ⏩: 0

AmarisSkye [2008-08-13 20:02:30 +0000 UTC]

I love this one! I wanted to try the next gen one but I am scared the CSS is going to be more difficult.

I am using this layout now.

👍: 0 ⏩: 0

Pixel-Paradise [2008-08-11 20:26:29 +0000 UTC]

Using this lovely CSS for our club journal. Great work!

👍: 0 ⏩: 0

HideTheDetails [2008-08-11 12:17:59 +0000 UTC]

I love this. I like the simplicity of the design. Definately using this. ^^

👍: 0 ⏩: 0

JACT2012 [2008-08-11 02:39:06 +0000 UTC]

Thanks for making this!!! Please add me to the list, I'm proud of use this design in my profile, go and check it out nothing special

👍: 0 ⏩: 0

Lineith [2008-08-11 00:49:48 +0000 UTC]

It's simple and elegant. I really like it. Might use once I get my subscription back ^^ Great work!

👍: 0 ⏩: 0

yukihamma [2008-08-09 23:38:51 +0000 UTC]

very nice I used to know css and html extremely well but that was 2 years ago so I forgot. Ill probably be able to relearn it in know time great layout by the way

👍: 0 ⏩: 0

Green-Lemonade [2008-08-04 10:45:29 +0000 UTC]

Used and will edit later :]
awesome thankyou so much for putting this up!

👍: 0 ⏩: 0

DemonicTiphia [2008-08-02 21:23:54 +0000 UTC]

Thank you! I'm going to use this X3

👍: 0 ⏩: 0

Nadda [2008-07-31 19:38:33 +0000 UTC]

Thank you so much; what a wonderful layout!

👍: 0 ⏩: 0

erikaaah [2008-07-29 17:09:53 +0000 UTC]

I love this layout for it's simplicity. I'll be using it for my journal but I'll be adding some color and changing font. Thank you! (:

👍: 0 ⏩: 0

meeelldango [2008-07-28 17:32:12 +0000 UTC]

I want to use it but I have yet to figure out how to Dx
Anyways, I've faved this so that I can get back to it when I've brainstromed enough..

👍: 0 ⏩: 0

cryptic-sacrifice [2008-07-28 06:54:50 +0000 UTC]

Id love to use this the way its shown, but its not working for me

👍: 0 ⏩: 0

Eaven In reply to ??? [2008-07-27 07:27:47 +0000 UTC]

it is perfect..I am already using it..like you are saying it is very simple..I've had many journals with dark features but yours it's just perfect!!
excellent work !!!

👍: 0 ⏩: 0

Tonsatz In reply to ??? [2008-07-25 17:16:00 +0000 UTC]

i am using your journal layout now, i love it so much! thanks for creating this!

👍: 0 ⏩: 0

flyingdown2011 In reply to ??? [2008-07-23 16:10:52 +0000 UTC]

I may use this later.
It is very simple and clean.

👍: 0 ⏩: 0

udonLuvA In reply to ??? [2008-07-23 07:41:26 +0000 UTC]

I think I'll be using it
It looks so nice and clean

👍: 0 ⏩: 0

PiaGeorgina In reply to ??? [2008-07-20 06:42:58 +0000 UTC]

THIS LOOKS AWESOME...

How do I use it?

👍: 0 ⏩: 0

cottonwings In reply to ??? [2008-07-20 04:55:10 +0000 UTC]

[link] tada~ Used ;D

👍: 0 ⏩: 0

elisiabattell In reply to ??? [2008-07-20 01:58:27 +0000 UTC]

Really simple. I love it. :] I'm going to use it...until I end up relearning html and making my own. XD Thanks!

👍: 0 ⏩: 0

3DLadyinStocks [2008-07-19 19:59:42 +0000 UTC]

THANK YOU SO MUCH FOR THIS! I found this CSS one of the easiest to customize for my own use. You can find it here:

[link]

👍: 0 ⏩: 0

ballermod [2008-07-15 16:49:24 +0000 UTC]

Yeah, I use this one

👍: 0 ⏩: 0

Avender [2008-07-14 23:41:43 +0000 UTC]

Just want to let you know, this is a gorgeous CSS, and Im currently using it!
Thanks for making it easy to use, especially for a noob like me~

👍: 0 ⏩: 0

Dirges In reply to ??? [2008-07-14 08:25:54 +0000 UTC]

Thank you very much for this Journal.

👍: 0 ⏩: 0

catpuff-noir [2008-07-13 21:13:49 +0000 UTC]

Hello!
I have used this wonderful css here: [link]
thanks so much and many compliments for the great work

👍: 0 ⏩: 0

blacklovelock [2008-07-11 09:23:06 +0000 UTC]

used it thank you loads for this precious gift

👍: 0 ⏩: 0

DigitalMenace [2008-07-11 04:36:37 +0000 UTC]

Thanks for the beautiful CSS.

👍: 0 ⏩: 0


<= Prev | | Next =>