View Full Version : Layout help


Laura2
08-24-2005, 05:48 AM
Here's my LJ Laura's LJ (http://www.livejournal.com/users/hbksexygirl/)

Ok, you see the white space ontop in the middle? I want that to have words put there, I already have the text I want there saved and uploaded as a picture,
so how do I get two images? Meaning, how do I keep the picture I have to the right and add the text/image to the top?
Thanks

kittycat
08-24-2005, 05:56 AM
http://www.livejournal.com/tools/memories.bml?user=everything_lj&keyword=Header&filter=all
You'll want one of the ones for a header and a background

Laura2
08-24-2005, 06:25 AM
ok so now click my link again, I have it like that, its screwed up, how do I get the text thats in the background to go up? I put it as the header...Im really confused.
Also is there a way I can get my LJ Icon and the things underneath it to the top left of the page?

Laura2
08-24-2005, 07:31 AM
oh and if you need the overrides that I have its
GLOBAL_HEAD<=
<style type="text/css">
<!--
body, td, font, div, p {
font-family: comic sans ms;
font-size: 8pt;
line-height: 9pt;
font-weight: none;
letter-spacing: 0pt;
}

table table table td.meta {
font-size: 8pt;
text-transform: none;
font-weight: normal;
}

td.caption {
font-size: 7pt;
text-transform: uppercase;
}

p table table td.caption {
font-size: 7pt;
text-transform: uppercase;
}

.index {
font-size: 7pt;
text-transform: uppercase;
}

.comments {
font-size: 7pt;
text-transform: none;
font-weight: bold;
background-color: white;
border: 0pt solid black;
height: 8px;
}

body {
margin-top: 300px;
}

body {background-image:url(http://img387.imageshack.us/img387/1331/image157mo.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top right;}

div {
background-image: url(http://img372.imageshack.us/img372/4305/image186jg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
text-align: top center;
}

-->
</style>
<=GLOBAL_HEAD

LASTN_WEBSITE<=
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">

<style type="text/css">
<!--
.shadowed td div {
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>

INFO | FRIENDS | CALENDAR | RAPTAMAKEOUT | PORTFOLIO

</td></tr></table></td></tr>
<=LASTN_WEBSITE

kittycat
08-24-2005, 04:02 PM
Remove the div CSS section from global head

You want to add this to the lastn_website so that it's an actual image on the page
<img src="http://header.image.url/" style="position:absolute; left:300px; top:300px; z-index:1;">
Change the SRC to your image URL, and the numbers after left and top until it's positioned where you want

Laura2
08-24-2005, 05:41 PM
Hey, i really appreciate your help, but I still cant get it to work..
here's the overides
GLOBAL_HEAD<=
<style type="text/css">
<!--
body, td, font, div, p {
font-family: comic sans ms;
font-size: 8pt;
line-height: 9pt;
font-weight: none;
letter-spacing: 0pt;
}

table table table td.meta {
font-size: 8pt;
text-transform: none;
font-weight: normal;
}

td.caption {
font-size: 7pt;
text-transform: uppercase;
}

p table table td.caption {
font-size: 7pt;
text-transform: uppercase;
}

.index {
font-size: 7pt;
text-transform: uppercase;
}

.comments {
font-size: 7pt;
text-transform: none;
font-weight: bold;
background-color: white;
border: 0pt solid black;
height: 8px;
}

body {
margin-top: 300px;
}

body {background-image:url(http://img387.imageshack.us/img387/1331/image157mo.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top right;}


-->
</style>
<=GLOBAL_HEAD

LASTN_WEBSITE<=

<img src="http://img372.imageshack.us/img372/4305/image186jg.jpg" style="position:absolute; left:300px; top:300px; z-index:1;">

<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">

<style type="text/css">
<!--
.shadowed td div {
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>

INFO | FRIENDS | CALENDAR | RAPTAMAKEOUT | PORTFOLIO

</td></tr></table></td></tr>
<=LASTN_WEBSITE


Sorry that im really confused, just never really messed around w/ overrides before...

Also if you could let me know how to reposition my usericon and where it says friends, Info.....

If you could, could you possibly fix the ovveride for me and paste it in here for me to use?

Thanks so much

kittycat
08-25-2005, 04:23 AM
Which style layout are you using? I think the header image might only work with Generator, what you have should work since it's pretty much the same as in any tutorial

Laura2
08-25-2005, 03:54 PM
Ok I used generator, and now I have the LJ iconwhere I want it, and thats great, But the pictures on the top still isnt going there, but I think im gonna give up with that, so anyway, one more question, how do I get my entries to move a little to the left, because as you can see its going over the image on the right on my LJ..

kittycat
08-25-2005, 04:47 PM
I know for sure you can get a header image with generator because I've done it myself
For moving the entries around, look in the sticky at the top of this section. The first link in my post is to the howto journal (I think), they have a tutorial in there

Laura2
08-25-2005, 04:56 PM
Thanks, Im gonna forget the header for now,because I love how the layout looks.