HOME | DD

Published: 2007-03-16 20:13:09 +0000 UTC; Views: 137572; 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
yf19-sama [2008-05-20 08:52:30 +0000 UTC]
Is it possible to add a banner or a centered image at the top of text or into the tittle??
👍: 0 ⏩: 0
mooncats5 [2008-05-13 08:56:30 +0000 UTC]
Simple and clean just works. I like it I'll use it.
👍: 0 ⏩: 0
takara13 [2008-05-12 20:19:20 +0000 UTC]
Very nice.
Thank you for making it available. :3
I like the way it looks on my page. [link]
👍: 0 ⏩: 0
LittleLottexo [2008-05-12 01:21:09 +0000 UTC]
Oh how I love this. I used it in my journal: [link]
👍: 0 ⏩: 0
Captain-Dagger [2008-05-10 20:19:05 +0000 UTC]
I'm using this. I love how simple it is. Just perfect for me.
👍: 0 ⏩: 0
PiROmod [2008-05-07 00:36:23 +0000 UTC]
please i want to use this how do i do it!?!?!?!?! i still dont know how to get the code!
👍: 0 ⏩: 0
CaptainChants [2008-05-03 15:14:58 +0000 UTC]
Absolutely love this. Just what I was looking for. Was getting very sick of my old css, and this is nice simple.
Thank you for creating this!
👍: 0 ⏩: 0
bunee [2008-05-03 12:21:44 +0000 UTC]
This is a great layout! Its just what a needed, its simple yet it still looks very elegant. I just wanted to leave a comment thanking you, because I deffinitly plan on using it
👍: 0 ⏩: 0
Jiyuu-Chan [2008-05-01 06:24:50 +0000 UTC]
Great CSS, I'm already using it, but I'm encountering a problem with my featured art box. If you hover your mouse on a deviation in it, it does this peculiar twitch/shudder that makes it hard to click. Is it possibly because I'm using IE? Either way, thanks so much for all of your hard work on this! I truly appreciate it
👍: 0 ⏩: 0
Barbiesocks In reply to ??? [2008-04-28 20:10:05 +0000 UTC]
Awesome ^_^ I'll be using this for sure Great job
👍: 0 ⏩: 0
timeywimey [2008-04-28 14:16:50 +0000 UTC]
Amazing. Will use this soon, or the 3.5 version!
👍: 0 ⏩: 0
idolhands [2008-04-27 18:08:27 +0000 UTC]
Is it possible to do a "cut" with this journal, cut the text with a link that is? I'm having trouble.
Love the design and am using it right now, btw.
👍: 0 ⏩: 1
idolhands In reply to idolhands [2008-04-27 18:09:18 +0000 UTC]
Oh and why are my links coming up so huge??
👍: 0 ⏩: 0
Studio5 In reply to ??? [2008-04-26 01:47:55 +0000 UTC]
thanks for this css, im lovin it, i changed it slightly buts still its great
👍: 0 ⏩: 0
Wolf250 [2008-04-25 07:57:32 +0000 UTC]
[link]
Thank you for posting your CSS codes, your designs are always awsome
👍: 0 ⏩: 0
gadgetguy606 [2008-04-25 04:44:40 +0000 UTC]
Just started using your css. Easy to use and good looking. Made a few minor changes, but its a great piece of work.
👍: 0 ⏩: 0
andanar [2008-04-22 13:43:48 +0000 UTC]
I love your CSS and have used several. Thankyou for your efforts and generosity in producing these.
👍: 0 ⏩: 0
Makime [2008-04-20 21:45:51 +0000 UTC]
I'm using your layout here to get tables into my own CSS. But I'm having a problem with my right hand column. Could you help me? Here's my journal: [link]
I would like it to adjust itself automatically to stretch my "Devotional" section and fit all of my "Ground Rules" without overflowing into my "Resources" section and displacing all my content.
I'd really like to have the scroll box in there, but I have a few problems with the box. For one, I have to adjust the height of the pixels and it will never fit neatly into the column. I tried putting it on auto height, but that didn't work. For another, it's really ugly and takes up all the space in the box. If I could have a scrollbar that blends in with the background so that it isn't noticeable, that would be great.
Ideally, I could use a small, neat scrollbar to fit all of my content, but I still have no idea how to make a scrollbar that will automatically fit each table and look nice as well. Could you help me with this problem?
Thanks!
👍: 0 ⏩: 1
Makime In reply to Makime [2008-04-20 21:49:53 +0000 UTC]
I'm sending this in a note as well since I'm not sure if you'll see it on here. So if you get this message twice, feel free to ignore the second one.
👍: 0 ⏩: 0
Haywood-Photography [2008-04-17 21:17:11 +0000 UTC]
It looks pretty cool to me I have every intention of using this .. Cheers and Thank you.
👍: 0 ⏩: 0
FlowerFavClub [2008-04-17 21:09:43 +0000 UTC]
Thanks for this one We use it (incl. an image made by me) for our new kinda club!
👍: 0 ⏩: 0
FlowerFavClub [2008-04-17 21:07:24 +0000 UTC]
Thank you for this one
We use it (inclusive my image) for our new kinda club here [link]
👍: 0 ⏩: 0
RosinAngel [2008-04-17 01:44:05 +0000 UTC]
I've used this, It's great css
I edited it slightly, but it's recognizably yours
Thank you Dear
👍: 0 ⏩: 0
SweetKiwiDesign In reply to ??? [2008-04-13 22:08:32 +0000 UTC]
Ooo this is nice... I've been super busy so I haven't had time to create a nice css for myself so I'm gonna use this. Great work!
👍: 0 ⏩: 0
Digaas In reply to ??? [2008-04-13 12:04:02 +0000 UTC]
Thank you very much! I'm loving this CSS.
Could you tell me something? Since I know nothing about this, how can I put the deviantArt bounding box back?
👍: 0 ⏩: 0
Albiona In reply to ??? [2008-04-12 23:06:06 +0000 UTC]
I'm so gonna use this! Simple and nice, with a nice explanation on how to install it, for a CSS newbie like me. Superb!
👍: 0 ⏩: 0
Ghost-Dreamer In reply to ??? [2008-04-11 15:23:37 +0000 UTC]
Very elegant, easy to install and extremely user friendly, well done
Just wanted to let you know that I'm using your design for my journal, thank you very much for sharing this with us
👍: 0 ⏩: 0
jack22 In reply to ??? [2008-04-10 13:33:39 +0000 UTC]
Absolutely lovely design. Great work!
👍: 0 ⏩: 0
andrutzab In reply to ??? [2008-04-10 11:37:46 +0000 UTC]
i'll be using it... it's really good to start learning about css thanks for sharing!
👍: 0 ⏩: 0
ENDth [2008-04-07 17:38:08 +0000 UTC]
I would like to know, are we aloud to edit some parts, like the parts we dont want? Cause this is real simple I like it cause its also classic. But im not sure if i would want to use every part of it..
👍: 0 ⏩: 0
Addark [2008-04-07 05:06:14 +0000 UTC]
I'm definitely using this, though possibly editing it slightly. Thank you so much.
👍: 0 ⏩: 0
robotough In reply to ??? [2008-04-06 23:10:01 +0000 UTC]
I'm usin' it
its super great. very simple, just the way I like things.
👍: 0 ⏩: 0
LostInside31 [2008-04-05 15:26:37 +0000 UTC]
great one! just what i was looking for
it's simple but i do miss the mood section...
👍: 0 ⏩: 1
ClaireJones In reply to LostInside31 [2008-04-05 16:37:46 +0000 UTC]
Thanks!
If you want the Moodbox to be visible, remove "display: none;" from the .list { } element (it should be in the top portion of the CSS). I think it's the only "display:none;" for this layout, so it shouldn't be hard to locate.
👍: 0 ⏩: 1
LostInside31 In reply to ClaireJones [2008-04-05 16:55:05 +0000 UTC]
yes, i found it! thank you very much for designing such a great CSS!
👍: 0 ⏩: 0
<= Prev | | Next =>