HOME | DD
ClaireJones — Deviant Modernity CSS v.1.3
by-nc
Published: 2007-11-16 04:36:40 +0000 UTC; Views: 13928; Favourites: 165; Downloads: 1026
Redirect to original
Description
GIMP | Notepad++mo·der·ni·ty [mŏ-dûr'nĭ-tē, mō-]
-noun-
1. the quality of being current or of the present
-----------------------------------------------------------------------------------------------
User Level: Advanced
Compatibility: Works in FF and mostly in IE7
Live Preview - One Column: [link]
Live Preview - Two Columns: [link]
-----------------------------------------------------------------------------------------------
Journal CSS FAQ: [link]
Read this first before noting questions.
More CSS Layouts: [link]
-----------------------------------------------------------------------------------------------
Display issues have been fixed. The journal layout will now work properly.This was originally a preview for the full Modernity Candy CSS pack.
An adaptation of the earlier Halloween CSS Layout . This layout has evolved more than any of my earlier designs. Overall, I am very pleased with the final look, though it is quite different from the initial sketch.
Features:
- Available in single and two column layouts, both of which are included along with preview images in the ZIP
- Designed for a 1024x768 resolution
- Designed for both Firefox and Explorer with minimal loss of aesthetics in IE
- Many customization options
- Menu links feature mouse-over descriptions (Removed in v.1.3)
- Static left sidebar
- Sleek and modern design
- Colours coordinate well with the default dA scheme
- Features Fella, the dA mascot
- A Fella-less header and PSD/XCF files are also included
Changelog:
10/30/08: v.1.3
- Fixed the CSS to work correctly in dA v6 by removing the top menu.
- Background image restored to Explorer versions.
- Moved the sidebar code in the two column layout to the Header section.
- Assorted tweaks to the code to streamline design.
- New readme.
- Updated the Photobucket screenshot and directions (Photobucket changed their uploading system).
dA members who have used this CSS:
~goucha | =Kazeyoubi | *LeonaWindrider | ~Mich2211 | =Voracious-Vixen | =wildhysteria | *WyrdWolf
Related content
Comments: 89
lovely, sleek and with a bit mood. I'll definately use this 
👍: 0 ⏩: 0
This is very nice... even if I am using a modified version of it
👍: 0 ⏩: 0
I love looking at the codes you make because it gives me some hints on CSS and it really helps. Thanks and great job. *o*
👍: 0 ⏩: 0
I admit someone helped me make it work, but i did it in the end : [link] 
👍: 0 ⏩: 0
may i modify this to fit my needs as long as I leave your link in the credits area?
👍: 0 ⏩: 1
Definitely! 
👍: 0 ⏩: 1
sorry for leaving the message as apposed to downloading and reading the read me, I was headed out the door for work,
TY for the reply!
👍: 0 ⏩: 0
Nice Work! I Luv This CSS! Only thing I want the WWhite color one but I cant find it and I cant find the Css Code!
👍: 0 ⏩: 0
Wow, I like this design a lot better than the Simple and Clean one I'm currently using...I might use this after I get some more experience with CSS. The simple and clean was the first one I used, and it was fairly easy to understand once I got the time to wrap my head around it. This one might take longer though. XD
👍: 0 ⏩: 1
I'm pleased you like this one. 
And yes, this CSS is quite tricky.
👍: 0 ⏩: 1
Will do. Thanks for the tip.
👍: 0 ⏩: 0
After a tidbit of tweaking, I'm totally going to use this one.
I love your work!
Also, by the by, did you realise that you duplicated a bunch of coding in the 2 column journal file?
👍: 0 ⏩: 1
oooohhhh that's why it's not working for me! I really love this css and want to use it, but I don't know what's been duplicated and what's supposed to be there
👍: 0 ⏩: 1
You're going for the two columned design, right?
Check near the bottom of the journal development bit- You'll see that the image box, scroll box, and one of the other boxes are in twice (I'm guessing if you tried to preview the CSS you saw what looked like boxes overlapping boxes, right?)
What you'll want to do is get rid of the overlapping by deleting one of the duplicates.
You'll probably notice if you preview it now that it looks a bit, well, messy. It'll look kind of like everything has been crushed against the top of the screen, so take the bit that says
And place it right at the top of the journal bit, before everything else. (Not in the header, just in the journal bit).
For extra cleanness (and getting the comment/previous journal bit in the right place), place another copy of this bit of code right at the bottom of the journal.
After that everything'll be shiny.
👍: 0 ⏩: 1
omg you are awesome, it's working!! yayyyyy, now my page looks so cool 
👍: 0 ⏩: 1
Don't thank me, thank Claire for her god-like creations 
👍: 0 ⏩: 0
O.O How do you do a CSS???
I've got a subscription...
👍: 0 ⏩: 1
It is something i did for the first time too
👍: 0 ⏩: 1
hi there! I just want to let you know that i have used this layout, but decided to modified it.. You can visit my profile to see the my modified version.. I didnt remove the credits. 
👍: 0 ⏩: 0
I think I might use this. O:..
But I still don't know how to do the HREF links.
👍: 0 ⏩: 0
hey, I really want to use this, do I have to download it to get the text right?
👍: 0 ⏩: 0
Thankyou for taking the time and trouble not only to make this but for clear and concise instructions included with it.
👍: 0 ⏩: 0
Awesome Claire, it's time for a CSS change for me and I love this!!!! 
👍: 0 ⏩: 0
This is really well done, this is one CSS I will most definitely be using in the future. Nice work, you get a 
👍: 0 ⏩: 0
I tried to do something similar on my own but gave up half way through. I like how it does look modern and very well organized. I may use your base code as my reference and just fancy up the graphics on top. I love it though and its definitely a
👍: 0 ⏩: 1
I see this on other people's journals and it looks wonderful!
I'm trying to get it onto mine, but it's giving me trouble... I hate to ask, but seeing how I don't have a clue on how to do CSS then I'm going to.
It keeps saying "CSS Validation Error: Brackets in values - other than url([link] ) - are disallowed (token: #000000 url('background.png'
Do you know how I could fix this?
👍: 0 ⏩: 2
You need to upload all of the images to someplace like Photobucket and insert the direct links into the CSS code. The message you get from dA tells you that the image location isn't valid because it lacks a URL (since it's just the name of the file, in this case "background.png").
Hope that helps!
👍: 0 ⏩: 0
wait nevermind, its all good now lol
👍: 0 ⏩: 0
Great dseign!! Will probably use it when a buy a subscription later today!!
I will credit you of course
👍: 0 ⏩: 2
Thanks for letting me know!
👍: 0 ⏩: 1
| Next =>