Deviant Login Shop
 Join deviantART for FREE Take the Tour
×

:iconquinnypin: More from quinnypin




Details

Submitted on
September 27, 2006
File Size
8.9 KB
Thumb

Stats

Views
68,234
Favourites
1,191 (who?)
Comments
568
Downloads
25,229
×
Not-So-Basic Journal Template by quinnypin Not-So-Basic Journal Template by quinnypin
A more advanced version of my Basic CSS Journal Template.



Use ^thespook's reference to find out what each of the sections means.

Click Download to get the text file to edit. Then once you have edited it and deleted all the [square bracketed comments], paste the code into the CSS part of your journal.

This feature is for subscribers/seniors only.

If you use this please comment and let me know, for no other reason than I'm nosy and want to see what people do with it. ;)



INSTRUCTIONS

DELETE EVERYTHING IN SQUARE BRACKETS BEFORE POSTING CSS TO YOUR JOURNAL! I CANNOT STRESS THIS ENOUGH - YOUR CSS *WILL NOT WORK* IF YOU LEAVE THE COMMENTS AND SQUARE BRACKETS!

Change the colour properties to the hexadecimal code of the colour of your choice.

Change the font-size properties to whatever font size you want in each section. The size is in pixels: leave the "px" in place.

Font-family simply means the font itself, i.e. Courier, Times New Roman, Verdana etc. It is best to use a common font and not one you have downloaded - if other people don't have that font installed on their computer it will not display.

All of the other properties have a list of variables next to them. Pick the one you want, replace that where the ------ is, and delete the square brackets with the list of variables in it.

It should be obvious from this template that if you want a property to change only in one section, move the relevant line of code into that section between the {curly brackets} making sure to include the semi-colon (;) at the end of the line. For example, if you want a background image to appear behind your journal text but not your journal title or comment links, put it under .journalbox .journaltext



If you have any questions at all or you just need a little help, please feel free to note me and I'll be happy to give assistance.

Likewise if I've missed any important properties in here or there's something you want to change about your journal which isn't in this template, drop me a line and I'll see what can be done.
Add a Comment:
 

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconaubrelyn13:
aubrelyn13 Featured By Owner May 27, 2013  Student Artist
I used it and my journal is colorful but i didn't see my background!
Reply
:iconskye-sweet-author:
Skye-Sweet-Author Featured By Owner Mar 30, 2013  Student General Artist
Used it here : [link]
Reply
:iconblack-parade-kitty:
Black-Parade-Kitty Featured By Owner Aug 11, 2012  Hobbyist Artist
This helps a lot! Thank you so much!
Reply
:iconealaine:
Ealaine Featured By Owner May 31, 2012  Hobbyist Digital Artist
Thanks for the effort of creating and sharing this. This will help a lot! :love:
Reply
:icondactik:
Dactik Featured By Owner Apr 12, 2012  Student Filmographer
Thanks for providing this, but I'm a complete idiot when it comes to this stuff... I've used the code you've given, deleted everything in square brackets and added the hexadecimal codes (a few different shades of purple), but the journal just looks like this: [link] What's wrong? :rose:
Reply
:icondactik:
Dactik Featured By Owner Apr 12, 2012  Student Filmographer
Never mind, got it working. (;
Reply
:iconxxchibistarrxx:
xXChibiStarrXx Featured By Owner Feb 9, 2012  Student Writer
Thank you! This helped me out so much!
Reply
:iconnefarious069:
Nefarious069 Featured By Owner Aug 6, 2011
Thanks for sharing this. Used it HERE
Reply
:iconclockwork-spindle:
Clockwork-spindle Featured By Owner Jun 18, 2011  Hobbyist General Artist
Hey... justa wondering, how do you put an image in the journal backround? (noob at this hehe...)
Reply
:iconshiversong:
ShiverSong Featured By Owner Apr 24, 2011
Why put the comments in square brackets when you can use the multi-line (/* */) CSS comments? Then people could leave them in if they really wanted and you wouldn't have the square bracket issue. Regardless, a nice resource for people new to CSS and journal styling.
Reply
Add a Comment: