Changeable « - » Not Changeable

CSS and Pictures

Download CSS/Pictures for the green version

Download CSS/Pictures for the blue version

You can use the css file as it is, but I can't guarantee that the images will always stay online at imageshack, you never know...so if you want to be certain, upload them to your own server. =)

Instructions

» Download the zip file, unzip it and if you want to, upload the pics to your own server.

» Add your own header (must be 665px wide and 221px high), or leave the one that is in there right now. [see below]

» Go to http://www.livejournal.com/customize/

» Under "Select a New Theme", check the "Only show themes available to me" box on the right and then type "Expressive" into the Theme Search Box.

» Choose the first one that pops up and press "Apply Theme" and then "Customize".

» Go to the text chart and click on the arrow next to "Entries". Change "Edit Entries", "Edit Tags" and "Add to Memories" to something shorter.
Do the same in the comments section for "Leave a Comment" and the and the next three.

E.g.,

Leave a comment ---> comment
1 comment // # comments -----> 1 // #
Edit Entry ----> Edit
Add to Memories ---> +Mem

and so on, you get the drift. ^^

» Go to the "Sidebars" chart, and if you want a blurb textbox in your sidebar, set "» Seventh item in sidebar" to "Custom Text" and then enter your text into the "» Body of custom sidebar module" box.

» Go to "Custom CSS", set "» Use layout's "Base Weblog" stylesheet" to "No".
Now, you have to upload your stylsheet. It's too big for the custom css box, so you'll have to use some provider to upload it, like Ripway. When you've done that, enter the url to your stylesheet into "» Custom external stylesheet URL".

» Save and you're done.


Oh, and if you're wondering why there's no linklist in your sidebar, you can edit that list here.

Add your own header

» Create your own header(s), 665px wide and 221px high.

» Find the following part in the stylesheet:

#header-inner { width:800px; position: static; /* fixes positioning issue on IE where header content displays outside #header-content */ background-position: top right; background-repeat: no-repeat; background-image: url(http://img524.imageshack.us/img524/1448/headerye3.jpg); }

Bold parts is the important one:

background-image: url(http://img524.imageshack.us/img524/1448/headerye3.jpg); --> All you have to do is upload your own header and replace the url of my header.

Final example code could look like this:

#header-inner { width:800px; position: static; /* fixes positioning issue on IE where header content displays outside #header-content */ background-position: top right; background-repeat: no-repeat; background-image: url(http://yoururl/yourheader.jpg); }