HOME | DD

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

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

noyasaraf [2009-01-16 13:01:44 +0000 UTC]

i used it thank u so much

πŸ‘: 0 ⏩: 0

pi-kyu [2009-01-16 06:21:42 +0000 UTC]

I like this layout, will be using it. ^_^

πŸ‘: 0 ⏩: 0

CharmedPhantom [2009-01-16 04:13:48 +0000 UTC]

Currently using this looked at another one of yours, but it seemed broken/i'm an idiot and cant figure it out =x but this looks really cute and simple ^-^

πŸ‘: 0 ⏩: 0

stratopharius [2009-01-12 21:49:42 +0000 UTC]

THANK YOU SO MUCH!!!

πŸ‘: 0 ⏩: 0

morethanfine [2009-01-05 23:47:02 +0000 UTC]

thanks

πŸ‘: 0 ⏩: 0

Wolflover2298 [2009-01-05 21:18:04 +0000 UTC]

I used this. ^^

πŸ‘: 0 ⏩: 0

Kataang-furuba [2009-01-03 03:13:50 +0000 UTC]

-uses- -credits- awesomezz.

πŸ‘: 0 ⏩: 0

meganbreukelman [2009-01-02 18:28:49 +0000 UTC]

I've started to use this. It's absolutely gorgeous. Awesome work!

πŸ‘: 0 ⏩: 0

Vasch [2009-01-02 15:46:13 +0000 UTC]

Simply awesome. im using it now.

πŸ‘: 0 ⏩: 0

HoboGirl24 [2009-01-02 04:46:10 +0000 UTC]

Ah! Thank you so much for making this! I'm gonna use it! <3

πŸ‘: 0 ⏩: 0

AyJayy92 [2009-01-01 16:46:47 +0000 UTC]

This is so cool, I just used it. XD
Thanks for making and sharing it. ^^

πŸ‘: 0 ⏩: 0

xanaplayer [2008-12-29 05:16:49 +0000 UTC]

I love this layout! Clean and elegant! I'm gonna use it for my journal! Great job!

πŸ‘: 0 ⏩: 0

MartaValentin [2008-12-28 21:19:26 +0000 UTC]

I'm using it with the new beta layout and it stills looks amazing!
I think it have a little bug in the date text (some kind of strange shadow...) but I'm not sure if it's my fault! ^_^U

πŸ‘: 0 ⏩: 0

fogke [2008-12-25 14:16:53 +0000 UTC]

i will try use this i like it

πŸ‘: 0 ⏩: 0

sierra-gone-DA [2008-12-24 17:42:03 +0000 UTC]

using! thank you so much.

πŸ‘: 0 ⏩: 0

2753Productions [2008-12-23 17:05:55 +0000 UTC]

Sweet and simple design

πŸ‘: 0 ⏩: 0

KaikuSkylianFay [2008-12-22 01:18:44 +0000 UTC]

I shall attempt to use.

πŸ‘: 0 ⏩: 0

Backseat-Instigator [2008-12-19 05:48:09 +0000 UTC]

Hi. I downloaded this earlier today, and went over the readme, but the part I'm most unclear on is how to make the scrollbox show up in my journal. I'm very new to this whole CSS thing, and I'm pretty sure I'm doing it all wrong.

πŸ‘: 0 ⏩: 1

Backseat-Instigator In reply to Backseat-Instigator [2008-12-19 06:31:57 +0000 UTC]

Nevermind, I got it after I read through the readme a few more times.

πŸ‘: 0 ⏩: 0

DarkGryph [2008-12-19 03:22:37 +0000 UTC]

^^ I like how simple this CSS looks, I'll be using it in my journals, thank you!

πŸ‘: 0 ⏩: 0

ZipDog11 [2008-12-18 04:46:48 +0000 UTC]

Used it in my newest journal!

πŸ‘: 0 ⏩: 0

Calla-Lilly In reply to ??? [2008-12-16 23:35:19 +0000 UTC]

Your CSS journals are wonderful, but this one is just perfect!

πŸ‘: 0 ⏩: 0

PhoeC [2008-12-16 19:58:03 +0000 UTC]

I've snaffled this for my journal! Thanks alot

πŸ‘: 0 ⏩: 0

Vampirina08 [2008-12-16 01:44:39 +0000 UTC]

I'm using it!

πŸ‘: 0 ⏩: 0

canadianshawna87 [2008-12-14 05:45:04 +0000 UTC]

I think I'm going to use it...^^...Thank you so much for making it

πŸ‘: 0 ⏩: 0

MelissaFindley [2008-12-11 02:25:24 +0000 UTC]

Thank you for the CSS. I used (and modified it a little) here: [link]

The best part of it was that, even though I'm completely stupid at doing CSS I was easily able to modify it to get the look I wanted. Thank you so much for making it that easy to use and implement.

πŸ‘: 0 ⏩: 0

Herringbones [2008-12-11 01:02:00 +0000 UTC]

Wah man! I love this design so much! So organized and sleek to look at! I will definately be using it soon! Thanks so much for creating and sharing this design! (:

πŸ‘: 0 ⏩: 0

AndreeaIuliana [2008-12-07 15:13:03 +0000 UTC]

I used it, thank you

πŸ‘: 0 ⏩: 0

dauntingfire [2008-11-28 04:03:21 +0000 UTC]

Thank you so much for this. It's beautiful! <3

πŸ‘: 0 ⏩: 0

FollowingFilly [2008-11-25 17:02:56 +0000 UTC]

Can i use this CSS please

πŸ‘: 0 ⏩: 0

BethMitchell [2008-11-25 02:40:07 +0000 UTC]

[link]

Used! Thank you for providing CSS !

πŸ‘: 0 ⏩: 0

KatiBear [2008-11-24 11:51:41 +0000 UTC]

Thank you very much
I'm going to use this on my stock account

πŸ‘: 0 ⏩: 0

Blacleria [2008-11-22 14:44:17 +0000 UTC]

This is really amazing! I used it for my journal, see here: [link]
Thank you

πŸ‘: 0 ⏩: 0

comichelle [2008-11-21 17:04:19 +0000 UTC]

Love it! It is what you call it, simple and clean. I think I'm going to try this one out.

πŸ‘: 0 ⏩: 0

MalekaLaneke [2008-11-21 01:53:31 +0000 UTC]

Using this CSS! here [link]

Thanks !

πŸ‘: 0 ⏩: 0

loojeen [2008-11-16 03:52:14 +0000 UTC]

U R TRULY EXCELLENT! here*loojeen [link] I can’t believe how meticulous your method is! I finally used one of my favorite styles thanks to u!

πŸ‘: 0 ⏩: 1

Amy--Louise In reply to loojeen [2008-11-21 21:55:19 +0000 UTC]

thank you- I altered it a bit. . .

πŸ‘: 0 ⏩: 1

loojeen In reply to Amy--Louise [2008-11-28 00:01:15 +0000 UTC]

Hummm! u r welcome but I don't get it, isn't it Claire Jones's design? anyways I wonder if u can help out with figuring out how to adjust either the extra scroll box I added or the right side bar so things wouldn't over lap other things as u c it there !
How Beautiful We Look
I really busted my head but I gave UP!

πŸ‘: 0 ⏩: 1

Amy--Louise In reply to loojeen [2008-11-28 16:00:55 +0000 UTC]

How did you change the background?

I love that the words journal entry have been hidden . .

I will think on it as I have to put up a feature today. . .

πŸ‘: 0 ⏩: 1

loojeen In reply to Amy--Louise [2008-12-03 20:31:57 +0000 UTC]

Well dear, to my amazement I discovered that changing the back ground by adding an image or even changing the color mess up the templates side bar alignment so I turned back as it was ! I tried my best but I totally failed to find the trick! So I replaced with *trashydragon [link]
it fulfilled my requirement!

Yet if u ever discovered the secret just buzzzz me please!

πŸ‘: 0 ⏩: 1

Amy--Louise In reply to loojeen [2008-12-03 21:08:19 +0000 UTC]

Can you link me to the *trashydragon template that you used please!!

and I'll figure out the secret and buzz you !!

πŸ‘: 0 ⏩: 1

loojeen In reply to Amy--Louise [2008-12-03 21:46:12 +0000 UTC]

Here [link]

πŸ‘: 0 ⏩: 1

Amy--Louise In reply to loojeen [2008-12-03 22:17:43 +0000 UTC]

Thank you

πŸ‘: 0 ⏩: 0

InKibus [2008-11-16 02:22:25 +0000 UTC]

Using this CSS! Thanks for providing it!

πŸ‘: 0 ⏩: 0

MilkKidd [2008-11-15 18:07:14 +0000 UTC]

Hello,

have used your CSS here:*MilkKidd
thank you

πŸ‘: 0 ⏩: 0

Asterisk-x [2008-11-12 22:49:32 +0000 UTC]

how can i download this?

:/

πŸ‘: 0 ⏩: 1

Asterisk-x In reply to Asterisk-x [2008-11-12 22:57:48 +0000 UTC]

o nevermind

πŸ‘: 0 ⏩: 0

xRAWRx3 [2008-11-12 04:38:42 +0000 UTC]

my computer cant open winzip files =/ stupid computer

πŸ‘: 0 ⏩: 0

Fel182 [2008-11-12 02:55:26 +0000 UTC]

I'mma gonna use this !

πŸ‘: 0 ⏩: 0

candyxcloud [2008-11-12 01:46:59 +0000 UTC]

hi luv <3

gratz on the DD ^3^

can i use this for my journal ? XD

x

πŸ‘: 0 ⏩: 0


<= Prev | | Next =>