HOME | DD
ClaireJones — Simple + Clean v.3 CSS
by-nc
Published: 2007-05-03 20:00:08 +0000 UTC; Views: 38663; Favourites: 427; Downloads: 3489
Redirect to original
Description
Simple + Clean v.3 & v.3.5User Level: Intermediate
Live version for Simple + Clean v.3: [link]
Live version for Simple + Clean v.3.5: [link]
I didn't expect to create any more CSS designs, but there were some elements that bugged me and I just had to figure out how to do them. This version is a more intermediate CSS layout than the original.
Two different versions, as shown in the extremely large preview image, are included in the zip file.
Features:
- Minimalist design to match dA's layout
- Sidebar (Now in an easier to code format)
- Gallery Menu Bar
- Sibebar Boxes
- Scrollboxes
- Journal Subhead and/or Journal Description
- No mood box (I think
)
- No Journal Entry Date
- Zero graphical elements (though they may be added)
More CSS Journal Layouts: [link]
dA members who have used this CSS:
~17oz | ~2ndart | =Adimo-Rosa | ~AGDemiGod | ~Ariel-G | =Arctic-Affinity | *AvalonSky | ~beastofoblivion | =beyond-frames | ~bLuTm8 | ~comfy-bed-stock | =CountessdeScarlet | *Craig-Miller | *Denchii85 | ~ellymarinova | =fireflyx | *flowers-are-forever | ~HungaroMania | *Issandre | =Jakumetsu | ~Kairek | =karusuman | =KittyD | =Kittyd-Stock | ~krylty | =KyT3m | `larafairie | *litNEWS | ~miksmote | *Moontimes | =Morbid-Tyriel | *NickCreevy | ~NightLolita | =ninazdesign | =noemia | =Otakugraphics | =photoparty | *Poisoned-Kiss | =rizzyart | =r4v1 | =Redpencil | ~roryvincent | =Shia-chan | ~Tanoshii-Chan | =theholysmirk | =vendingmachinelunch | =WyckedLilJoJo | =w1zzy | =yana-stock | *Yumehayla
Edited & Other Versions:
=acrylicana | =Adimo-Rosa | =angel-wolfmaiden | ~beirut ~bloodymarie | ~ByrneFoto | =cacell | =CaptainArdi | `DistortedSmile | *Doublecrash | ~DxButterfly | ~equinephoto | ~fieryamazon | `Foxfires | ~FromTh3Inside | ~Ghost-underwater | ~KidAngel | ~LadyLaReina | ~Landale | ~LonelyDesigns | =LoveTheVoid | =LuisaRafidi | ~MatthewThornton | =nawras | ~nk-daz | ~Orestesdenorm | ~popalogic | !Orionseven7 | =poisonedwaters |*Queen-Uriel | ~ryangolla | `S-Que | ~ShimmerStar | ~Spydergirl208 | ~Sunbirdshaman | =Sysikue | *Tainted-Innocence | ~The-Undiscovered | ~tinfoil-hearts | !ToxicQuiddity | ~wpe2006 | ~vampiremackenzie | ~Wolvenish
Credits:
- Menu Bar: Inspired by this dA Article by =dot-Silver
- Journal Icon Removal: dA Article by =dot-Silver
- Two Column Layout: dA Article by =BeyondTheHorizon
- Journal Entry Date Removal: dA Article by =Grayda
- Journal Subheader: dA Article by =Grayda
- Scrollboxes: dA Article by =dot-Silver
- Sidebar Boxes: Idea from this journal by =rotane
Related content
Comments: 274
Hi, using your 3.5 for my journal.
Tweaked it abit and love it, but one thing is still nerking me. The scollable boxes, how do you stop them jerking about when you mouse over the link? They push the right border out completely.
👍: 0 ⏩: 2
I checked your code and found a typo under .footerheaders. It says:
width:100%x;
Remove the "x" and that will probably fix your problems.
👍: 0 ⏩: 1
I removed the x as you mentioned, but the problem is still there? :/
👍: 0 ⏩: 1
What browser are you using? I checked your journal in both FF and IE7 and don't see any problems.
Where exactly do you have this mouse-over problem? In one of the "Competitions", "pixelbrush" or "Playtime" boxes? If you click "Reload" in the browser, do you still have problems?
👍: 0 ⏩: 1
I'm using IE7 and have tried reloading the page but the problem still occurs.
Its in the competitions box, when I mouse over the image the right box border suddenly jumps further to the right and only returns to normal if I reload the page or adjust the browser size. Its more annoying then anything. Would like to be able to mouse over the image without this happening. Its very bizarre.
👍: 0 ⏩: 0
Hey! I've been looking for a decent Journal for ages, I used this but modified it a bit and put credit to you in the footer (I hope that's ok?) 
👍: 0 ⏩: 1
Thanks for letting me know you used the CSS! Modifying the design is fine.
👍: 0 ⏩: 1
Thanks for letting me know!
👍: 0 ⏩: 0
That is amazingly awesome, thank you so much for posting these!
👍: 0 ⏩: 1
This really is simple and nice! I will be using it--if I can figure out how!
👍: 0 ⏩: 0
Hey, nice CSS. I'm working on it. Many Thanks for this
👍: 0 ⏩: 0
Ah, lovely! I don't understand half of it, but I'll use the template
👍: 0 ⏩: 0
using with a bit customisation in my Journal now - Thanks a lot!
Cheers
👍: 0 ⏩: 0
I'm going to use this for my journal... You will be credited. Thanks for the nice layout.
👍: 0 ⏩: 0
Yey~ Thanks for sharing! I'll be using this neh ^_____^
👍: 0 ⏩: 0
Hi! Um, I'm using this, but I was wondering if you could help me with a few things.
First, is there a way to get the moods back onto the layout?
And another thing, the credit to you is hidden in my place titled "My Family <3" and I want it to not be in there so people KNOW it's yours, but I'm a total noob when it comes to coding.
LOVING the layout. It's so fresh and so clean.
Thanks for any help you can give me! And thanks for the layout.
👍: 0 ⏩: 0
^^ I love this layout and just
thought I should tell you that I'd
like to use it in my journal.
Thanks for such a comprehensive css!
👍: 0 ⏩: 0
Thanks for letting me know. 
👍: 0 ⏩: 1
You're welcome. I like purple 
I was up really late trying to complete the color changes at least, so later on I might try to implement some graphics if it looks ok.
I may come back later on for a little help if I run into any issues. (Hopefully not though.) And thank you for making such a sleek and simple CSS layout!
👍: 0 ⏩: 0
Thanks for creating this cool CSS, I'll surely use it in my next journal!
I appreciate not having the mood box
👍: 0 ⏩: 1
Thanks!
I'm certainly no fan of the mood box, but I have grown to tolerate it a bit more as of late.
👍: 0 ⏩: 1
Hehe, well, I have to admit I use it, too, from time to time, but simple&clean is always better
👍: 0 ⏩: 0
hey. i use this in my journal. Edited it a little bit, heh well i just left off some parts. Jesus it was hard - my first time. Going to learn more about these CCS's.
👍: 0 ⏩: 1
Looks good! Thanks for letting me know you used my CSS layout.
👍: 0 ⏩: 0
wonderful journal I`ve just updated my own journal using it
👍: 0 ⏩: 1
Thanks so much! I appreciate it.
👍: 0 ⏩: 0
Thank you I am using your layout
👍: 0 ⏩: 1
Thanks for letting me know! I appreciate it.
👍: 0 ⏩: 0
Great resource.
Thanks for letting us use this.
👍: 0 ⏩: 0
Claire, how is it possible to make the moods, currently reading, and all that stuff appear again?
👍: 0 ⏩: 0
Hello! Thanks for making this CSS, I've adopted and edited it for my page!
👍: 0 ⏩: 0
I've used this layout in my journal, I adore it!
Thank you
👍: 0 ⏩: 0
I like this! I really am going to have to try this one...I was getting kind of tired of mine
👍: 0 ⏩: 0
I'm sorry for not commenting earlier, but, YES~ <333 I've finally figured out how to use CSS a little better, and I'm very glad because I absolutely ADORE this layout. It's so fresh and clean, baby~! X3
👍: 0 ⏩: 1
That's okay! I don't require comments or faves on my work.
👍: 0 ⏩: 0
<= Prev | | Next =>