Shop More Submit  Join Login
×




Details

Submitted on
July 10, 2012
File Size
4.3 KB
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
9,056 (4 today)
Favourites
458 (who?)
Comments
37
Installs
1,616
×
Pure + Night Journal CSS by Gasara Pure + Night Journal CSS by Gasara
09.10.2013 - Updated to remove dA's new default external link styles.



Another skin for %eCSSited's Pure & White CSS contest.

For this contest you have to create a new design or skin that uses white as the dominant 'color'.

I think this is pretty on the edge of what is acceptable regarding white being the predominant colour. There is certainly more percentage of white than of other colours but it doesn't feel as airy or as white as the other entries...

Also, it appears that I really like making simple, clean skins. Of course, like I always say, that just makes it easier for you to customize them. As usual, you can modify this to your heart's content. ♥

:pointr: LIVE PREVIEW



I N F O
--------------------------------------------------
Width: Liquid
Features: Header | Sidebar | Feature Box
Customizable: Yes
Tested in IE, Chrome & Firefox

Custom journal skins can only be used by premium members.

E X T R A
--------------------------------------------------
Feature box
<blockquote>...</blockquote>

Feature header
<h3>...</h3>

Centered content
<div class="center">...</div>

Sidebar Links
<div class="sbarlink1">...</div>
<div class="sbarlink2">...</div>
<div class="sbarlink3">...</div>
<div class="sbarlink4">...</div>

There are four separate link background colours in the sidebar (each in its own div class). You can use remove/add links. You can rearrange the background colours or use all the same colour background.

Width
To set the skin to a certain width add the following to the .journalbox section of the journal CSS:
width: --px;


T E R M S . O F . U S E
--------------------------------------------------
- This skin is free to use
- You can completely edit this skin for personal use
- You may not redistribute this skin, edited or otherwise
- You may not sell this skin, edited or otherwise


G A L L E R Y . C S S
--------------------------------------------------

Add a Comment:
 
:iconmonasona:
MonaSona Featured By Owner Oct 27, 2014  Hobbyist Digital Artist
Thanks allot for this !! 
allot of your CSS helped me many times
and now this awesome journal !! :heart:

Thanks.
Reply
:iconravica:
Ravica Featured By Owner Sep 18, 2014
thank you <3
Reply
:icongasara:
Gasara Featured By Owner Sep 20, 2014
You're welcome!
Reply
:iconinsanerst:
Insanerst Featured By Owner Jun 3, 2014   Digital Artist
Literally the best skin so far I've seen.
Although, I do hold the same question as FizzyMoth; is there a way to add the mood etc?
Reply
:iconfizzymoth:
fizzymoth Featured By Owner Jun 3, 2014  Hobbyist Digital Artist
I don't think we're gonna get a response
so
I just fill it out myself, now, by adding it to the bottom of my journal skin. ;n;
Reply
:iconinsanerst:
Insanerst Featured By Owner Jun 3, 2014   Digital Artist
I've added the mood etc to a skin I made before. So I'll toy with that and try to find a raw code for us, ok?
When I do I'll note it to you.
Reply
:iconfizzymoth:
fizzymoth Featured By Owner Jun 3, 2014  Hobbyist Digital Artist
Ooooo okay, thanks <3
Reply
:iconfizzymoth:
fizzymoth Featured By Owner Feb 8, 2014  Hobbyist Digital Artist
You know that thing you fill out for journals
the like
"Mood:
Listening To:
Watching:
etc"

Is there a way I can add that to the journal skin?
I'm new at this sorta
Reply
:iconnikirik0:
nikirik0 Featured By Owner Jan 2, 2014  Hobbyist
this is really beautiful,
thank you very much! >v< 
however, i have a question. how should i change the background colours for the sidebar?
sorry but i didn't seem to find an answer to my question above OTL
Reply
:iconevolvetransform:
EvolveTransform Featured By Owner Dec 20, 2013  Hobbyist General Artist
I was just wondering if you could help me put a background into the Pure Night journal and gallery CSS?
I would like it to match the rest of my profile page. (I followed your other tutorials for that.)
I tried checking out some of the websites that you linked (like w3schools and such,) but I am having no success.

Thanks! :)
This theme / skin is great, by the way. Thank you!
Reply
Add a Comment: