deviant art

Deviant Login
Buy Art Buy adCast Buy Premium Membership
Shop		  Join deviantART for FREE Take the Tour
[x]
Browse More Like This
Shop Similar Prints
This Print Not AvailableDownload Image
PNG, 1024×1647 more ▶

More from ~toonham

Featured in Groups:

:iconjournalcss: #journalcss
Quality Journal CSS :iconecssited: #eCSSited
a place for all your CSS needs :icondacipher: #DACipher
Your Circle of Growth. :icontutorial-city: #Tutorial-City
Where the best tutorials live. :icondd-catalogue: #DD-Catalogue
The Home of Daily Deviations :iconhighqualityart: #HighQualityArt
 :icondivine-tutorials: #Divine-Tutorials
Tutorials befitting of a deity! :icontutorials-etc: #Tutorials-Etc
Collects any and all tutorials

Details

March 30, 2012
463 KB
1024×1647
Sta.sh
Link
Thumb

Statistics

Comments: 96
Favourites: 827 [who?]


Views: 12,151 (0 today)
Downloads: 231 (0 today)

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial 3.0 License.
[x]
:icontoonham:
A quick-handy guide to the CSS involved with making a journal skin. The selectors are listed with a brief explanation of the elements they deal with.

Written in Notepad++ and made presentable via Photoshop.

Journal HTML Guide:

Gallery CSS Guide:

Theme:

EDIT: A DD!?!?! Thanks so very much everyone!
Add a Comment:
 
Preview   Add Comment

Daily Deviation

Given 2012-04-25
deviantART Journal CSS Explanation by =toonham is a helpful resource to keep handy and peek back while coding dA journal skins, especially together with his deviantART Journal HTML Explanation.

Resources & Stock / Tutorials / dA Tutorials ( Featured by ^namenotrequired )
love 0 0 joy 3 3 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:icontoonham:
~toonham Nov 30, 2012  Hobbyist General Artist
You're very welcome! I'm really glad that this is helpful for people!
Reply
:iconworldbuilding:
~WorldBuilding Dec 2, 2012  Professional Writer
^^
Reply
:iconsparklepaws33:
~Sparklepaws33 Oct 30, 2012  Hobbyist Digital Artist
I'm confused D:
what parts do you have to draw and where do you put it all together...?
Reply
:icontoonham:
~toonham Nov 2, 2012  Hobbyist General Artist
Now you're confusing me... D:
Do you mean the actual journal css or this artwork specifically?
Reply
:iconsparklepaws33:
~Sparklepaws33 Nov 2, 2012  Hobbyist Digital Artist
all of it lol...


I don't know what parts to draw, how big to make them, and where to put all the drawings and the ccs codes all together
Reply
:icontoonham:
~toonham Nov 4, 2012  Hobbyist General Artist
Ah. I can't really say since much web design is trial and error.
Reply
:iconvitia-dei:
=Vitia-Dei Oct 11, 2012
Thanks for making this. Words cannot express how valuable a resource this has been in my recent project to make a journal skin of my own.
Reply
:icontoonham:
~toonham Oct 11, 2012  Hobbyist General Artist
No problem!
Reply
:iconwhitefoxcub:
*WhiteFoxCub Sep 17, 2012
This has helped me so much while I've been editing my journal skin! I have a couple questions if you don't mind; How can I set the height and width of the text margin (you know, the box that limits the text so I can keep it in a certain space) And how can I set the height and width of the journal skin itself? I notice that the size outcome depends on the length of the journal description. It's automatically cropped with smaller descriptions which is annoying because I want the entire image to show permanently.

Thank you! :-D
Reply
:icontoonham:
~toonham Sep 17, 2012  Hobbyist General Artist
The margins can be set inside ".journalbox .journaltext"

As for the size of the skin, that is done in ".journalbox"
Reply
Add a Comment:
 
Preview   Add Comment
©2013 deviantART. All rights reserved
About Us | Contact Us | Developers | Careers | Site Tour | Help & FAQ Advertise | Premium Membership Etiquette | Privacy Policy | Terms of Service | Copyright Policy