HOME | DD

Published: 2007-03-16 20:13:09 +0000 UTC; Views: 137563; 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
MissTrashyPants [2008-11-10 02:46:15 +0000 UTC]
hello
I used your CSS layout in my journal
[link]
thanks
👍: 0 ⏩: 0
Gemini-Soul [2008-11-09 07:40:43 +0000 UTC]
Good day,
have used your CSS here:[link]
thank you
👍: 0 ⏩: 0
ScarletteBite [2008-11-09 00:19:08 +0000 UTC]
It's beautiful! Just what I was looking for. Is it alright if I use it?
👍: 0 ⏩: 0
AuroraWinter [2008-11-07 02:00:41 +0000 UTC]
This is great! I used it in my journal- just letting you know
👍: 0 ⏩: 0
Contrastique [2008-11-03 21:50:16 +0000 UTC]
It's a wonderful CSS. I adjusted it to somewhat my own liking but it's a great simple design to start with. ThanX a whole lot for making it
👍: 0 ⏩: 0
cmykid [2008-11-03 03:01:54 +0000 UTC]
hello i want to use this layout
but idk how to use it
can u help me?
👍: 0 ⏩: 0
eizu [2008-10-24 08:37:14 +0000 UTC]
using it i would like to add the mood selection which i don't know how, i tried to search it on dA but didn't manage to find one, perhaps give me a link or tips? i'm really new to this, anyways thanks! your works are magnificent!
^____^
👍: 0 ⏩: 1
ClaireJones In reply to eizu [2008-10-24 17:54:16 +0000 UTC]
To keep the moodbox, go through the code until you find the .list element. The first line in the element is display: none;. Delete this line and the moodbox will be visible again (although I don't remember if I styled the code with CSS ). If I recall correctly, the moodbox works better at the bottom than the top, if you choose to use it.
An example code:
.list {
display: none; <= Remove this line
text-align: left;
background: #BAC5BA;
font-size: 10px;
margin-left: 25px;
margin-top: 10px;
margin-bottom: 10px;
}
👍: 0 ⏩: 1
eizu In reply to ClaireJones [2008-10-27 11:30:34 +0000 UTC]
o.0 i c!!! thank you very much!!! it's a big help!
^_________^
and thanks for sharing your wonderful css journal work! =3 it's really beautiful and helpful too ^_^
👍: 0 ⏩: 0
Dahdtoudi [2008-10-22 09:12:06 +0000 UTC]
OMG!! I was actually able to use this!!
Thank you so much ^ ^
👍: 0 ⏩: 0
Virus-AC In reply to ??? [2008-10-21 14:24:03 +0000 UTC]
I'm searching something simple and this one is very nice! I'm going to use it too! tq!
👍: 0 ⏩: 0
lovexjunkie [2008-10-21 10:53:06 +0000 UTC]
Hey! I was just surprised by my friend with a subscription, and one thing I've always wanted to do as a subscriber is change my journal CSS, I've always loved your design and I'm going to figure out how to use it That is, if you approve of course!
Thank you in advance !
👍: 0 ⏩: 0
Karloftus [2008-10-20 11:46:46 +0000 UTC]
Hey thanks, im going to use it. Quick question tho as i'm new to the whole CSS thing. If i want to display a link to someone elses gallery as an avatar ,how do i do that??
👍: 0 ⏩: 0
IvoryKeys [2008-10-19 01:27:03 +0000 UTC]
I really love this CSS layout, but I enjoy the mood box, and I took out the part "display: none;" from the CSS text, and that makes it show up above my first header. Do you know how I can make the mood box stuff show up right my first header? Sorry for bugging you, but I'm terrible when it comes to HTML/CSS stuff.
👍: 0 ⏩: 0
ma-ri-a [2008-10-15 14:30:57 +0000 UTC]
Hi, I am using it now. I just had to edit some of the div though.
Thank you.
👍: 0 ⏩: 0
alltheoriginalnames [2008-10-10 06:51:23 +0000 UTC]
It definitely does it's title justice, I like it. I'm a first time CSS user. And although it took me a bit to figure it out; the tutorial, examples and links you provided were very helpful. Thank you very much and I'm using it now. It's just what I was looking for
👍: 0 ⏩: 0
GermanCityGirl [2008-10-02 11:36:41 +0000 UTC]
Hi there. I was unsure if I needed to tell you that I've used this design for my latest journal with some small mods.
I appreciated the simplicity of the design + cheers for making it availability to us!
👍: 0 ⏩: 0
hyannah77 In reply to ??? [2008-09-29 14:03:10 +0000 UTC]
I've been looking for a good journal CSS for a while, thanks!
👍: 0 ⏩: 0
Polkka In reply to ??? [2008-09-27 13:45:30 +0000 UTC]
How do I use this on my journal? I would really like to use it. But the download doesn't work.
👍: 0 ⏩: 0
CoronusTheTerminator In reply to ??? [2008-09-27 00:43:00 +0000 UTC]
Adding and...possibly using if permissible?
👍: 0 ⏩: 0
TheRuberry In reply to ??? [2008-09-24 16:33:32 +0000 UTC]
just wonderful, this is my choise!
👍: 0 ⏩: 0
Coralwerks [2008-09-22 23:10:16 +0000 UTC]
Awesome! This is just the type of layout I was looking for! I've begun using it in my own Journal entries.
Thank you very much for this!
👍: 0 ⏩: 0
Smezy-Neko In reply to ??? [2008-09-22 18:16:47 +0000 UTC]
how do i get the code to add it???
👍: 0 ⏩: 0
ichabochiel [2008-09-16 09:24:12 +0000 UTC]
a nice css! i hope u don't mind if i use this in my jurnal
👍: 0 ⏩: 0
<= Prev | | Next =>