Livejournal Layout Tutorial

This tutorial is for Livejournal.

How to make a layout like this one: http://www.livejournal.com/~syndarysicons

First, you need to make the top banner - the banner needs to be 601 pixels wide, by 240 pixels in this example - I'm sure you can manage that, so I'll skip that part.

First, you need to make sure you're on S1 style - if you dont know what that means, then you dont have to do anything, as S1 is the default setting. You then need to set your Livejournal to the Generator Style:



Then, you need to copy and paste the following section:

GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background-color: EEEEF8;
background-image: url('http://www.yourserver.com/username/banner.jpg');
background-repeat: no-repeat;
background-position: center 10px;
margin-top: 270px;
div table { width: 468px; }
} -->
</style>
<=GLOBAL_HEAD

Just copy and paste the above text, and paste it into the "Overrides" box:



I use Photobucket.com to host my images - if you dont have a dedicated server yourself, it's the best choice.



Syndarys.net, Designed by Syndarys©2003-2008