Deviant Login Shop  Join deviantART for FREE Take the Tour
×

:iconghostlove: More from ghostlove




Details

Submitted on
September 27, 2006
File Size
8.9 KB
Thumb

Stats

Views
68,045
Favourites
1,196 (who?)
Comments
568
Downloads
25,203
×
Not-So-Basic Journal Template by ghostlove Not-So-Basic Journal Template by ghostlove
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 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 Mar 30, 2013  Student General Artist
Used it here : [link]
Reply
:iconblack-parade-kitty:
Black-Parade-Kitty Aug 11, 2012  Hobbyist Artist
This helps a lot! Thank you so much!
Reply
:iconealaine:
Ealaine May 31, 2012  Hobbyist Digital Artist
Thanks for the effort of creating and sharing this. This will help a lot! :love:
Reply
:icondactik:
Dactik 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 Apr 12, 2012  Student Filmographer
Never mind, got it working. (;
Reply
:iconxxchibistarrxx:
xXChibiStarrXx Feb 9, 2012  Student Writer
Thank you! This helped me out so much!
Reply
:iconnefarious069:
Thanks for sharing this. Used it HERE
Reply
:iconclockwork-spindle:
Clockwork-spindle 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:
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: