Not-So-Basic Journal Template
1K Favourites569 Comments71K Views
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.
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 .journaltextIf 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.
Published:
© 2006 - 2021 quentinwrites
Comments569
Join the community to add your comment. Already a deviant? Log In
i had this:
CSS Error:
Forbidden property (token: .journalbox .journaltext A)
come up? how can i fix it?
CSS Error:
Forbidden property (token: .journalbox .journaltext A)
come up? how can i fix it?
I used it and my journal is colorful but i didn't see my background!
Used it here : [link]
This helps a lot! Thank you so much!
Thanks for the effort of creating and sharing this. This will help a lot! 
Never mind, got it working. (;
Thank you! This helped me out so much!
Thanks for sharing this. Used it HERE
Hey... justa wondering, how do you put an image in the journal backround? (noob at this hehe...)
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.
Because at the time - not sure if this is still the case - DA's system wouldn't accept CSS with /* comments */ in it.
Ah, cool, I just wondered why, 
.
.
I used this and it was so very helpful! Thank you! <3
I'm ganna try and use it, but I fail at the computer codes and such XD
Thanks for all the help!!
Thanks for all the help!!
A great help! Thank you!
This is going to Help me so much thank you 
I;m gonna use it! i'll post the link when i'm finished with it 
Thanks very much for this! I have a question though, you know some journals have those 'sections' for the groups or stamps images? Is there a certain code for it?
Thank you very much for this template! I used it here.
How can I change the font, colour and size of the header and footer separately to the main content? As far as I've got it, they all follow each other.
BEST HELP EVER!
Excellent work, this.
Thank you so much for this
I had no idea about CSS and you not so basic template helped me a lot~!
*Has skin now* :3~
I had no idea about CSS and you not so basic template helped me a lot~!
*Has skin now* :3~
Join the community to add your comment. Already a deviant? Log In