Playboy Pin-up layout

[wickedicequeen]

I recently downloaded the "Playboy Pin-up" style from the website. I entered the override text "as is", only making changes to the picture links and username links, but the header is off, and the navigation links are overlapping with the sidebar graphics and links.

I have it on S1, and I have a website specified in my user info.

You can see it HERE.

NOTE: I have to use * to show the code. They aren't included in the override code on my page. I altered my image host code, but that shouldn't make a difference. I only did that so that the pictures wouldn't load.



FRIENDS_WEBSITE<*=
<*div style="position:absolute; top: 518px; left: 490px; width: 180; height: 100%; visibility: visible; font-weight: bold;">

<*img src="http://img.photobucket.com/albums/v231/wickedice/playboyaboutmebutton.jpg"><*br><*br>
This is the part where you write a little something something about yourself. You can include a picture, but keep in mind this box is only 180 pixels wide.

<*br><*br>
<*img src="http://img.photobucket.com/albums/v231/wickedice/playboyfriendsbutton.jpg"><*br><*br>
*♥ <*a href="http://www.livejournal.com/users/FRIENDNAMEHERE">FRIEND NAME HERE<*/a><*br>
*♥ <*a href="http://www.livejournal.com/users/FRIENDNAMEHERE">FRIEND NAME HERE<*/a><*br>
*♥ <*a href="http://www.livejournal.com/users/FRIENDNAMEHERE">FRIEND NAME HERE<*/a><*br>
<*br>
<*img src="http://img.photobucket.com/albums/v231/wickedice/pbcommunitiesbutton.jpg">
<*br><*br>
*♥ <*a href="http://www.livejournal.com/community/COMMUNITYNAMEHERE">COMMUNITY NAME<*/a><*br>
*♥ <*a href="http://www.livejournal.com/community/COMMUNITYNAMEHERE">COMMUNITY NAME<*/a><*br>
*♥ <*a href="http://www.livejournal.com/community/COMMUNITYNAMEHERE">COMMUNITY NAME<*/a><*br>
<*br>
<*img src="http://img.photobucket.com/albums/v231/wickedice/playboyfavoritesbutton.jpg">
<*br><*br>
*♥ <*a href="YOUR FAVORITE WEB SITE GOES HERE.COM">WEB SITE NAME<*/a><*br>
*♥ <*a href="YOUR FAVORITE WEB SITE GOES HERE.COM">WEB SITE NAME<*/a><*br>
*♥ <*a href="YOUR FAVORITE WEB SITE GOES HERE.COM">WEB SITE NAME<*/a><*br>
<*br>
<*br>
<*br>
*♥ <*a href="http://www.cherry-style.com">Layout by Cherry Style<*/a>
<*/div>
<*img class="headerimg" src="http://img.photobucket.com/albums/v231/wickedice/playboypinup.jpg" width=800px height=517px BORDER='0' USEMAP='#imgmap' style="position: absolute; top: 0px; left: 0px">

<*MAP NAME='imgmap'>
<*AREA SHAPE=rect COORDS='302,15,385,52' HREF='http://www.livejournal.com/userinfo.bml?user=wickedicequeen' ALT='My User Info'>
<*AREA SHAPE=rect COORDS='319,81,482,115' HREF='http://www.livejournal.com/users/wickedicequeen/friends/' ALT='My Friends'>
<*AREA SHAPE=rect COORDS='301,139,468,178' HREF='http://www.livejournal.com/update.bml' ALT='Update My Journal'>
<*AREA SHAPE=rect COORDS='256,203,481,242' HREF='http://www.livejournal.com/tools/memories.bml?user=wickedicequeen' ALT='My Memories'>
<*/MAP>
<*style type="text/css">

<*!--
.x {
position:absolute; left:0; top:0; z-index: 10;}
-->
<*/style>

<*style type="text/css">
<*!--

body {
overflow-x: hidden;
margin-top: 420px;
}

body {
background-image: url(http://img.photobucket.com/albums/v231/wickedice/playboybackground.jpg);
background-attachment:fixed;
background-repeat: repeat-y;
font-weight: bold;
overflow:-moz-scrollbars-vertical;
scrollbar-base-color: #EEB0BD;
scrollbar-track-color: #EEB0BD;
scrollbar-highlight-color: #CF3C46;
scrollbar-3dlight-color: #CF3C46;
scrollbar-darkshadow-color: #CF3C46;
scrollbar-shadow-color: #CF3C46;
scrollbar-arrow-color: #CF3C46;
}
A:hover{
cursor: help;
text-decoration:none;
position:relative;
top:1px;
left:1px;
}

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

table {
width: 419px;
margin-left: 4%;
margin-right: 100%;
font-weight: bold;
}
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}

-->

<*/style>

<*=FRIENDS_WEBSITE

FRIENDS_TALK_LINKS<*=
<*tr>
<*td align="center" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
<*a href="%%urlpost%%">Pucker Up<*/a> *♥ %%readlink%%
<*br>
<*br>
<*img src="http://img.photobucket.com/albums/v231/wickedice/playboydivider2.jpg">
<*/td>
<*/tr><*/center>
<*=FRIENDS_TALK_LINKS

