ClaireJones on DeviantArthttp://creativecommons.org/licenses/by-nc/3.0/https://www.deviantart.com/clairejones/art/Simple-Clean-v1-2-CSS-Layout-51003387ClaireJones

Deviation Actions

Daily Deviation

Daily Deviation

October 7, 2007
"I have used this CSS and it is wonderful. Clean, simple and elegant. Very easy to use and do minor changes even to a CSS dummy like myself. She has everything prepared so well and an explanation and install guide." If you're looking for a change from the deviantART CSS but don't want something too fancy, check out Simple + Clean v1.2 CSS Layout by `ClaireJones
Featured by maxwell-heza
Suggested by robinism
ClaireJones's avatar

Simple + Clean v1.2 CSS Layout

By
Published:
136.9K Views

Description

User Level: Beginner to Intermediate
Compatibility: 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 :+favlove:! I really appreciate it. I never thought Simple + Clean would be so popular. :aww:

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! :aww:
Comments852
Join the community to add your comment. Already a deviant? Log In
KalypsoSan's avatar
thanks for your help, good job, you save me! :happybounce: :happybounce: