HOME | DD

ClaireJonesSimple + 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

tasteofomi [2008-04-05 06:57:38 +0000 UTC]

wheres is the 'readme'

👍: 0 ⏩: 1

ClaireJones In reply to tasteofomi [2008-04-05 16:40:48 +0000 UTC]

The readme is found in the ZIP. It's an HTML file named "readme.html'.

👍: 0 ⏩: 0

Karatsuki [2008-04-05 04:59:27 +0000 UTC]

Using it.

👍: 0 ⏩: 0

ToWelcomeTheFade [2008-04-04 17:27:47 +0000 UTC]

Great CSS! Used it

👍: 0 ⏩: 0

youryen [2008-04-03 14:09:37 +0000 UTC]

used this... thnakyou!!!! its great and perfect

👍: 0 ⏩: 0

circus-usagi [2008-04-03 07:16:22 +0000 UTC]

simple and clean indeed! love it! used it! thanks for such an idiot-proof layout, seriously..xD

👍: 0 ⏩: 0

dauntss [2008-04-02 23:58:49 +0000 UTC]

*thieve* Thanks! <3

👍: 0 ⏩: 0

stefanobroli [2008-04-02 14:44:03 +0000 UTC]

I'm using it.
Great.

👍: 0 ⏩: 0

xDania [2008-03-31 13:31:05 +0000 UTC]

I'm using it.... and I love it
Thank you

👍: 0 ⏩: 0

Stapic [2008-03-31 04:32:30 +0000 UTC]

This is so fantastic, I have definitely learnt at design school that less = MORE!

This CSS journal is the perfect example so beautiful!

👍: 0 ⏩: 0

xmarvel [2008-03-30 11:52:46 +0000 UTC]

i've used this for my journal! thanks a lot!!

👍: 0 ⏩: 0

Nicola-Alexander [2008-03-28 21:00:54 +0000 UTC]

i've used this for my journal! thankyou very much- i love it

👍: 0 ⏩: 0

LostInside31 [2008-03-28 12:28:08 +0000 UTC]

hello... how do i use a css?

👍: 0 ⏩: 0

GhostinReveries In reply to ??? [2008-03-26 12:40:41 +0000 UTC]

I used it. It's really nice. Thanks a lot for sharing

👍: 0 ⏩: 0

anjaleck In reply to ??? [2008-03-23 17:00:38 +0000 UTC]

Hi,

I would like to let you know I am featuring your incredible art in my weekly feature journal. [link]

Hugs,
Anj

👍: 0 ⏩: 0

zealousbunny [2008-03-22 22:48:04 +0000 UTC]

Can I use it?!

👍: 0 ⏩: 0

kak-a [2008-03-22 18:26:18 +0000 UTC]

i use this CSS!
it's very nice.

👍: 0 ⏩: 0

celyne In reply to ??? [2008-03-22 16:59:36 +0000 UTC]

I used this on my journal. It's very nice ~

👍: 0 ⏩: 0

Ghost-of-Ink In reply to ??? [2008-03-22 00:51:56 +0000 UTC]

I love this css, thank you so much for creating it!

👍: 0 ⏩: 0

Benet [2008-03-20 17:53:36 +0000 UTC]

Very nice and clean. I am gonna use it.

👍: 0 ⏩: 0

Asato-Kun [2008-03-19 22:06:37 +0000 UTC]

i'm using this <3

👍: 0 ⏩: 0

gatogirl12345 In reply to ??? [2008-03-19 17:34:54 +0000 UTC]

Very nice!

👍: 0 ⏩: 0

xPinkTuxToTheProm [2008-03-18 03:45:12 +0000 UTC]

I hope you don't mind ; I'm using it and I tweaked it a little ; lost the links and such.

👍: 0 ⏩: 0

alsebka [2008-03-16 13:06:26 +0000 UTC]

great CSS !
in use

👍: 0 ⏩: 0

justys [2008-03-15 08:41:06 +0000 UTC]

thanks? : )

👍: 0 ⏩: 0

tietgale [2008-03-13 22:25:52 +0000 UTC]

I had made an edited version of your CSS here = [link]

👍: 0 ⏩: 0

coracrow [2008-03-11 17:35:33 +0000 UTC]