LASTN_TALK_READLINK=><*a href="%%urlread%%"><*b>%%messagecount%% Hot Kiss%%mc-plural-es%%<*/b><*/a>

FRIENDS_TALK_READLINK=><*a href="%%urlread%%"><*b>%%messagecount%% Hot Kiss%%mc-plural-es%%<*/b><*/a>

LASTN_WEBSITE<*=
<*div style="position:absolute; top: 518px; left: 490px; width: 180; height: 100%; visibility: visible; font-weight: bold;">

<*img src="http://img.photobucket.com/albums/v231/wickedice/playboyaboutmebutton.jpg"><*br><*br>
This is the part where you write a little something something about yourself. You can include a picture, but keep in mind this box is only 180 pixels wide.

<*br><*br>
<*img src="http://img.photobucket.com/albums/v231/wickedice/playboyfriendsbutton.jpg"><*br><*br>
*♥ <*a href="http://www.livejournal.com/users/FRIENDNAMEHERE">FRIEND NAME HERE<*/a><*br>
*♥ <*a href="http://www.livejournal.com/users/FRIENDNAMEHERE">FRIEND NAME HERE<*/a><*br>
*♥ <*a href="http://www.livejournal.com/users/FRIENDNAMEHERE">FRIEND NAME HERE<*/a><*br>
<*br>
<*img src="http://img.photobucket.com/albums/v231/wickedice/pbcommunitiesbutton.jpg">
<*br><*br>
*♥ <*a href="http://www.livejournal.com/community/COMMUNITYNAMEHERE">COMMUNITY NAME <*/a><*br>
*♥ <*a href="http://www.livejournal.com/community/COMMUNITYNAMEHERE">COMMUNITY NAME <*/a><*br>
*♥ <*a href="http://www.livejournal.com/community/COMMUNITYNAMEHERE">COMMUNITY NAME <*/a><*br>
<*br>
<*img src="http://img.photobucket.com/albums/v231/wickedice/playboyfavoritesbutton.jpg">
<*br><*br>
*♥ <*a href="YOUR FAVORITE WEB SITE GOES HERE.COM">WEB SITE NAME<*/a><*br>
*♥ <*a href="YOUR FAVORITE WEB SITE GOES HERE.COM">WEB SITE NAME<*/a><*br>
*♥ <*a href="YOUR FAVORITE WEB SITE GOES HERE.COM">WEB SITE NAME<*/a><*br>
<*br>
<*br>
<*br>
*♥ <*a href="http://www.cherry-style.com">Layout by Cherry Style<*/a>
<*br>
<*/div>

<*img class="headerimg" src="http://img.photobucket.com/albums/v231/wickedice/playboypinup.jpg" width=132px height=0px BORDER='0' USEMAP='#imgmap' class="x">

<*MAP NAME='imgmap'>
<*AREA SHAPE=rect COORDS='302,15,385,52' HREF='http://www.livejournal.com/userinfo.bml?user=wickedicequeen' ALT='My User Info'>
<*AREA SHAPE=rect COORDS='319,81,482,115' HREF='http://www.livejournal.com/users/wickedicequeen/friends/' ALT='My Friends'>
<*AREA SHAPE=rect COORDS='301,139,468,178' HREF='http://www.livejournal.com/update.bml' ALT='Update My Journal'>
<*AREA SHAPE=rect COORDS='256,203,481,242' HREF='http://www.livejournal.com/tools/memories.bml?user=wickedicequeen' ALT='My Memories'>
<*/MAP>

<*style type="text/css">

<*!--
.x {
position:absolute; left:0; top:0; z-index: 10;}
-->
<*/style>

<*style type="text/css">
<*!--

body {
overflow-x: hidden;
margin-top: 420px;
}

body {
background-image: url(http://img.photobucket.com/albums/v231/wickedice/playboybackground.jpg);
background-attachment:fixed;
background-repeat: repeat-y;
font-weight: bold;
overflow:-moz-scrollbars-vertical;
scrollbar-base-color: #EEB0BD;
scrollbar-track-color: #EEB0BD;
scrollbar-highlight-color: #CF3C46;
scrollbar-3dlight-color: #CF3C46;
scrollbar-darkshadow-color: #CF3C46;
scrollbar-shadow-color: #CF3C46;
scrollbar-arrow-color: #CF3C46;
}

A:hover{
cursor: help;
text-decoration:none;
position:relative;
top:1px;
left:1px;
}
table, tr, td, .shadowed {
background: transparent;
}

table {
width: 419px;
margin-left: 4%;
margin-right: 100%;
font-weight: bold;
}
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}

-->

<*/style>

<*=LASTN_WEBSITE

LASTN_TALK_LINKS<*=
<*tr>
<*td align="center" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
<*a href="%%urlpost%%">Pucker Up<*/a> *♥ %%readlink%%
<*br>
<*br>
<*img src="http://img.photobucket.com/albums/v231/wickedice/playboydivider2.jpg">
<*/td>
<*/tr><*/center>
<*=LASTN_TALK_LINKS

Hopefully, one of you can help me with this. Thanks!