HOME | DD

Published: 2007-03-16 20:13:09 +0000 UTC; Views: 137562; 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
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
meganbreukelman [2009-01-02 18:28:49 +0000 UTC]
I've started to use this. It's absolutely gorgeous. Awesome work!
π: 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
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
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
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
dauntingfire [2008-11-28 04:03:21 +0000 UTC]
Thank you so much for this. It's beautiful! <3
π: 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
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
MilkKidd [2008-11-15 18:07:14 +0000 UTC]
Hello,
have used your CSS here:*MilkKidd
thank you
π: 0 β©: 0
xRAWRx3 [2008-11-12 04:38:42 +0000 UTC]
my computer cant open winzip files =/ stupid computer
π: 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 =>