Links in the header picture?, O_o Options

[Rashyyko]

I saw that a few times now..Some had the navigation (means user info, calendar, etc) IN the header picture o_o" I looked at the graphic itself and the text was written on the picture, so I asked myself how do they do this? Sorry I can't find an example, I hope you know what I mean.

Thank you.

[*Libertie*]

It's called an image map. You make the image the way you want it to look with the links on the picture and everything, then there's a code you put in to tell it to put links on top of that image at certain points.

It's a complicated process, but not if you use this. It's an online image mapper that I've been using ever since I came across it. It makes things a LOT easier.

That clear everything up?

[Dragonfly_11]

how do you make that your header?

[*Libertie*]

I'll post part of the code I used for one of my layouts:

<!-- begin code provided by createblog.com --><br /><br />LASTN_WEBSITE<=<br /><MAP NAME="imgmap"><br /><br />EVERYTHING FROM YOUR IMAGE MAP<br /><br /></MAP><br /><br /><img style="visibility: visible; position: absolute; left; 0px; top: 0px;" src="IMAGE URL HERE" width="750" height="478" border="0" usemap="#imgmap"> <br /><br /><style type="text/css"><br /><!--<br />table table table table .meta {visibility:hidden;position:absolute;top:1px}<br />table table table table table .meta {visibility:visible;position:relative;top:1px}<br /><br />tr.caption{<br />display:none<br />}<br />.shadowed td div{<br />visibility: hidden;<br />position: absolute;<br />top: 1px<br />}<br />--><br /></style><br /><br /><=LASTN_WEBSITE<br /><br /><!-- end code provided by createblog.com -->

That will position the image, and you can use that online image mapper to do the image map.

[Dragonfly_11]

Thanks for posting, but I still can't get it to work.

[Dragonfly_11]

Wait, ok, I think I got it! Thanks!

[*Libertie*]

.:edit:. Ah, right as I posted. XD This can be closed, then.

[Dragonfly_11]

I have afew more questions problem,

The icon is beside the header(image map), how do I change this?

I want to make the journal move to the left.

this is what it looks like: http://www.livejournal.com/users/dragonfly_11/

And here is my code:

