School'd Simple Journal CSS
Live Version--> [link]
______________________________________________
_{Design and images inspired by the 5 Days A Week home site. Images belong to ^Katmomma}


This is a very easy journal to use, maintain, and customize to your liking. This is best for advanced beginners and people with at least intermediate knowledge of HTML. If you don't know how </ div> tags and basic html stuff like < b> < i> and < sub> works, then this is not a CSS for you. Go get some knowledge first.
W3schools--> [link] is a great website for learning this stuff.

You may customize the colors and images of this CSS to your liking. Please let me know if you use this so I can come see yours

______________________________________________

Things to Note: (remove spaces in these tags)

< div class= "entry2" > </div > <-- This tag is what creates the white box around your text. Put the header within this coding to make the header appear in this box. Example:

------------------------------------------------------------------------
< div class= "entry2" >< div class= "headline" >Designing CSS</div >
Journal entry blah blah blah
</div >
------------------------------------------------------------------------

< div class= "headline" >Your Header</div > <----- This is what makes a header.



Changing Colors, images, and Links

1. You may change the Title, text & Header color by altering the #XXXXXX color code in specific parts of the CSS. To find different color codes, you can get them from Color Schemer Online--> [link]

.journaltop h2{
font-size:30px;
color:#1A6600; <-- CHANGE THIS if you want
font-weight:normal;
letter-spacing:-2px;
padding-top: 40px;

2. Where and what you can Edit:

.journaltop h2 <-- your Title

.journaltext <--- your text

.journaltext a <--- text that is a link

.journaltext a:hover <--- Hover over a link

.journalbottom a <--- Previous Journal Entries / comments link

.journalbottom a:hover <---Previous Journal Entries / comments link Hover

.entry <--- The Brown Boxes

.entry2 <--- the White boxes

.headline <--- headline / subtitle. (if you want to change the color of the underline, edit the #XXXXXX next to border-bottom:



Editing The Top Image

You obviously have to change the top image.. because you are not Katmomma You can use the same image but put a different message in the chalkboard by downloading this--> [link] and customizing it. To change the top image, Add your own image URL to this part of the CSS:

.journaltop{

Where it says.............

background-image:url(h ttp://i248.photobucket.com/albums/gg188/katmomma11/5dawJuornalHeadertrashing.png);

Change that url within the brackets to an image url of your own.
Make sure the size of you image is no wider than 450 pixels, and no taller than 180 pixels.



CHANGE THE LINKS

Right now, My links are in the header and footer - so you are going to have to go in and change them to your own

______________________________________________

Enjoy!