Newbies are not allowed to post in this thread.

PREVIEW:http://h1.ripway.com/eschenfrau/R2N.html

<html>
<head>
<title>Road to nowhere layout by 3sch3nfrau..</title>
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
<script>
window.defaultStatus=" are you ready?..come close and take my hand ";
</script>
<style type="text/css">
A:link, A:visited, A:active
{ text-decoration: none; font-weight: none; font-size: 9pt; color: #DDFFA3; cursor: crosshair; filter: none;}
A:hover
{ text-decoration: underline; color:#ffffff; font-size: 8.5pt; background-color: #AEAEAE; border-bottom:3px solid #ffffff; cursor:crosshair;}
body {
background:#A9A8A8 ;
font-family: century gothic ;
color: #000000;
font-size: 8pt;
cursor: crosshair;
scrollbar-face-color: #5C5C5C;
scrollbar-highlight-color:#5C5C5C;
scrollbar-3dlight-color:#5C5C5C;
scrollbar-darkshadow-color:#5C5C5C;
scrollbar-shadow-color:#5C5C5C;
scrollbar-arrow-color::#5C5C5C;
scrollbar-track-color: :#5C5C5C;
}
.h1 {
font-family: century gothic ;
color:#ffffff;
font-size: 10pt;
font-weight: none;
text-align: center;
text-transform: none;
letter-spacing: none;
cursor: text;
background-color: #5C5C5C;
}
.h2 {
font-family: georgia;
color:#ffffff;
font-size: 9.6pt;
font-weight: none;
text-transform: uppercase;
line-height: 22px;
letter-spacing: -3px;
cursor: text;
background-color: #;
border-bottom: 1px dashed #cacaca;
}
.h3 {
font-family: tahoma;
color: #5FD0EC;
font-size: 8.5px;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
cursor: text;
background-color: transparent;
}
.h4 {
font-family: georgia;
font-size: 26pt;
line-height: 5px;
background: none;
color: #A4CC19;
font-weight: none;
text-align: center;
padding: 5px;
letter-spacing: -2pt;
}
.navigation {
font-family: century gothic;
color:#5FD0EC;
font-size: 20pt;
font-weight: none;
text-transform: uppercase;
line-height: 22px;
letter-spacing: -3px;
cursor: text;
background-color: #;
border-bottom: 1px dashed #cacaca;
}
blockquote {
font-family: georgia;
color: #405A58;
border: 1px dashed #5CA4AC;
background-color: #9BE9EE;
padding: 3px; }
u
{
color: #687D1E;
border-bottom: #A9CD2A 5px dashed;
}
b
{
color : #2785AC;
text-transform : uppercase;
}
i
{
color : #D45B25;
font-family : georgia;
letter-spacing : 2px;
}
#lit-view {visibility:hidden}</style>
</head>
<noembed>
<body>
</noembed>
<div class="image"> <img src="http://i260.photobucket.com/albums/ii30/eschenfrau/road123.png" border="0" alt=""></div>
<div style="position: absolute; overflow: auto; overflow-x: hidden; width: 258px; left: 129px; top:239px; font-family: tahoma; font-size: 7pt; font-weight: normal;
line-height: 12px; text-align: left; filter: 0; background-color:none; border-style: none; border-width: 0; padding: 1px; height:308px" id="tagboard">
<center>
<br><div class="h1"><font color="#CACACA">NAVIGATIONS</font></div>
<a href="http://www.friendster.com/">
home</a><br>
<a href="http://profiles.friendster.com/user.php">
profile</a></font><font color="#DDFFA3"><br>
</font>
<a href="http://www.friendster.com/editaccount.php">
settings</a><br>
</font>
<a href="http://www.friendster.com/logout.php">
log-out</a><br>
<br>
<!-------------------------PLEASE REPLACE YOUR userID(XXX) WITH YOUR NUMERICAL ID---------------->
<div class="h1"><font color="#CACACA">+</font></div>
<a href="http://www.friendster.com/addfriendrequest.php?uid=YOURuserID">
add me</a><br>
</font><a href="http://www.friendster.com/testimonials.php?action=add&uid=(XXX)">add a comment</a><br>
</font>
<a href="http://www.friendster.com/sendmessage.php?uid=(XXX)">
send message..<br>
</font>
<a href="http://www.friendster.com/sendmessage.php?uid=(XXX)&action=sendsmile">
make my day</a>
</font>
<a href="http://www.friendster.com/bookmarks.php?action=add&uid=(XXX)">
bookmark</a><br>
</font>
<a href="http://www.friendster.com/introduce.php?uid=(XXX)">
introduce to a friend</a><br>
</font>
<a href="http://www.friendster.com/referafriend.php?refer=(XXX)">
forward to a friend</a><br>
<a href="http://www.friendster.com/friends.php?uid=(XXX)">view my friends</a><br>
</font>
<a href="http://www.friendster.com/viewphotos.php?uid=(XXX)">
view photos</a><br>
</font>
<a href="http://www.friendster.com/testimonials.php?uid=(XXX)">view all comments</a>
<br><br>
<div class="h1"><font color="#CACACA">MY TAGBOARD</font></div><b>
<font color="#DDFFA3">chatbox</font></b><br>
<div class="h1"><font color="#CACACA">MY MUSIC</font></div><b>
<font color="#DDFFA3">imeem here.. </font></b> <br>
</center>
</div>
<!---------------------------------------END OF USER ID------------------------------->
<div style="position: absolute; overflow: auto; overflow-x: hidden; width: 198px; left: 12px; top:15px; font-family: tahoma; font-size: 7pt; font-weight: normal;
line-height: 12px; text-align: left; filter: 0; background-color:none; border-style: none; border-width: 0; padding: 1px; height:141px" id="url">
<center>
<font color="#9BE9EE" size="5">
<span style="font-family: arial; text-transform:none; line-height: 100%; letter-spacing: -2pt; ">
friend</span></font><font color="#5CA4AC" size="5"><span style="font-family: arial; text-transform:none; line-height: 100%; letter-spacing: -2pt; ">ster</span></font><span style="letter-spacing: -2pt"><font size="5" color="#A6D5DB"><span style="font-family: arial">
. </span></font></span>
<span style="font-family: arial; text-transform:none; line-height: 100%; letter-spacing: -2pt; ">
<font color="#DDFFA3" size="5">
com<br>
</font><font color="#5CA4AC" size="4"><br></font><font color="#5CA4AC" size="2">
</font></span>
<span style="text-transform:none; line-height: 100%; letter-spacing: -2pt">
<b><font color="#5CA4AC" size="1" face="Century Gothic">l ayout by</font></b></span><span style="font-family: arial; text-transform:none; line-height: 100%; letter-spacing: -2pt; "><font color="#A9CD2A" size="3">: </font><font color="#A9CD2A" size="1"> </font><font color="#A9CD2A" size="3">
<a href="http://profiles.friendster.com/eschenfrau"><font size="1">eschenfrau</font></a><br></font></span><font size="3"><font color="#A9CD2A"> </font><br>
</font></center>
</div>
<div style="position: absolute; overflow: auto; overflow-x: hidden; width: 452px; left: 425px; top:194px; font-family: tahoma; font-size: 7pt; font-weight: normal;
line-height: 12px; text-align: left; filter: 0; background-color:none; border-style: none; border-width: 0; padding: 1px; height:388px" id="box">
<center>
<span style="font-family: Century Gothic; text-transform:uppercase; font-size: 22pt; line-height: 100%; letter-spacing: -2pt; color: #137E99;">
take the ride..</span><br>
<u>are you ready?.</u>.come close and take my hand <p>
<p><font color="#5C5C5C" size="3">NOTE READ THIS FIRST!</font><p>
NAVIGATIONS: the traffic lights
<br>
<i>italic</i> <u>underline</u> <b>bold</b> <a href="">link</a><p>
Welcome here..<br>
works on FF and IE.<br>
<br>
WARNING:<p>
THIS IS A BLOGSKIN I CONVERT IT TO FRIENDSTER OVERLAY:<br>
<a href="http://blogskins.com/me/eschenfrau">MY BLOGSKIN PROFILE</a>
<br>
<p>
If you use this or use my code as a base code please credit me for using
it.</center>
</div></div>
<div id="about" style="display:none">
<div class="h1">ABOUT ME</div>
<div class="blogitem"> this is my ride</span><center> <img src="http://i260.photobucket.com/albums/ii30/eschenfrau/yellow.png"
align="center"><p>Name: Blah<br>
age: 15<br>
school: blah<br>
hobbies: blah, blah, blah<br>
Favorite blah<br>
music: blah<br>
<div class="h1">L.O.L</div><br>
wondered why the frisbee
was getting bigger, and then it hit me. <br>
It's a dog-eat-dog world out there, and I'm wearing Milk-Bone underwear.<br>
The two secrets to success: #1 Don't tell everything you know.<br>
I like children, but I don't think I could eat a whole one.<br>
The most important thing to learn in chemistry is never to lick the spoon.<br>
Corduroy pillows - they're making headlines!<br>
I wouldn't be caught dead with a necrophiliac.</p>
</div><p>
<div class="h1">MY FRIENDS</div>
<center>
</div><p>
<div id="media" style="display:none">
<div class="h1">MY MEDIA</div><br>
<center><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/QulYSXQPC2Q&hl=en"></param><embed src="http://www.youtube.com/v/QulYSXQPC2Q&hl=en" type="application/x-shockwave-flash" width="425" height="344"></embed></object>
</center></div>
<div id="exits" style="display:none">
<div class="h1">EXITS</div>
<p></p><center>
resources:
<a href="http://www.blogskins.com/me/eschenfrau">road</a> <a href="http://nyolc8.deviantart.com/art/Road-to-46885519">to</a>
<a href="http://bruce-zheng.deviantart.com/art/ROAD-62002039">no</a>
<a href="http://reflex-seven.deviantart.com/art/Misleading-Directions-16211393">where</a>
<br><br><br>
<div class="h1"> </div>
<center>
<br>
</div>
</div>
<div style="position: absolute; left: 963px; top:220px;>
<span style=; visibility:visible"cursor: n-resize; text-decoration: none;" onClick="document.getElementById
('box').innerHTML=document.getElementById('exits').innerHTML"
onmouseover="document.images['stop1'].src='http://i260.photobucket.com/albums/ii30/eschenfrau/lit3-1.gif' "
onmouseout="document.images['stop1'].src='http://i260.photobucket.com/albums/ii30/eschenfrau/lit3.png'">
<img src="http://i260.photobucket.com/albums/ii30/eschenfrau/lit3.png" name="stop1" alt="" border="0"></a>
</div>
<div style="position: absolute; left: 960px; top: 78px;>
<span style=; visibility:visible"cursor: nw-resize; text-decoration: none;" onClick="document.getElementById
('box').innerHTML=document.getElementById('about').innerHTML"
onmouseover="document.images['stop2'].src='http://i260.photobucket.com/albums/ii30/eschenfrau/lit1-1.gif' "
onmouseout="document.images['stop2'].src='http://i260.photobucket.com/albums/ii30/eschenfrau/lit1.png'">
<img src="http://i260.photobucket.com/albums/ii30/eschenfrau/lit1.png" name="stop2" alt="" border="0"></a>
</div>
<div style="position: absolute; left: 962px; top: 171px;>
<span style=; visibility:visible"cursor: n-resize; text-decoration: none;" onClick="document.getElementById
('box').innerHTML=document.getElementById('media').innerHTML"
onmouseover="document.images['stop3'].src='http://i260.photobucket.com/albums/ii30/eschenfrau/lit2-1.gif'"
onmouseout="document.images['stop3'].src='http://i260.photobucket.com/albums/ii30/eschenfrau/lit2.png'">
<img src="http://i260.photobucket.com/albums/ii30/eschenfrau/lit2.png" name="stop3" alt="" border="0"></a>
</div>
</html>Last edited by eschenfrau (2008-06-29 06:07:36)
-Offline- |

ok nice 1 there sis.....keep up the good work...road trip huh...hehehe=)

-Offline- |

It's nice, but it would be better if you slice the background image just to make the Overlay load faster.
-Offline- |

thanks for the comments...
-Offline- |

~~♥♥
-Offline- |

thx..........
-Offline- |

nice layout.............
thx for sharing.................


-Offline- |



-Offline- |

thanks......
-Offline- |