<!-- begin code provided by createblog.com --><br /><br /><br />LASTN_WEBSITE<=<br /><style type="text/css"><br /><!--<br />table table table table .meta {visibility: hidden}<br />table table table table table .meta {visibility: visible}<br />--><br /></style><br /><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='2,326,99,374' HREF='http://www.livejournal.com/users/dragonfly_11/' ALT='Entries'><br /><AREA SHAPE='rect' COORDS='105,334,197,369' HREF='http://www.livejournal.com/users/dragonfly_11/friends' ALT='Friends'><br /><AREA SHAPE='rect' COORDS='200,334,320,375' HREF='http://www.livejournal.com/users/dragonfly_11/calendar' ALT='Calendar'><br /><AREA SHAPE='rect' COORDS='322,330,444,381' HREF='http://www.livejournal.com/userinfo.bml?user=dragonfly_11' ALT='Userinfo'><br /><AREA SHAPE='rect' COORDS='456,330,585,377' HREF='http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=17887195&Mytoken=AA5116D2-D71D-1445-B91E9AF65AB0834C39494097' ALT='My Space'><br /></MAP><br /><br /><IMG SRC='http://img.photobucket.com/albums/v92/dragonfly11/Sterling/sterlingsign1.gif' border=2 width=600 height=400 USEMAP='#imgmap'> <br /><br /><=LASTN_WEBSITE<br /><br />FRIENDS_WEBSITE<=<br /><style type="text/css"><br /><!--<br />table table table table .meta {visibility: hidden}<br />table table table table table .meta {visibility: visible}<br />--><br /></style><br /><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='2,326,99,374' HREF='http://www.livejournal.com/users/dragonfly_11/' ALT='Entries'><br /><AREA SHAPE='rect' COORDS='105,334,197,369' HREF='http://www.livejournal.com/users/dragonfly_11/friends' ALT='Friends'><br /><AREA SHAPE='rect' COORDS='200,334,320,375' HREF='http://www.livejournal.com/users/dragonfly_11/calendar' ALT='Calendar'><br /><AREA SHAPE='rect' COORDS='322,330,444,381' HREF='http://www.livejournal.com/userinfo.bml?user=dragonfly_11' ALT='Userinfo'><br /><AREA SHAPE='rect' COORDS='456,330,585,377' HREF='http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=17887195&Mytoken=AA5116D2-D71D-1445-B91E9AF65AB0834C39494097' ALT='My Space'><br /></MAP><br /><br /><IMG SRC='http://img.photobucket.com/albums/v92/dragonfly11/Sterling/sterlingsign1.gif' border=2 width=600 height=400 USEMAP='#imgmap'> <br /><br /><=FRIENDS_WEBSITE<br /><br />CALENDAR_WEBSITE<=<br /><style type="text/css"><br /><!--<br />table table table table .meta {visibility: hidden}<br />table table table table table .meta {visibility: visible}<br />--><br /></style><br /><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='2,326,99,374' HREF='http://www.livejournal.com/users/dragonfly_11/' ALT='Entries'><br /><AREA SHAPE='rect' COORDS='105,334,197,369' HREF='http://www.livejournal.com/users/dragonfly_11/friends' ALT='Friends'><br /><AREA SHAPE='rect' COORDS='200,334,320,375' HREF='http://www.livejournal.com/users/dragonfly_11/calendar' ALT='Calendar'><br /><AREA SHAPE='rect' COORDS='322,330,444,381' HREF='http://www.livejournal.com/userinfo.bml?user=dragonfly_11' ALT='Userinfo'><br /><AREA SHAPE='rect' COORDS='456,330,585,377' HREF='http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=17887195&Mytoken=AA5116D2-D71D-1445-B91E9AF65AB0834C39494097' ALT='My Space'><br /></MAP><br /><br /><IMG SRC='http://img.photobucket.com/albums/v92/dragonfly11/Sterling/sterlingsign1.gif' border=2 width=600 height=400 USEMAP='#imgmap'> <br /><br /><=CALENDAR_WEBSITE<br /><br />GLOBAL_HEAD<=<br /><br /><br /><title>Roses are Red</title><br /><style type="text/css"><br />div div{visibility:hidden;position:absolute;top:1px;}<br />tr.caption{visibility:hidden;position:absolute;top:1px}<br /><!--<br /><br />body {<br />scrollbar-face-color: #C50A2A;<br />scrollbar-arrow-color: White;<br />scrollbar-highlight-color: #C50A2A;<br />scrollbar-3dlight-color: #C50A2A;<br />scrollbar-shadow-color: #C50A2A;<br />scrollbar-darkshadow-color: #C50A2A;<br />scrollbar-track-color: White;<br />}<br /><br />BODY, TD {font-family:Book Antiqua;color:#C50A2A;font-size:14;}<br />A:link {color: "Gray"; text-decoration:shadow}<br />A:visited {color: "Gray"; text-decoration:none}<br />A:hover { text-decoration:none; color:"Black"; cursor:none; }<br /><br />body {<br />background-color: white;<br />background-image: url(http://img.photobucket.com/albums/v92/dragonfly11/Sterling/rosebackground.gif);<br />background-repeat: no-repeat;<br />background-attachment: fixed;<br />background-position: right center;<br />}<br /><br />table { <br />border: 2px solid black;<br />} <br />table table { <br />border: 0;<br />} <br /><br />table, tr, td, .shadowed {<br />background: white;<br />}<br /><br /><br />--><br /></style><br /><=GLOBAL_HEAD<br /><br /><br /><!-- end code provided by createblog.com -->

thanks for all your help!

[Dragonfly_11]

I got it to the side, but I still can't find how to put the icon in it's own section.

This is the code now:

<!-- begin code provided by createblog.com --><br /><br /><br />LASTN_WEBSITE<=<br /><style type="text/css"><br /><!--<br />table table table table .meta {visibility: hidden}<br />table table table table table .meta {visibility: visible}<br />--><br /></style><br /><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='2,326,99,374' HREF='http://www.livejournal.com/users/dragonfly_11/' ALT='Entries'><br /><AREA SHAPE='rect' COORDS='105,334,197,369' HREF='http://www.livejournal.com/users/dragonfly_11/friends' ALT='Friends'><br /><AREA SHAPE='rect' COORDS='200,334,320,375' HREF='http://www.livejournal.com/users/dragonfly_11/calendar' ALT='Calendar'><br /><AREA SHAPE='rect' COORDS='322,330,444,381' HREF='http://www.livejournal.com/userinfo.bml?user=dragonfly_11' ALT='Userinfo'><br /><AREA SHAPE='rect' COORDS='456,330,585,377' HREF='http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=17887195&Mytoken=AA5116D2-D71D-1445-B91E9AF65AB0834C39494097' ALT='My Space'><br /></MAP><br /><br /><IMG SRC='http://img.photobucket.com/albums/v92/dragonfly11/Sterling/sterlingsign1.gif' border=0 width=600 height=400 USEMAP='#imgmap'> <br /><br /><=LASTN_WEBSITE<br /><br />FRIENDS_WEBSITE<=<br /><style type="text/css"><br /><!--<br />table table table table .meta {visibility: hidden}<br />table table table table table .meta {visibility: visible}<br />--><br /></style><br /><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='2,326,99,374' HREF='http://www.livejournal.com/users/dragonfly_11/' ALT='Entries'><br /><AREA SHAPE='rect' COORDS='105,334,197,369' HREF='http://www.livejournal.com/users/dragonfly_11/friends' ALT='Friends'><br /><AREA SHAPE='rect' COORDS='200,334,320,375' HREF='http://www.livejournal.com/users/dragonfly_11/calendar' ALT='Calendar'><br /><AREA SHAPE='rect' COORDS='322,330,444,381' HREF='http://www.livejournal.com/userinfo.bml?user=dragonfly_11' ALT='Userinfo'><br /><AREA SHAPE='rect' COORDS='456,330,585,377' HREF='http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=17887195&Mytoken=AA5116D2-D71D-1445-B91E9AF65AB0834C39494097' ALT='My Space'><br /></MAP><br /><br /><IMG SRC='http://img.photobucket.com/albums/v92/dragonfly11/Sterling/sterlingsign1.gif' border=0 width=600 height=400 USEMAP='#imgmap'> <br /><br /><=FRIENDS_WEBSITE<br /><br />CALENDAR_WEBSITE<=<br /><style type="text/css"><br /><!--<br />table table table table .meta {visibility: hidden}<br />table table table table table .meta {visibility: visible}<br />--><br /></style><br /><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='2,326,99,374' HREF='http://www.livejournal.com/users/dragonfly_11/' ALT='Entries'><br /><AREA SHAPE='rect' COORDS='105,334,197,369' HREF='http://www.livejournal.com/users/dragonfly_11/friends' ALT='Friends'><br /><AREA SHAPE='rect' COORDS='200,334,320,375' HREF='http://www.livejournal.com/users/dragonfly_11/calendar' ALT='Calendar'><br /><AREA SHAPE='rect' COORDS='322,330,444,381' HREF='http://www.livejournal.com/userinfo.bml?user=dragonfly_11' ALT='Userinfo'><br /><AREA SHAPE='rect' COORDS='456,330,585,377' HREF='http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=17887195&Mytoken=AA5116D2-D71D-1445-B91E9AF65AB0834C39494097' ALT='My Space'><br /></MAP><br /><br /><IMG SRC='http://img.photobucket.com/albums/v92/dragonfly11/Sterling/sterlingsign1.gif' border=0 width=600 height=400 USEMAP='#imgmap'> <br /><br /><=CALENDAR_WEBSITE<br /><br />GLOBAL_HEAD<=<br /><br /><br /><title>Roses are Red</title><br /><style type="text/css"><br />div div{visibility:hidden;position:absolute;top:1px;}<br />tr.caption{visibility:hidden;position:absolute;top:1px}<br /><!--<br /><br />body {<br />scrollbar-face-color: #C50A2A;<br />scrollbar-arrow-color: White;<br />scrollbar-highlight-color: #C50A2A;<br />scrollbar-3dlight-color: #C50A2A;<br />scrollbar-shadow-color: #C50A2A;<br />scrollbar-darkshadow-color: #C50A2A;<br />scrollbar-track-color: White;<br />}<br /><br />BODY, TD {font-family:Book Antiqua;color:#C50A2A;font-size:14;}<br />A:link {color: "Gray"; text-decoration:shadow}<br />A:visited {color: "Gray"; text-decoration:none}<br />A:hover { text-decoration:none; color:"Black"; cursor:none; }<br /><br />body {<br />background-color: white;<br />background-image: url(http://img.photobucket.com/albums/v92/dragonfly11/Sterling/rosebackground.gif);<br />background-repeat: no-repeat;<br />background-attachment: fixed;<br />background-position: right center;<br />}<br /><br />table { <br />border: 2px solid black;<br />} <br />table table { <br />border: 0;<br />} <br /><br />table, tr, td, .shadowed {<br />background: white;<br />}<br /><br />table { <br />width: 620px; <br />margin-left: 0%; <br />margin-right: 25%; <br />} <br />table table { <br />width: 100%; <br />margin:0; <br />} <br />table table table { <br />width: auto; <br />} <br /><br /><br />--><br /></style><br /><=GLOBAL_HEAD<br /><br /><br /><!-- end code provided by createblog.com -->

[haldenlith]

Try adding these things to your code.

CODE

<div style="position: absolute; top:5px; left: 10%; right: 25%;"><IMG SRC="http://img.photobucket.com/albums/v92/dragonfly11/Sterling/sterlingsign1.gif" border=0 width=600 height=400 USEMAP="#imgmap"></div>

The div should go under all of your website tags (FRIENDS_, CALENDER_, LASTN_...), since I see you're applying it to your calender page and whatnot.

CODE

BODY
{
Margin-Top: 420;
}

Put that Margin-top under the body in your GLOBAL_HEAD. That should fix the icon problem.

I will admit, though, that the alignment part with the image I haven't figured out with this.

[Dragonfly_11]

For some reson, I still can't get it to work

[haldenlith]

You have to put the image in the div, else the margin-top attribute will push everything down and the image will get lumped into the first table with the icon. =\

[Dragonfly_11]

I'm really sorry, but I'm confused, and I still can't get it. I'm really sorry about this.

[*Libertie*]

Are you wanting to make the icon go away completely, or do you want it to be in its on box underneath the header picture?

Here's what I've got so far, I don't know exactly what you were wanting to do (sorry XD):

<!-- begin code provided by createblog.com --><br /><br />LASTN_WEBSITE<=<br /><style type="text/css"><br /><!--<br />table table table table table .meta {visibility: visible}<br />--><br /></style><br /><br /><div style="position: absolute; left: 9px; top: 10px; visibility: visible;"><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='2,326,99,374' HREF='http://www.livejournal.com/users/dragonfly_11/' ALT='Entries'><br /><AREA SHAPE='rect' COORDS='105,334,197,369' HREF='http://www.livejournal.com/users/dragonfly_11/friends' ALT='Friends'><br /><AREA SHAPE='rect' COORDS='200,334,320,375' HREF='http://www.livejournal.com/users/dragonfly_11/calendar' ALT='Calendar'><br /><AREA SHAPE='rect' COORDS='322,330,444,381' HREF='http://www.livejournal.com/userinfo.bml?user=dragonfly_11' ALT='Userinfo'><br /><AREA SHAPE='rect' COORDS='456,330,585,377' HREF='http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=17887195&Mytoken=AA5116D2-D71D-1445-B91E9AF65AB0834C39494097' ALT='My Space'><br /></MAP><br /><br /><IMG SRC='http://img.photobucket.com/albums/v92/dragonfly11/Sterling/sterlingsign1.gif' style="border: 2px solid black" width=600 height=400 USEMAP='#imgmap'><br /></div><br /><br /><=LASTN_WEBSITE<br /><br />FRIENDS_WEBSITE<=<br /><style type="text/css"><br /><!--<br />table table table table table .meta {visibility: visible}<br />--><br /></style><br /><br /><div style="position: absolute; left: 9px; top: 10px; visibility: visible;"><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='2,326,99,374' HREF='http://www.livejournal.com/users/dragonfly_11/' ALT='Entries'><br /><AREA SHAPE='rect' COORDS='105,334,197,369' HREF='http://www.livejournal.com/users/dragonfly_11/friends' ALT='Friends'><br /><AREA SHAPE='rect' COORDS='200,334,320,375' HREF='http://www.livejournal.com/users/dragonfly_11/calendar' ALT='Calendar'><br /><AREA SHAPE='rect' COORDS='322,330,444,381' HREF='http://www.livejournal.com/userinfo.bml?user=dragonfly_11' ALT='Userinfo'><br /><AREA SHAPE='rect' COORDS='456,330,585,377' HREF='http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=17887195&Mytoken=AA5116D2-D71D-1445-B91E9AF65AB0834C39494097' ALT='My Space'><br /></MAP><br /><br /><IMG SRC='http://img.photobucket.com/albums/v92/dragonfly11/Sterling/sterlingsign1.gif' style="border: 2px solid black" width=600 height=400 USEMAP='#imgmap'><br /></div><br /><=FRIENDS_WEBSITE<br /><br />CALENDAR_WEBSITE<=<br /><style type="text/css"><br /><!--<br />table table table table table .meta {visibility: visible}<br />--><br /></style><br /><br /><div style="position: absolute; left: 9px; top: 10px; visibility: visible;"><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='2,326,99,374' HREF='http://www.livejournal.com/users/dragonfly_11/' ALT='Entries'><br /><AREA SHAPE='rect' COORDS='105,334,197,369' HREF='http://www.livejournal.com/users/dragonfly_11/friends' ALT='Friends'><br /><AREA SHAPE='rect' COORDS='200,334,320,375' HREF='http://www.livejournal.com/users/dragonfly_11/calendar' ALT='Calendar'><br /><AREA SHAPE='rect' COORDS='322,330,444,381' HREF='http://www.livejournal.com/userinfo.bml?user=dragonfly_11' ALT='Userinfo'><br /><AREA SHAPE='rect' COORDS='456,330,585,377' HREF='http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=17887195&Mytoken=AA5116D2-D71D-1445-B91E9AF65AB0834C39494097' ALT='My Space'><br /></MAP><br /><br /><IMG SRC='http://img.photobucket.com/albums/v92/dragonfly11/Sterling/sterlingsign1.gif' style="border: 2px solid black" width=600 height=400 USEMAP='#imgmap'><br /></div><br /><=CALENDAR_WEBSITE<br /><br />GLOBAL_HEAD<=<br /><br /><br /><title>Roses are Red</title><br /><style type="text/css"><br />div div{visibility:hidden;position:absolute;top:1px;}<br />tr.caption{visibility:hidden;position:absolute;top:1px}<br /><!--<br /><br />body {<br />scrollbar-face-color: #C50A2A;<br />scrollbar-arrow-color: White;<br />scrollbar-highlight-color: #C50A2A;<br />scrollbar-3dlight-color: #C50A2A;<br />scrollbar-shadow-color: #C50A2A;<br />scrollbar-darkshadow-color: #C50A2A;<br />scrollbar-track-color: White;<br />}<br /><br />BODY, TD {font-family:Book Antiqua;color:#C50A2A;font-size:14;}<br />A:link {color: "Gray"; text-decoration:shadow}<br />A:visited {color: "Gray"; text-decoration:none}<br />A:hover { text-decoration:none; color:"Black"; cursor:none; }<br /><br />body {<br />background-color: white;<br />background-image: url(http://img.photobucket.com/albums/v92/dragonfly11/Sterling/rosebackground.gif);<br />background-repeat: no-repeat;<br />background-attachment: fixed;<br />background-position: right center;<br />margin-top: 425px;<br />}<br /><br />table { <br />border: 2px solid black;<br />} <br />table table { <br />border: 0;<br />} <br /><br />table, tr, td, .shadowed {<br />background: white;<br />}<br /><br />table { <br />width: 605px; <br />margin-left: 0px; <br />margin-right: 100%; <br />} <br />table table { <br />width: 100%; <br />margin:0; <br />} <br />table table table { <br />width: auto; <br />} <br /><br /><br />--><br /></style><br /><=GLOBAL_HEAD<br /><br /><!-- end code provided by createblog.com -->

[Dragonfly_11]

own box, under the header

[*Libertie*]

Okay! XD Try this:

<!-- begin code provided by createblog.com --><br /><br />LASTN_WEBSITE<=<br /><style type="text/css"><br /><!--<br />table table table table .meta {visibility: hidden}<br />table table table table table .meta {visibility: visible}<br />--><br /></style><br /><br /><div style="position: absolute; left: 9px; top: 10px; visibility: visible;"><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='2,326,99,374' HREF='http://www.livejournal.com/users/dragonfly_11/' ALT='Entries'><br /><AREA SHAPE='rect' COORDS='105,334,197,369' HREF='http://www.livejournal.com/users/dragonfly_11/friends' ALT='Friends'><br /><AREA SHAPE='rect' COORDS='200,334,320,375' HREF='http://www.livejournal.com/users/dragonfly_11/calendar' ALT='Calendar'><br /><AREA SHAPE='rect' COORDS='322,330,444,381' HREF='http://www.livejournal.com/userinfo.bml?user=dragonfly_11' ALT='Userinfo'><br /><AREA SHAPE='rect' COORDS='456,330,585,377' HREF='http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=17887195&Mytoken=AA5116D2-D71D-1445-B91E9AF65AB0834C39494097' ALT='My Space'><br /></MAP><br /><br /><IMG SRC='http://img.photobucket.com/albums/v92/dragonfly11/Sterling/sterlingsign1.gif' style="border: 2px solid black" width=600 height=400 USEMAP='#imgmap'><br /></div><br /><center><img src="http://www.livejournal.com/userpic/37817792/6082740" style="visibility: visible; position: relative;"></center><br /><br /><=LASTN_WEBSITE<br /><br />FRIENDS_WEBSITE<=<br /><style type="text/css"><br /><!--<br />table table table table .meta {visibility: hidden}<br />table table table table table .meta {visibility: visible}<br />--><br /></style><br /><br /><div style="position: absolute; left: 9px; top: 10px; visibility: visible;"><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='2,326,99,374' HREF='http://www.livejournal.com/users/dragonfly_11/' ALT='Entries'><br /><AREA SHAPE='rect' COORDS='105,334,197,369' HREF='http://www.livejournal.com/users/dragonfly_11/friends' ALT='Friends'><br /><AREA SHAPE='rect' COORDS='200,334,320,375' HREF='http://www.livejournal.com/users/dragonfly_11/calendar' ALT='Calendar'><br /><AREA SHAPE='rect' COORDS='322,330,444,381' HREF='http://www.livejournal.com/userinfo.bml?user=dragonfly_11' ALT='Userinfo'><br /><AREA SHAPE='rect' COORDS='456,330,585,377' HREF='http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=17887195&Mytoken=AA5116D2-D71D-1445-B91E9AF65AB0834C39494097' ALT='My Space'><br /></MAP><br /><br /><IMG SRC='http://img.photobucket.com/albums/v92/dragonfly11/Sterling/sterlingsign1.gif' style="border: 2px solid black" width=600 height=400 USEMAP='#imgmap'><br /></div><br /><center><img src="http://www.livejournal.com/userpic/37817792/6082740" style="visibility: visible; position: relative;"></center><br /><=FRIENDS_WEBSITE<br /><br />CALENDAR_WEBSITE<=<br /><style type="text/css"><br /><!--<br />table table table table .meta {visibility: hidden}<br />table table table table table .meta {visibility: visible}<br />--><br /></style><br /><br /><div style="position: absolute; left: 9px; top: 10px; visibility: visible;"><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='2,326,99,374' HREF='http://www.livejournal.com/users/dragonfly_11/' ALT='Entries'><br /><AREA SHAPE='rect' COORDS='105,334,197,369' HREF='http://www.livejournal.com/users/dragonfly_11/friends' ALT='Friends'><br /><AREA SHAPE='rect' COORDS='200,334,320,375' HREF='http://www.livejournal.com/users/dragonfly_11/calendar' ALT='Calendar'><br /><AREA SHAPE='rect' COORDS='322,330,444,381' HREF='http://www.livejournal.com/userinfo.bml?user=dragonfly_11' ALT='Userinfo'><br /><AREA SHAPE='rect' COORDS='456,330,585,377' HREF='http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=17887195&Mytoken=AA5116D2-D71D-1445-B91E9AF65AB0834C39494097' ALT='My Space'><br /></MAP><br /><br /><IMG SRC='http://img.photobucket.com/albums/v92/dragonfly11/Sterling/sterlingsign1.gif' style="border: 2px solid black" width=600 height=400 USEMAP='#imgmap'><br /></div><br /><center><img src="http://www.livejournal.com/userpic/37817792/6082740" style="visibility: visible; position: relative;"></center><br /><=CALENDAR_WEBSITE<br /><br />GLOBAL_HEAD<=<br /><br /><br /><title>Roses are Red</title><br /><style type="text/css"><br />div div{visibility:hidden;position:absolute;top:1px;}<br />tr.caption{visibility:hidden;position:absolute;top:1px}<br /><!--<br /><br />body {<br />scrollbar-face-color: #C50A2A;<br />scrollbar-arrow-color: White;<br />scrollbar-highlight-color: #C50A2A;<br />scrollbar-3dlight-color: #C50A2A;<br />scrollbar-shadow-color: #C50A2A;<br />scrollbar-darkshadow-color: #C50A2A;<br />scrollbar-track-color: White;<br />}<br /><br />BODY, TD {font-family:Book Antiqua;color:#C50A2A;font-size:14;}<br />A:link {color: "Gray"; text-decoration:shadow}<br />A:visited {color: "Gray"; text-decoration:none}<br />A:hover { text-decoration:none; color:"Black"; cursor:none; }<br /><br />body {<br />background-color: white;<br />background-image: url(http://img.photobucket.com/albums/v92/dragonfly11/Sterling/rosebackground.gif);<br />background-repeat: no-repeat;<br />background-attachment: fixed;<br />background-position: right center;<br />margin-top: 425px;<br />}<br /><br />table { <br />border: 2px solid black;<br />} <br />table table { <br />border: 0;<br />} <br /><br />table, tr, td, .shadowed {<br />background: white;<br />}<br /><br />table { <br />width: 605px; <br />margin-left: 0px; <br />margin-right: 100%; <br />} <br />table table { <br />width: 100%; <br />margin:0; <br />} <br />table table table { <br />width: auto; <br />} <br /><br />navigation { visibility: hidden; }<br /><br />.shadowed img{<br />visibility: visible; position: relative;<br />}<br /><br />--><br /></style><br /><=GLOBAL_HEAD<br /><!-- end code provided by createblog.com -->

But the image was put in manually, so if you ever change your user icon, you'll need to change the image URL.

[Dragonfly_11]

OMG, thank you so much!

[Dragonfly_11]

Grrr, this is makeing me mad! Ok, this layout is for my friend, and I was making it on mine to make sure I could get it to work, however, it works fine on mine, but on hers, the header won't show up!

here is my journal: http://www.livejournal.com/users/dragonfly_11/
Here is her journal: http://www.livejournal.com/users/dream_kill3r_5/

And here is the code that is in both overrides:

<!-- begin code provided by createblog.com --><br /><br />GLOBAL_HEAD<=<br /><br /><title>Roses are Red</title><br /><style type="text/css"><br />div div{visibility:hidden;position:absolute;top:1px;}<br />tr.caption{visibility:hidden;position:absolute;top:1px}<br /><!--<br /><br />body {<br />overflow-x: hidden;<br />scrollbar-face-color: #EE0011;<br />scrollbar-arrow-color: White;<br />scrollbar-highlight-color: #EE0011;<br />scrollbar-3dlight-color: #EE0011;<br />scrollbar-shadow-color: #EE0011;<br />scrollbar-darkshadow-color: #EE0011;<br />scrollbar-track-color: White;<br />}<br /><br />BODY, TD {font-family:Book Antiqua;color:#EE0011;font-size:14;}<br />A:link {color: "Gray"; text-decoration:shadow}<br />A:visited {color: "Gray"; text-decoration:none}<br />A:hover { text-decoration:none; color:"Black"; cursor:none; }<br /><br />body {<br />background-color: white;<br />background-image: url(http://img.photobucket.com/albums/v92/dragonfly11/Sterling/rosebackground.gif);<br />background-repeat: no-repeat;<br />background-attachment: fixed;<br />background-position: right bottom;<br />margin-top: 425px;<br />}<br /><br />table { <br />border: 2px solid black;<br />} <br />table table { <br />border: 0;<br />} <br /><br />table, tr, td, .shadowed {<br />background: white;<br />}<br /><br />table { <br />width: 603px; <br />margin-left: 0px; <br />margin-right: 100%; <br />} <br />table table { <br />width: 100%; <br />margin:0; <br />} <br />table table table { <br />width: auto; <br />} <br /><br />navigation { visibility: hidden; }<br /><br />.shadowed img{<br />visibility: visible; position: relative;<br />}<br /><br />--><br /></style><br /><=GLOBAL_HEAD<br /><br />FRIENDS_WEBSITE<=<br /><style type="text/css"><br /><!--<br />table table table table .meta {visibility: hidden}<br />table table table table table .meta {visibility: visible}<br />--><br /></style><br /><br /><div style="position: absolute; left: 9px; top: 10px; visibility: visible;"><br /><MAP NAME='imgmap'><br /><AREA SHAPE='poly' COORDS='281,103,384,59,392,89,293,128' HREF='http://www.livejournal.com/users/dream_kill3r_5/' ALT='Entries'><br /><AREA SHAPE='poly' COORDS='312,137,411,121,422,150,318,165' HREF='http://www.livejournal.com/users/dream_kill3r_5/friends' ALT='Friends'><br /><AREA SHAPE='poly' COORDS='333,190,444,186,445,214,333,214' HREF='http://www.livejournal.com/users/dream_kill3r_5/calendar' ALT='Calendar'><br /><AREA SHAPE='poly' COORDS='331,226,460,270,447,298,322,261' HREF='http://www.livejournal.com/userinfo.bml?user=dream_kill3r_5' ALT='Userinfo'><br /><AREA SHAPE='poly' COORDS='319,282,421,357,394,378,299,310' HREF='http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=17887195&Mytoken=CC75A223-5AD5-11F5-EDC97FBCF486A13220910696' ALT='My Space'><br /><AREA SHAPE='DEFAULT' HREF='http://img.photobucket.com/albums/v92/dragonfly11/Sterling/sterlingsign2.gif'><br /></MAP><br /><br /><IMG SRC='http://img.photobucket.com/albums/v92/dragonfly11/Sterling/sterlingsign2.gif' border=2 width=600 height=400 USEMAP='#imgmap'> <br /></div><br /><center><img src="http://www.livejournal.com/userpic/37817792/6082740" style="visibility: visible; position: relative;"></center><br /><=FRIENDS_WEBSITE<br /><br />CALENDAR_WEBSITE<=<br /><style type="text/css"><br /><!--<br />table table table table .meta {visibility: hidden}<br />table table table table table .meta {visibility: visible}<br />--><br /></style><br /><br /><div style="position: absolute; left: 9px; top: 10px; visibility: visible;"><br /><MAP NAME='imgmap'><br /><AREA SHAPE='poly' COORDS='281,103,384,59,392,89,293,128' HREF='http://www.livejournal.com/users/dream_kill3r_5/' ALT='Entries'><br /><AREA SHAPE='poly' COORDS='312,137,411,121,422,150,318,165' HREF='http://www.livejournal.com/users/dream_kill3r_5/friends' ALT='Friends'><br /><AREA SHAPE='poly' COORDS='333,190,444,186,445,214,333,214' HREF='http://www.livejournal.com/users/dream_kill3r_5/calendar' ALT='Calendar'><br /><AREA SHAPE='poly' COORDS='331,226,460,270,447,298,322,261' HREF='http://www.livejournal.com/userinfo.bml?user=dream_kill3r_5' ALT='Userinfo'><br /><AREA SHAPE='poly' COORDS='319,282,421,357,394,378,299,310' HREF='http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=17887195&Mytoken=CC75A223-5AD5-11F5-EDC97FBCF486A13220910696' ALT='My Space'><br /><AREA SHAPE='DEFAULT' HREF='http://img.photobucket.com/albums/v92/dragonfly11/Sterling/sterlingsign2.gif'><br /></MAP><br /><br /><IMG SRC='http://img.photobucket.com/albums/v92/dragonfly11/Sterling/sterlingsign2.gif' border=2 width=600 height=400 USEMAP='#imgmap'> <br /></div><br /><center><img src="http://www.livejournal.com/userpic/37817792/6082740" style="visibility: visible; position: relative;"></center><br /><=CALENDAR_WEBSITE<br /><br />LASTN_WEBSITE<=<br /><style type="text/css"><br /><!--<br />table table table table .meta {visibility: hidden}<br />table table table table table .meta {visibility: visible}<br />--><br /></style><br /><br /><div style="position: absolute; left: 9px; top: 10px; visibility: visible;"><br /><MAP NAME='imgmap'><br /><AREA SHAPE='poly' COORDS='281,103,384,59,392,89,293,128' HREF='http://www.livejournal.com/users/dream_kill3r_5/' ALT='Entries'><br /><AREA SHAPE='poly' COORDS='312,137,411,121,422,150,318,165' HREF='http://www.livejournal.com/users/dream_kill3r_5/friends' ALT='Friends'><br /><AREA SHAPE='poly' COORDS='333,190,444,186,445,214,333,214' HREF='http://www.livejournal.com/users/dream_kill3r_5/calendar' ALT='Calendar'><br /><AREA SHAPE='poly' COORDS='331,226,460,270,447,298,322,261' HREF='http://www.livejournal.com/userinfo.bml?user=dream_kill3r_5' ALT='Userinfo'><br /><AREA SHAPE='poly' COORDS='319,282,421,357,394,378,299,310' HREF='http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=17887195&Mytoken=CC75A223-5AD5-11F5-EDC97FBCF486A13220910696' ALT='My Space'><br /><AREA SHAPE='DEFAULT' HREF='http://img.photobucket.com/albums/v92/dragonfly11/Sterling/sterlingsign2.gif'><br /></MAP><br /><br /><IMG SRC='http://img.photobucket.com/albums/v92/dragonfly11/Sterling/sterlingsign2.gif' border=2 width=600 height=400 USEMAP='#imgmap'> <br /></div><br /><center>Sterling</center><br /><br /><=LASTN_WEBSITE<br /><br /><br /><!-- end code provided by createblog.com -->

Why won't it work?
All the links in the header will take you to my friends journal.

I'm so sorry if I'm being a big pain in every one's @$$ right now, and thank you for all of your help!

[Dragonfly_11]

I just tried something, I tried to put a free premade layout on her journal that had links in the header, and it didn't show up. Does any one know why this is happening?

[*Libertie*]

She needs to make sure she has a website listed in her profile. It can be anything, Google, whatever, even linking back to her journal, but something has to be there or it doesn't work. Just one of those quirks, although I guess it sorta makes since because the code is for the website portion of the code.. *shrug*

[Dragonfly_11]

*hugs* thank you!
sorry if I've been such a pain!