An artistic oracle. Meet fellow creators and swap advice. Every skill you can imagine is on show.
Topic locked

Unpaid LJ Layouts...

Thu Jan 06, 2005 3:21 am

I have no idea how to code LJ layouts, and I made these for my friend:

Image: http://img.photobucket.com/albums/v348/ ... layout.gif

Background: http://img.photobucket.com/albums/v348/ ... tbs_bg.gif


Using hot pink and black for colors, could someone please code this for me? I just want the image to be at the top of the page, above the table. Thank you very much to whoever can help me!

Thu Jan 06, 2005 7:25 pm

The image you want to be over the entries is called a header. If you need help in the future the community everything_lj is amazing.

LASTN_WEBSITE<=
<img*class="headerimg" src="http://img.photobucket.com/albums/v348/Fiddelysquat/tbs_layout.gif">
<=LASTN_WEBSITE

LASTN_HEAD<=
<style type=text/css>
<!--
.headerimg{position:absolute;left:300;top:300;z-index:1;}

body {
background-color:#000000;
background-image: url(http://img.photobucket.com/albums/v348/ ... tbs_bg.gif
);
}
-->
</style>
<=LASTN_HEAD


At the top of the code where it says img*class replace the * with a space (because the forums posted it as an image if I didn't do that)

EDIT: Oh yeah, make sure your friend is using S1 and that she doesn't already have a LASTN_HEAD or LASTN_WEBSITE tag. If she does, then get rid of the <=LASTN_HEAD and <=LASTN_WEBSITE tags and paste the stuff into the existing tags

Thu Jan 06, 2005 9:03 pm

Thank you, but the header refuses to work, and yes, I remembered to take the star out. :P

Thu Jan 06, 2005 9:33 pm

GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background-color: black;
background-image: url(http://img.photobucket.com/albums/v348/ ... tbs_bg.gif );
background-repeat: repeat;
background-attachment: fixed;
background-position: top left;
}

div {
background-image: url(http://img.photobucket.com/albums/v348/ ... layout.gif
);
background-repeat: no-repeat;
background-position: top center;
padding-top: 320;
text-align: center;
}

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


try this, should work

Fri Jan 07, 2005 4:12 pm

It worked! Thank you so much!
Topic locked