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.
|