//-->
Your Link Here #1
Your Link Here #2
Your Link Here #3
RACKŽS home
Home
Elite schiffe und infos
sonderschiffe nur zu weinachten und so
alle npc´s
monster
alle pp auf einen blick
bei seafight noch unerfahren
probleme bei seafight
gilden bewerbungen
nur nen paar screen shots
A-C-E VIELE VERSCHIEDENE
NEED FOR SPEED BILDER GEIL
Hochzeit
Versteckte Seiten
Design 1
Abgezockt
Design 1
Text über dem Design:
<html> <head> <container> <link rel=stylesheet href=http://burst18.bplaced.net/hppics/index.css type=text/css> </head> <body> <div class="navigationbox" onMouseout="resetit(event)"> <!----- BEGIN N A V I G A T I O N -----> <table width=560 height=42 cellspacing=0 cellpadding=0><tr> <td valign=middle> <a href="#" onMouseover="showit(0)" class="nav">Your Link Here #1</a> </td> <td valign=middle> <a href="#" onMouseover="showit(1)" class="nav">Your Link Here #2</a> </td> <td valign=middle> <a href="#" onMouseover="showit(2)" class="nav">Your Link Here #3</a> </td> </tr></table> <!----- END N A V I G A T I O N -----> </div> <div style="top: 261px; left: 0px; position: absolute; z-index: 3; width: 197px; height: 139px; background-image: url(http://burst18.bplaced.net/hppics/index_04.gif)"> <!-- Edit the dimensions of the below, plus background color--> <ilayer name="dep1"> <layer name="dep2"> </layer> </ilayer> <div id="describe" style="width: 197px; height: 139px;" onMouseover="clear_delayhide()" onMouseout="resetit(event)"></div> <script language="JavaScript1.2"> var submenu=new Array() submenu[0]='<div style="z-index: 3; width: 197px; height: 139px; background-image: url(http://burst18.bplaced.net/hppics/index_04.jpg);"><div style="z-index: 3; width: 180px; height: 130px;"><table border=0 cellspacing=0 width=197 height=139><tr><td colspan=3 height=17> </td></tr><tr><td width=18> </td><td valign=middle align=center class="description"><div class="descriptionwhite">navi punkt 1</td><td width=18> </td></tr><tr><td height=10 colspan=3> </td></tr></table></div>' submenu[1]='<div style="z-index: 3; width: 197px; height: 139px; background-image: url(http://burst18.bplaced.net/hppics/index_04.jpg);"><div style="z-index: 3; width: 180px; height: 130px;"><table border=0 cellspacing=0 width=197 height=139><tr><td colspan=3 height=17> </td></tr><tr><td width=18> </td><td valign=middle align=center class="description"><div class="descriptionwhite">navi punkt 2</td><td width=18> </td></tr><tr><td height=10 colspan=3> </td></tr></table></div>' submenu[2]='<div style="z-index: 3; width: 197px; height: 139px; background-image: url(http://burst18.bplaced.net/hppics/index_04.jpg);"><div style="z-index: 3; width: 180px; height: 130px;"><table border=0 cellspacing=0 width=197 height=139><tr><td colspan=3 height=17> </td></tr><tr><td width=18> </td><td valign=middle align=center class="description"><div class="descriptionwhite">navi punkt 3</td><td width=18> </td></tr><tr><td height=10 colspan=3> </td></tr></table></div>' var delay_hide=1 var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : "" function showit(which){ clear_delayhide() thecontent=(which==-1)? "" : submenu[which] if (document.getElementById||document.all) menuobj.innerHTML=thecontent else if (document.layers){ menuobj.document.write(thecontent) menuobj.document.close() } } function resetit(e){ if (document.all&&!menuobj.contains(e.toElement)) delayhide=setTimeout("showit(-1)",delay_hide) else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget)) delayhide=setTimeout("showit(-1)",delay_hide) } function clear_delayhide(){ if (window.delayhide) clearTimeout(delayhide) } function contains_ns6(a, b) { while (b.parentNode) if ((b = b.parentNode) == a) return true; return false; } </script> </div> <div style="top: 350px; left: 106px; position: absolute; z-index: 2; width: 643px;"> <img src="http://burst18.bplaced.net/hppics/spacer.gif" align=left width="80" height="50"> <!----- BEGIN C O N T E N T -----> <table border=0 cellpadding=0 cellspacing=0><tr><td class="head2" style="padding-right: 30px;"> </td></tr></table><br> <img src="http://burst18.bplaced.net/hppics/spacer.gif" class="spacer2" width="50" height="10"> <img src="http://burst18.bplaced.net/hppics/spacer.gif" class="spacer2" width="38" height="10"> <img src="http://burst18.bplaced.net/hppics/spacer.gif" class="spacer2" width="30" height="10"> <img src="http://burst18.bplaced.net/hppics/spacer.gif" class="spacer2" width="24" height="10"> <img src="http://burst18.bplaced.net/hppics/spacer.gif" class="spacer2" width="18" height="10"> <img src="http://burst18.bplaced.net/hppics/spacer.gif" class="spacer2" width="15" height="10"> <img src="http://burst18.bplaced.net/hppics/spacer.gif" class="spacer2" width="12" height="10"> <img src="http://burst18.bplaced.net/hppics/spacer.gif" class="spacer2" width="9" height="10"> <img src="http://burst18.bplaced.net/hppics/spacer.gif" class="spacer2" width="6" height="10"> <img src="http://burst18.bplaced.net/hppics/spacer.gif" class="spacer2" width="3" height="10"> <!----- END C O N T E N T -----> <center> <script language="JavaScript"> <!-- function random_imglink(){ var myimages=new Array() //specify corresponding links below var imagelinks=new Array() imagelinks[1]="" imagelinks[2]="" imagelinks[3]="" var ry=Math.floor(Math.random()*myimages.length) if (ry==0) ry=1 document.write('<img src="'+myimages[ry]+'" border=0>') } random_imglink() //--> </script> </center> </div> <div style="top: 425px; left: 10px; position: absolute; z-index: 3; width: 77px"> <a href="#" class="nav2"><img src="http://burst18.bplaced.net/hppics/side_01.jpg" border=0></a><br><br> <a href="#" class="nav2"><img src="http://burst18.bplaced.net/hppics/side_02.jpg" border=0></a><br><br> <a href="#" class="nav2"><img src="http://burst18.bplaced.net/hppics/side_03.jpg" border=0></a><br><br> <a href="#" class="nav2"><img src="http://burst18.bplaced.net/hppics/side_04.jpg" border=0></a><br><br> <a href="#" class="nav2"><img src="http://burst18.bplaced.net/hppics/side_05.jpg" border=0></a><br><br> <a href="#" class="nav2"><img src="http://burst18.bplaced.net/hppics/side_06.jpg" border=0></a><br><br> <a href="#" class="nav2"><img src="http://burst18.bplaced.net/hppics/side_07.jpg" border=0></a><br><br> <a href="#" class="nav2"><img src="http://burst18.bplaced.net/hppics/side_08.jpg" border=0></a><br><br> <a href="#" class="nav2"><img src="http://burst18.bplaced.net/hppics/side_09.jpg" border=0></a><br><br> <a href="#" class="nav2"><img src="http://burst18.bplaced.net/hppics/side_10.jpg" border=0></a> </div> <div style="top: 0px; left: 0px; position: absolute; z-index: 1; width: 780px; height: 500px"><img src="http://burst18.bplaced.net/hppics/index_01.jpg" border=0><img src="http://burst18.bplaced.net/hppics/index_02.jpg" border=0><img src="http://burst18.bplaced.net/hppics/index_03.jpg" border=0></div> </body> </html>
Text unter dem Design:
</div>
CSS-Code
ohne Style Tags:
<style type="text/css"> <!-- body { scrollbar-arrow-color: #FFFFFF; scrollbar-base-color: #419F72; scrollbar-face-color: #419F72; scrollbar-highlight-color: #71DBA8; scrollbar-shadow-color: #137244; scrollbar-3dlight-color: #13726C; scrollbar-track-color: #081F13; scrollbar-darkshadow-color: #13726C; } div#nav_container{visibility: hidden;} li.nav_element{display: none;} h1#title span {display: none;} h2#title span {display: none;} li.nav_element{display: none;} li.nav_element a{display: none;} div.header{display: none;} #content_container { left:140px; position:absolute; top:400px; width:640px; height: 998px; display: transparente; overflow: auto; } #pre_content { background:transparent none no-repeat scroll 0 0; height:43px; width:100%; } #content { background-color:none; padding:0px; width:600px; } #post_content { background:transparent none no-repeat scroll 0 0; height:14px; width:100%; h1, h2, h3 { margin:0; } #below_content { color:transparente; font-size:10px; text-align:right; width:100%; } .head { font-family: times new roman; font-size: 25px; color: #005C13; text-transform: uppercase; text-align: right; background-image: url(http://burst18.bplaced.net/hppics/index_head2.jpg); background-repeat: no-repeat; height: 65px; background-position: right; filter: alpha(opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.90; opacity:0.9; width: 686px; } .head2 { font-family: times new roman; font-size: 25px; color: #005C13; text-transform: uppercase; text-align: right; background-image: url(http://burst18.bplaced.net/hppics/index_head.jpg); background-repeat: no-repeat; height: 65px; background-position: right; filter: alpha(opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.90; opacity:0.9; width: 545px;} * { padding:0; margin:0; } blockquote { margin: 20px; } b { color: #64CD6E; } .description { font-family: verdana; font-size: 9px; color: #A0DDF2; font-weight: bold; } .descriptionwhite { font-family: verdana; font-size: 10px; color: #FFFFFF; font-weight: bold; border-bottom: 2px #FFFFFF solid } .navigationbox { top: 269px; left: 200px; position: absolute; z-index: 2; width: 560px; } #spacer3 { float: right; clear: right; margin: 10px; width: 120px; background: #25605A; border: 3px #54A16C solid; color: #54A16C; } img.spacer1 { float: left; margin: 2px; } img.spacer2 { float: left; clear: left; margin: 2px; } .name { font-family: verdana; font-size: 10px; color: #7CDFFF; background: #3D89A2; width: 100px; border: 2px #54A16C solid; font-weight: bold; text-transform: uppercase;} A:link {color: #1FD3C8;text-decoration: none; cursor: hand; font-weight: bold; border-bottom: 2px #006F83 solid;} A:visited {color: #1FD3C8;text-decoration: none; cursor: hand; font-weight: bold; border-bottom: 2px #006F83 solid;} A:active {color: #1FD3C8;text-decoration: none; cursor: hand; font-weight: bold; border-bottom: 2px #006F83 solid;} A:hover {color: #FFFFFF;text-decoration: none; cursor: hand; font-weight: bold; border-bottom: 2px #A1F4EB solid;} .nav:link {color: #006F83; text-decoration: none; cursor: hand; border: 0px; font-weight: bold; font-size: 13px; text-transform: uppercase; filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.60; opacity:0.6; background: #CBE2DD; height: 42px; padding: 12px; } .nav:visited {color: #006F83; text-decoration: none; cursor: hand; border: 0px; font-weight: bold; font-size: 13px; text-transform: uppercase; filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.60; opacity:0.6; background: #CBE2DD; height: 42px; padding: 12px; } .nav:active {color: #006F83; text-decoration: none; cursor: hand; border: 0px; font-weight: bold; font-size: 13px; text-transform: uppercase; filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.60; opacity:0.6; background: #CBE2DD; height: 42px; padding: 12px; } .nav:hover {color: #006F83; text-decoration: none; cursor: hand; border: 0px; font-weight: bold; font-size: 13px; text-transform: uppercase; filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70; opacity:0.7; background: #87CD4D; height: 42px; padding: 12px; } .nav2:link {color: #006F83; text-decoration: none; cursor: hand; border: 0px; font-weight: bold; font-size: 13px; text-transform: uppercase; filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.60; opacity:0.6; background: #CBE2DD; height: 48px; } .nav2:visited {color: #006F83; text-decoration: none; cursor: hand; border: 0px; font-weight: bold; font-size: 13px; text-transform: uppercase; filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.60; opacity:0.6; background: #CBE2DD; height: 48px; } .nav2:active {color: #006F83; text-decoration: none; cursor: hand; border: 0px; font-weight: bold; font-size: 13px; text-transform: uppercase; filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.60; opacity:0.6; background: #CBE2DD; height: 48px; } .nav2:hover {color: #006F83; text-decoration: none; cursor: hand; border: 0px; font-weight: bold; font-size: 13px; text-transform: uppercase; filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity:1; background: #87CD4D; height: 48px; } .switchtext { color: #91DC98; font-size: 11px; font-family: verdana; } body { background-image: url(http://burst18.bplaced.net/hppics/index_bg.jpg); background-repeat: repeat-y; background-color: #081F13; background-attachment: scroll; font-family: verdana; color: #489990; letter-spacing: 0px; font-weight: normal; font-size: 11px; margin: 0px; cursor: default;} td { font-family: verdana; font-size: 11px; color: #489990; font-weight: normal; } --> </style>
lol
lol
Diese Webseite wurde kostenlos mit
Homepage-Baukasten.de
erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden