Help - Search - Members - Calendar
Full Version: I what the jurnal center...
Forums > Resource Center > Support Center > Livejournal Support > Livejournal Resolved Topics
Dragonfly_11
Jun 16 2006, 03:03 PM
Please help...


CODE
LASTN_HEAD<=

<title>Dream</title>
<style type="text/css">
<!--

body {
scrollbar-face-color: #05E9FF;
scrollbar-arrow-color: white;
scrollbar-highlight-color: #F0FFFF;
scrollbar-3dlight-color: #98F5FF;
scrollbar-shadow-color: #E0FFFF;
scrollbar-darkshadow-color: #05B8CC;
scrollbar-track-color: white;
}

BODY, TD {font-family:verdana;color:black;font-size:12;}
A:link {color: "#03A89E"; text-decoration:blink}
A:visited {color: "#03A89E"; text-decoration:blink}
A:hover { text-decoration:none; color:"#68838B"; cursor:hand; }


body {
overflow-x: hidden;
margin-left: center;
margin-top: 350;
}

body {
background-image: url('http://img.photobucket.com/albums/v92/dragonfly11/karlabanner_03.gif');
background-attachment:scroll;
background-repeat: no-repeat;
background-position:top 25%;

}

table, tr, td, .shadowed {
background: transparent;
}

table {
width: 500px;
margin-left: center;
margin-right: 100%;
}
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}

-->
</style>
<style type="text/css">
<!--
.x {
position:absolute; left:0; top:0; z-index: -10; }
-->
</style>
</head>

<p>
<=LASTN_HEAD
Libertie
Jun 16 2006, 06:24 PM
http://www.livejournal.com/community/every...lj/3804169.html

Try following that tutorial. _smile.gif
Dragonfly_11
Jun 16 2006, 09:34 PM
grrr, still doen't work, I'm still searching the site for more answers.

http://smell-my-feet11.livejournal.com/

^^^this is what it looks like ^^^
Libertie
Jun 16 2006, 09:51 PM
On the "position your header" part, it should be margin-left: -267px; instead of -390px.

The value should be half the width of your header image.
Dragonfly_11
Jun 16 2006, 10:23 PM
still doesn't work...
CODE
GLOBAL_HEAD<=
<style type="text/css">
<!--

/*GETS RID OF ICON*/
.shadowed img{
display:none;
}

/*HIDES YOUR NAVIGATION*/
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

/*POSITION YOUR HEADER*/
#x{
position:absolute;
visibility: visible;top:0%;
width: 534px;
left:50%;
margin-left:-267px;
height: 600px;
}


/*BACKGROUND IMAGE*/
body {
background-color:#66CC9A;
background-image: url(http://img.photobucket.com/albums/v92/dragonfly11/Sterling_background_02.gif);
background-attachment:fixed;
background-repeat: repeat-y;
background-position:top center;
}


/*YOUR ENTRIES*/
table, tr, td, .shadowed {
background: transparent;
}

table {
width: 510px;
left:50%;
margin-left:-240px;}

table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}


/*JUSTIFIES TEXT*/
.entrybox td{
position:relative;
text-align: justify;
}
.entrybox td.index, .entrybox td.comments{
text-align: right;
}

/*LINKS*/
a{
color: #ffffff;
}
a:hover{
color: #66CC9A;
}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_WEBSITE<=

<!--HEADER IMAGE-->
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=FRIENDS_WEBSITE

CALENDAR_WEBSITE<=

<!--HEADER IMAGE-->
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=CALENDAR_WEBSITE

DAY_WEBSITE<=

<!--HEADER IMAGE-->
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=DAY_WEBSITE

LASTN_WEBSITE<=

<!--HEADER IMAGE-->
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=LASTN_WEBSITE
Libertie
Jun 16 2006, 10:33 PM
CODE
GLOBAL_HEAD<=
<style type="text/css">
<!--

/*GETS RID OF ICON*/
.shadowed img{
display:none;
}

/*HIDES YOUR NAVIGATION*/
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

/*POSITION YOUR HEADER*/
#x{
position:absolute;
visibility: visible;
top: 0px;
width: 534px;
left:50%;
margin-left:-267px;
height: 600px;
}


/*BACKGROUND IMAGE*/
body {
background-color:#66CC9A;
background-image: url(http://img.photobucket.com/albums/v92/dragonfly11/Sterling_background_02.gif);
background-attachment:fixed;
background-repeat: repeat-y;
background-position:top center;
}


/*YOUR ENTRIES*/
table, tr, td, .shadowed {
background: transparent;
}

table {
width: 510px;
left:50%;
margin-left: -12px;}

table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}


/*JUSTIFIES TEXT*/
.entrybox td{
position:relative;
text-align: justify;
}
.entrybox td.index, .entrybox td.comments{
text-align: right;
}

/*LINKS*/
a{
color: #ffffff;
}
a:hover{
color: #66CC9A;
}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_WEBSITE<=

<!--HEADER IMAGE-->
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=FRIENDS_WEBSITE

CALENDAR_WEBSITE<=

<!--HEADER IMAGE-->
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=CALENDAR_WEBSITE

DAY_WEBSITE<=

<!--HEADER IMAGE-->
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=DAY_WEBSITE

LASTN_WEBSITE<=

<!--HEADER IMAGE-->
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=LASTN_WEBSITE
Dragonfly_11
Jun 16 2006, 10:37 PM
thank you, hugs

I have one more question, then I'll stop asking for the night. There is a gap from the header to the top of the page, I've tried changing things to fix this but can't find it.

Thank you for all your help.
Libertie
Jun 16 2006, 11:14 PM
Did you want the entries to go on top of the header, like right underneath the hearts, too?
Dragonfly_11
Jun 16 2006, 11:17 PM
yes
Libertie
Jun 16 2006, 11:18 PM
You were just missing a couple of things.. I hope this is what you meant. If not you can change the table width to 510px and the top margin (where the background properties are) to somewhere around 600px.

CODE
GLOBAL_HEAD<=
<style type="text/css">
<!--

/*GETS RID OF ICON*/
.shadowed img{
display:none;
}

/*HIDES YOUR NAVIGATION*/
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

/*POSITION YOUR HEADER*/
#x{
position:absolute;
visibility: visible;
top: 0px;
width: 534px;
left:50%;
margin-left:-273px;
height: 600px;
}

/*BACKGROUND IMAGE*/
body {
background-color:#66CC9A;
background-image: url(http://img.photobucket.com/albums/v92/dragonfly11/Sterling_background_02.gif);
background-attachment:fixed;
background-repeat: repeat-y;
background-position:top center;
margin-top: 440px;
}

/*YOUR ENTRIES*/
table, tr, td, .shadowed {
background: transparent;
}

table {
width: 470px;
left:50%;
margin-left: -15px;}

table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}


/*JUSTIFIES TEXT*/
.entrybox td{
position:relative;
text-align: justify;
}
.entrybox td.index, .entrybox td.comments{
text-align: right;
}

/*LINKS*/
a{
color: #ffffff;
}
a:hover{
color: #66CC9A;
}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_WEBSITE<=

<!--HEADER IMAGE-->
<div>&nbsp;</div>
<div id="x">
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=FRIENDS_WEBSITE

CALENDAR_WEBSITE<=

<!--HEADER IMAGE-->
<div>&nbsp;</div>
<div id="x">
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=CALENDAR_WEBSITE

DAY_WEBSITE<=

<!--HEADER IMAGE-->
<div>&nbsp;</div>
<div id="x">
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=DAY_WEBSITE

LASTN_WEBSITE<=

<!--HEADER IMAGE-->
<div>&nbsp;</div>
<div id="x">
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=LASTN_WEBSITE
Dragonfly_11
Jun 17 2006, 01:47 PM
thank you so much biggrin.gif
Libertie
Jun 17 2006, 07:46 PM
Glad I could help. _smile.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.