HOME | DD

Published: 2007-03-16 20:13:09 +0000 UTC; Views: 137607; 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
lowapproach In reply to ??? [2007-04-24 01:57:44 +0000 UTC]
Love how clean this work is, great job, I will download now and install next week
👍: 0 ⏩: 1
ClaireJones In reply to lowapproach [2007-04-27 13:57:30 +0000 UTC]
Thanks! Glad you like it.
👍: 0 ⏩: 0
HydroENKI In reply to ??? [2007-04-21 20:29:30 +0000 UTC]
Hi can I ask how to make the link not blue? :]
👍: 0 ⏩: 0
Sokyu In reply to ??? [2007-04-20 14:28:58 +0000 UTC]
Hi, Im using your css and it is amazinG! thank u!!!
👍: 0 ⏩: 1
robinism In reply to ??? [2007-04-19 22:50:06 +0000 UTC]
i am currently using this CSS layout. thank you for sharing it with us.
here is a link [link]
👍: 0 ⏩: 1
ClaireJones In reply to robinism [2007-04-20 15:19:00 +0000 UTC]
Thanks for telling me. I'm glad you like the layout.
👍: 0 ⏩: 1
robinism In reply to ClaireJones [2007-04-20 18:07:27 +0000 UTC]
no thank you. i really love this layout! For CSS incompetent people, like myself, it is just fantastic to see someone release such a wonderful layout
👍: 0 ⏩: 0
SparklyDest [2007-04-17 20:24:06 +0000 UTC]
I will be using this CSS. I love the clean, simple look of it...and I love how everything is so organized.
👍: 0 ⏩: 1
ClaireJones In reply to SparklyDest [2007-04-20 15:32:29 +0000 UTC]
Thanks! I'm glad you like it.
👍: 0 ⏩: 0
sambees In reply to ??? [2007-04-17 16:43:29 +0000 UTC]
Used your layout, looks amazing! I've been looking for it sometime, I've seen it around a few times without credit so I never knew where to look.
👍: 0 ⏩: 1
ClaireJones In reply to sambees [2007-04-20 15:21:38 +0000 UTC]
Thanks! I'm glad you like it (and found it).
👍: 0 ⏩: 0
flightless-angel In reply to ??? [2007-04-17 06:54:48 +0000 UTC]
I will definitely use this, well, when i get a subscription someday. lol im poor, heehee. I like CSS like these, clean and simple.
👍: 0 ⏩: 0
joannastar-stock In reply to ??? [2007-04-13 11:55:15 +0000 UTC]
Thank you so much for this beautiful layout I'm using a slightly modified version on my journal now
👍: 0 ⏩: 1
ClaireJones In reply to joannastar-stock [2007-04-20 15:18:38 +0000 UTC]
Thanks for telling me. I'm glad you like the layout and I like how you have added to the original design.
👍: 0 ⏩: 0
Phoenix-22 In reply to ??? [2007-04-09 22:17:04 +0000 UTC]
I actually really like this style CSS. I'm not usually too keen of extremely minimalist things and if I had gone straight to this deviation instead of seeing your page, I probably wouldn't like it.
The simple fact is, people's pages are way too cluttered and complicated. I do it too, with a wishlist and other things, but I have a bad habit of trying to have my left and right columns the same length. A "transparent" journal box is a nice way of displaying information without taking up an ungodly amount of space, which should be focused on the art.
👍: 0 ⏩: 0
strangecondition In reply to ??? [2007-04-07 20:52:54 +0000 UTC]
Nice job. I used it here [link]
👍: 0 ⏩: 1
ClaireJones In reply to strangecondition [2007-04-12 13:39:47 +0000 UTC]
Thanks for using my CSS!
👍: 0 ⏩: 1
strangecondition In reply to ClaireJones [2007-04-12 23:19:48 +0000 UTC]
No problem. You did an awesome job.
👍: 0 ⏩: 0
mom-the-bomb In reply to ??? [2007-03-29 10:37:30 +0000 UTC]
This is a super cool and clean layout. I love it.
👍: 0 ⏩: 1
ClaireJones In reply to mom-the-bomb [2007-03-30 05:15:19 +0000 UTC]
Thank you. I'm glad you like it.
👍: 0 ⏩: 1
baba49 In reply to ??? [2007-03-20 00:31:19 +0000 UTC]
I like this clearly laid out journal style very much This is a great inspiration for me. I like to keep my journal colors within the dA color scheme too. I still have to make a lot of improvements to get away from the amateurish look.
👍: 0 ⏩: 0
dana-martinez In reply to ??? [2007-03-19 17:12:53 +0000 UTC]
Yep, that is simple and clean! Look at you - drop out of sight for a while and come back all expert in Apo and CSS!
👍: 0 ⏩: 1
ClaireJones In reply to dana-martinez [2007-04-01 17:00:01 +0000 UTC]
Hmm? I've done web coding for several years now, so CSS isn't that difficult for me. I'm not sure about being an expert in Apophysis, though.
👍: 0 ⏩: 1
dana-martinez In reply to ClaireJones [2007-04-05 13:01:12 +0000 UTC]
I am having my troubles adjusting from straight HTML, which I have done for years, to CSS. Maybe I'm just
👍: 0 ⏩: 0
p0rkytso In reply to ??? [2007-03-18 21:55:06 +0000 UTC]
when it comes to coding and nethin related i suk, but i like the simplicity of this layout. kinda different compared to your other work, being much more complexed i think i might take another browse of your gallery when i'm free i really love the whole abstract and style of your work
u must feel proud with a lot of positive feedback keep it up !
👍: 0 ⏩: 0
frostfire101 In reply to ??? [2007-03-18 02:43:52 +0000 UTC]
pretty awsome hun,
simple and elegant
👍: 0 ⏩: 1
Lyastri In reply to ??? [2007-03-18 00:40:48 +0000 UTC]
I am absolutely in love with the nice clean lines of this. Yup, I love it, and you better believe I'm using it!
👍: 0 ⏩: 0
Jaimep In reply to ??? [2007-03-17 18:35:17 +0000 UTC]
that's a really nice layout. a lot better than some of the others I've seen around the web. very lovely.
👍: 0 ⏩: 0
loki-mcdamage In reply to ??? [2007-03-17 11:12:18 +0000 UTC]
or I would if the download worked lol.
👍: 0 ⏩: 1
ClaireJones In reply to loki-mcdamage [2007-03-17 16:02:15 +0000 UTC]
I'm not sure what is wrong with dA, but I got the download to work now (after several tries). I did upload it the first time. dA glitch, I guess.
👍: 0 ⏩: 1
loki-mcdamage In reply to ClaireJones [2007-03-17 18:53:10 +0000 UTC]
I know I have to do it about three times when I upload a skin its annoying.
👍: 0 ⏩: 0
loki-mcdamage In reply to ??? [2007-03-17 11:10:57 +0000 UTC]
This is really nice and simple, I really like it, I might just use it for myself.
👍: 0 ⏩: 0
FractalEyes In reply to ??? [2007-03-16 23:53:21 +0000 UTC]
It really is very nice and simple. I'll add it to my growing template collection.
👍: 0 ⏩: 1
ClaireJones In reply to FractalEyes [2007-03-17 16:08:25 +0000 UTC]
Thanks.
In case you tried to download it and just got the enlarged image, the download has been fixed.
👍: 0 ⏩: 1
FractalEyes In reply to ClaireJones [2007-03-17 16:11:58 +0000 UTC]
Great. I was going to wait a bit and ask you about it.
👍: 0 ⏩: 0
LyinRyan In reply to ??? [2007-03-16 22:49:55 +0000 UTC]
This is a sleek design layout!! Very nice!!
👍: 0 ⏩: 1
<= Prev | | Next =>