Creating Livejournal layouts Options

[flaymzofice]

Don't know if it's a similar system to Xanga, but anyone help me out with making Livejournal styles, based on a current one, or even a new style? I'm mostly concerned with the override codes but would also appreciate help on how to modify Livejournal styles to my own preferences.

[*Libertie*]

Do you have a free account or a paid account?

I have a free account, so I'm going to tell you what I know assuming the same for you.

Firstly, rather than posting all the overrides here, I'll tell you that journalhelp.com is a great place to get started learning. I would use the overrides for generator, found here (http://www.journalhelp.com/generator.html) because that's the easiest style to modify. That should give you enough to start making something, it covers almost everything you would expect to be able to change.

There are several things that aren't as apparent, such as adding a header image. To do this, you would use LASTN_WEBSITE in your overrides. For example:

<!-- begin code provided by createblog.com --><br /><br />LASTN_WEBSITE<=<br /><img src="your image here" style="position: absolute: left: ##px; top: ##px; visibility: visible; z-index: -12"><br /><=LASTN_WEBSITE<br /><!-- end code provided by createblog.com -->

To add a sidebar, you'd just add the code right underneath the image:

<!-- begin code provided by createblog.com --><br /><br />LASTN_WEBSITE<=<br /><img src="your image here" style="position: absolute: left: ##px; top: ##px; visibility: visible; z-index: -12"><br /><br /><div style="position: absolute; left: ##px; top: ##px; width: ##px; visibility: visible"><br />Any sidebar information goes here<br /></div><br /><=LASTN_WEBSITE<br /><!-- end code provided by createblog.com -->

Then this part isn't completely necessary since the header image should cover it up, but it's a good idea to get rid of that top table.

<!-- begin code provided by createblog.com --><br /><br />LASTN_WEBSITE<=<br /><img src="your image here" style="position: absolute: left: ##px; top: ##px; visibility: visible; z-index: -12"><br /><br /><div style="position: absolute; left: ##px; top: ##px; width: ##px; visibility: visible"><br />Any sidebar information goes here<br /></div><br /><br /><style type="text/css"><br /><!--<br />table table table table .meta {visibility:hidden;position:absolute;top:1px}<br />table table table table table .meta {visibility:visible;position:relative;top:1px}<br /><br />tr.caption{<br />display:none<br />}<br />.shadowed td div{<br />visibility: hidden;<br />position: absolute;<br />top: 1px<br />}<br />--><br /></style><br /><=LASTN_WEBSITE<br /><!-- end code provided by createblog.com -->

Keep in mind that for the code under LASTN_WEBSITE to work, you must have some website listed in your profile. You could link to yourself, link to CB, link to Google, whatever, but it kinda makes sense: the code is replacing the website portion of your navigation box, so something has to be there for it to work. Basically what the code is saying is "If the user has a website listed, then this is what will be displayed."

Good luck and as always, feel free to post back with any more questions. Welcome to CB.