deviant art

Deviant Login
Buy ArtBuy T-Shirts & Gear Buy adCast Buy Premium Membership
Shop		  Join deviantART for FREE Take the Tour
[x]
Browse More Like This
Download File
TXT, 8.9 KB more ▶

More from ~ghostlove

Featured in Groups:

:iconecssited: #eCSSited
a place for all your CSS needs :iconcustomizeyourprofile: #CustomizeYourProfile
Get Customized! :icondazzlingdecorations: #DazzlingDecorations
Everyone loves a Personal Touch~

Details

September 27, 2006
8.9 KB
Thumb

Statistics

Comments: 567
Favourites: 1,189 [who?]


Views: 66,886 (3 today)
Downloads: 25,028 (1 today)
[x]
:iconghostlove:
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:
 
Preview   Add Comment
:icona-random-human:
=A-Random-Human Mar 30, 2013  Student General Artist
Used it here : [link]
Reply
:iconblack-parade-kitty:
~Black-Parade-Kitty Aug 11, 2012
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:
*Nefarious069 Aug 6, 2011
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:
~ShiverSong 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
:iconghostlove:
~ghostlove Apr 24, 2011  Hobbyist Writer
Because at the time - not sure if this is still the case - DA's system wouldn't accept CSS with /* comments */ in it.
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