HOME | DD

Published: 2007-03-16 20:13:09 +0000 UTC; Views: 137573; Favourites: 1781; Downloads: 12400
Redirect to original
Description
User Level: Beginner to IntermediateCompatibility: 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
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
Kelii [2008-02-12 05:31:00 +0000 UTC]
Hi I'm trying to use this css! It's very nice. I LOVE it!
👍: 0 ⏩: 0
Birdee-Blake In reply to ??? [2008-02-11 12:32:03 +0000 UTC]
HRG. I have to come back later to download this so I'm faving it now D:.
👍: 0 ⏩: 0
girl-in-CPU [2008-02-10 10:13:45 +0000 UTC]
Ah finally a little simplicity goes a long way. Love the layout especially the section on 'Featured Artists', great idea!
Thanks for your time and effort!
👍: 0 ⏩: 0
Archesven [2008-02-09 12:35:10 +0000 UTC]
How do you get these onto yr html?
I can't figure it out ;
👍: 0 ⏩: 0
zeynepgozen [2008-02-07 23:31:29 +0000 UTC]
i used this with my old account and will use it with this one as well. thanks a lot.
👍: 0 ⏩: 0
SanziaRaphaela [2008-02-04 12:28:15 +0000 UTC]
I really like this clean and simple appearance, and may try it out. Thankyou for sharing your talent.
👍: 0 ⏩: 0
LenoreMorgue [2008-02-03 17:56:13 +0000 UTC]
I`m going to use this one... it`s amazing!! Thank you!
👍: 0 ⏩: 0
jahshalom [2008-01-30 03:43:37 +0000 UTC]
thank you for making this, i havve used it and enjoyed doing so. i hope you do not mind if i continue to change it as my needs evolve.
👍: 0 ⏩: 0
Butterfly-in-Harmony In reply to ??? [2008-01-22 18:02:07 +0000 UTC]
I'm gonna use this!
Thank you so much for making it ^^
👍: 0 ⏩: 0
SerenaVerdeArt In reply to ??? [2008-01-22 13:08:01 +0000 UTC]
I'm using your layout!
Thank you so much
👍: 0 ⏩: 0
lostdinasty1998 [2008-01-20 15:22:40 +0000 UTC]
Well....I am new to CSS.....
And quite honestly, this may seem stupid to ask...But how do I find the code so I can try and change it a bit and add it to my journal?
👍: 0 ⏩: 0
RenaInnocenti In reply to ??? [2008-01-19 22:27:55 +0000 UTC]
thanksfor the layout nya~
[link]
👍: 0 ⏩: 0
ArcherV [2008-01-19 20:08:16 +0000 UTC]
I'm using your css here [link]
I've changed featured artists with clubs ^^
thanks, I really love it ^^
👍: 0 ⏩: 0
SquareSoul [2008-01-19 17:57:44 +0000 UTC]
Just added this CSS to my page ... it's not finished yet, but just wanted to say a huge thanks! Very easy to follow and use. Love the simplicity of the design.
Thanks again
👍: 0 ⏩: 0
helly7307 [2008-01-15 08:43:13 +0000 UTC]
Hey im using this css here [link] hope you dont mind, its a great css by the way!
👍: 0 ⏩: 0
anyuu [2008-01-11 15:56:34 +0000 UTC]
Once I buy subscription (any day soon; I hope) I'll definitely going to use this one in my journal!
👍: 0 ⏩: 0
some-art-bum [2008-01-07 12:10:54 +0000 UTC]
The layout is awesome, and appeals to me much more than the others I see out there. Thanks for making this available
I'll be using it and leaving in the credits to you.
👍: 0 ⏩: 0
ersi [2008-01-05 08:49:41 +0000 UTC]
Hi, Claire! I've used different journal layouts till now but I always go back to this "Simple and Clean" marvel! I now have a slightly modified version, this is the link, if you care to have a look: [link] Your design is a classic!
👍: 0 ⏩: 0
toonrama [2007-12-31 13:13:42 +0000 UTC]
Dear friend!
Thank you very much for the CSS layout...
This is a beautiful layout.
I am using this template, and have also mentioned your name, in my journal.
I shall be glad if you could tell us how to bring a background image on this journal.
That's one inquiry I would want to ask.
👍: 0 ⏩: 0
StephanePellennec In reply to ??? [2007-12-30 10:15:56 +0000 UTC]
Used here
[link]
I still have some things to adjust.
Thanks
👍: 0 ⏩: 0
Kiulani In reply to ??? [2007-12-29 12:58:27 +0000 UTC]
how does it works? I putted the code in my journal but nothing happened...
very nice lay though
👍: 0 ⏩: 0
kahlure In reply to ??? [2007-12-28 19:29:39 +0000 UTC]
My mind is too tired at this moment to comprehend and absorb this but it is sentient enough to know that it wants to use this. I will firther attempt to decipher it on my own, but I will leave this comment here to both thank you for this and to ask for help in the event that I am not able to find a way past all the text traps and link portals.
👍: 0 ⏩: 0
eyes-of-a-miracle In reply to ??? [2007-12-25 23:34:05 +0000 UTC]
help... where do i actually go to download the code?
👍: 0 ⏩: 0
Lestrim In reply to ??? [2007-12-25 16:30:11 +0000 UTC]
I'm using this ^^
Thank you so much for it!
Merry Christmas!
👍: 0 ⏩: 0
sa-photographs In reply to ??? [2007-12-25 09:47:51 +0000 UTC]
I'm so using this. ^^ It's nice and simple. ^^
👍: 0 ⏩: 0
RobotCharlie In reply to ??? [2007-12-25 07:59:28 +0000 UTC]
i love this and fully plan to use it. however i wish it came in a light pink. im completely new to CSS. literaly all i can do is cut and paste...how would i go about editing this and applying?
👍: 0 ⏩: 0
Michaelaa In reply to ??? [2007-12-16 13:39:25 +0000 UTC]
This is lovely! I love the simplicity and how it matches dA so well. Im using this on my journal right now!
👍: 0 ⏩: 0
nymphofwater In reply to ??? [2007-12-14 01:11:34 +0000 UTC]
I decided I needed a new CSS for my journal and I like mine to match the DA colours, my current journal CSS I changed the background image to the colour scheme but it doesn't work well in IE. So I am going to use your lovely simple CSS Layout!
👍: 0 ⏩: 0
Nsambakalunga In reply to ??? [2007-12-11 15:03:26 +0000 UTC]
I'm using this CSS!
Thank you!
👍: 0 ⏩: 0
<= Prev | | Next =>