View Full Version : Livejournal Layout Overrides


Synukoo
09-05-2005, 08:53 PM
I’m trying to make a layout that looks like this: http://www.geocities.com/nemurenai1/ACTUAL.htm (except without the global head and bullets of course)

But I have NO clue how the overrides work; I just know basic html and css. So, in my overrides, all I have is


GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background-color: black;
background-image: url(http://i6.photobucket.com/albums/y216/Synukoo/background.jpg);
background-repeat: repeat;
background-attachment: fixed;
background-position: top left;
}
table {
width: 47%;
margin-left: 39%;
margin-right: 14%;
}
table table {
width: 100%;
margin:0;
}
table table table {
width: 0;
}
div {
background-image: url(http://i6.photobucket.com/albums/y216/Synukoo/final.jpg);
background-repeat: no-repeat;
background-position:absolute; top:0; left:0px;
padding-top: 747;
text-align: center;
}

div div { background: none; width: auto; height: auto; padding: 2; }
div table { width: 640; }
div table table { width: 100%; }
div table table table { width: auto; }
div table table table table { width: 100%; }
-->
</style>
<=GLOBAL_HEAD

Which can be seen on www.livejournal.com/users/glamour_eyes

So how would I go about converting it all into some livejournal will allow?

Libertie
09-06-2005, 05:09 AM
You can probably get rid of the div stuff in the global head, then do this:

LASTN_WEBSITE=>
<div class="nav" style="position:absolute; top:270; left: 559; width: 155; height: auto; visibility: visible; text-align: center;">
Text for your navigation bar here.
</div>

<img class="headera" src="HEADER IMAGE URL" border="0" style="visibility: visible;">

<style type="text/css">
<!--
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

.headera{position: absolute; top:0; left: 0; z-index: -12;}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>

<=LASTN_WEBSITE


Then make sure you're using Generator (which you are), and clear all the hex codes from the color customization boxes. Also, you absolutely must have a website listed in your user info for this to work, so even if you just put Google, it has to be there.

If you want to duplicate this for your friends, calendar, and single day view, copy and paste all that and change LASTN to FRIENDS, CALENDAR, and DAY.

Synukoo
09-06-2005, 11:43 PM
When I put that code in, Livejournal deleted it, and I was left with everything white.
I really think I'm doing something wrong

Libertie
09-07-2005, 07:31 PM
Very weird. I've never had that problem or even heard of it before.

Synukoo
09-07-2005, 11:30 PM
Well thanks for your help anyways!! I was more or less trying to find out how to position my header and navigation links without livejournal putting the xx- before the codes.