Just wanted to let you know that I'm using this. ^_^ Love it.

👍: 0 ⏩: 0

PikaWho [2008-03-10 23:58:02 +0000 UTC]

Very nice! :3
I hope you don't mind that i will be using it, until i make my own. :3
Its very....simple and clean. ;D

👍: 0 ⏩: 0

tabithabianca [2008-03-10 15:30:34 +0000 UTC]

I am certainly going to try this. You designed such a sleek and slick layout

👍: 0 ⏩: 0

lajvio In reply to ??? [2008-03-10 13:16:03 +0000 UTC]

How can I use this on my journal?

👍: 0 ⏩: 0

twilightphoto [2008-03-09 16:50:48 +0000 UTC]

using this ^_^

thanks!

👍: 0 ⏩: 0

Chat-Pot [2008-03-05 17:39:45 +0000 UTC]

Hi ! It's a very nice layout, i use it and i love it

👍: 0 ⏩: 0

Nyiana-sama [2008-03-05 03:14:14 +0000 UTC]

I'm stopping by to let you know that I love this CSS and I just started using it today.

👍: 0 ⏩: 0

Allentla [2008-03-01 22:10:20 +0000 UTC]

Awesome I'm going to use this one it's so cool.

👍: 0 ⏩: 0

MeisterDesZirkuss [2008-02-28 18:54:52 +0000 UTC]

definetely will use this

👍: 0 ⏩: 0

ZeppTokyoASK [2008-02-26 22:50:38 +0000 UTC]

Tell me how to place a border around the whole thing and it'll be all fine.

👍: 0 ⏩: 0

L-L-Lea In reply to ??? [2008-02-25 08:18:23 +0000 UTC]

I am using your CSS here . Many thanks, its just what I was looking for.


👍: 0 ⏩: 0

nukieu In reply to ??? [2008-02-24 16:02:12 +0000 UTC]

thanks i'll use this

👍: 0 ⏩: 0

charbage In reply to ??? [2008-02-24 02:44:03 +0000 UTC]

Love it. Used it.
Thank you!

👍: 0 ⏩: 0

LimnHere In reply to ??? [2008-02-23 23:51:22 +0000 UTC]

Thanks for making such a simple layout! Love it! : D

👍: 0 ⏩: 0

LilMis In reply to ??? [2008-02-22 06:49:12 +0000 UTC]

Ah, I will definitely use this, though I probably will edit it around a little first ^^. Thanks so much for putting this out there for everyone to use!

👍: 0 ⏩: 0

Dailix In reply to ??? [2008-02-20 16:44:43 +0000 UTC]

Just wanted to let you know that I really love love love this css.
I'm using it for my journal.

LOVE it...<3

👍: 0 ⏩: 0

Katheairene In reply to ??? [2008-02-20 15:51:19 +0000 UTC]

I use it too :]

👍: 0 ⏩: 0

m-h2o [2008-02-19 02:23:44 +0000 UTC]

Thank you for the journal,,,, still working through it, I am rather new to DA and this css is all new to me, however all the ones that i have tried yours is the easiest to work through (being a novice) and i like the simplistic format the most out of what i have seen,... Thanks again.... great job!!

👍: 0 ⏩: 0

RiniWonderland [2008-02-18 03:38:13 +0000 UTC]

I'm using this! It's looks awesome

👍: 0 ⏩: 0

d-minutiv [2008-02-17 20:49:08 +0000 UTC]

I use it, and love it

👍: 0 ⏩: 0

m0riendi In reply to ??? [2008-02-16 19:15:08 +0000 UTC]

👍: 0 ⏩: 0

myrnajacobs [2008-02-16 16:39:46 +0000 UTC]

oh wow, I'm happy I found this. Thanks! I think I'll try it out.

👍: 0 ⏩: 0

dwth In reply to ??? [2008-02-16 10:51:47 +0000 UTC]

I use for now this CSS on my journals - Thumbs of the Week 7th .

👍: 0 ⏩: 0

Kroevyn In reply to ??? [2008-02-12 14:33:44 +0000 UTC]

Hey, thanks so much for this, it saved me a whoooole lot of time and frustration ^^

👍: 0 ⏩: 0


<= Prev | | Next =>