bombastiiclayout18

Home

Hey und da bin ich wieder..
Ich weiß es ist nicht mehr so schnell mit den Updates wie vor 2-3 Wochen aber ich bemühe mich alles so schnell wie möglich hinzukriegen. Das Layout hier hat mich einen ganzen Tag gekostet, aber ich hoffe die Arbeit hat sich gelohnt und irgendjemand verwendet es xD.

P.S.: Das Layout eigenet sich eher für Firefox, aber es benutzen eh fast alle firefox von daher

!

So sieht dein Text Fett Kursiv Unterstrichen ~~Durchstrichen~~ und als Link aus.

Deine Ueberschrift

Der Code

Text über dem Design:

function showtext(thetext){
if (!document.getElementById)
return
textcontainerobj=document.getElementById("tabledescription")
browserdetect=textcontainerobj.filters? "ie" : typeof textcontainerobj.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
document.getElementById("tabledescription").innerHTML=thetext
highlighting=setInterval("gradualfade(textcontainerobj)",50)
}

function hidetext(){
cleartimer()
instantset(baseopacity)
}

function instantset(degree){
if (browserdetect=="mozilla")
textcontainerobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
textcontainerobj.filters.alpha.opacity=degree
else if (document.getElementById && baseopacity==0)
document.getElementById("tabledescription").innerHTML=""
}

function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}

function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.2, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=20
else if (window.highlighting)
clearInterval(highlighting)
}

</script>

</td><td>

<a href=http:// class="line" onMouseover="showtext('erfahre mehr über mich')" onMouseout="hidetext()">About me</a><br><br>

</td><td>

<a href=http:// class="line1" onMouseover="showtext('infos zu meiner seite')" onMouseout="hidetext()">About Site</a><br><br>

</td><td>

<a href=http:// class="line2" onMouseover="showtext('alles was dein herz begehrt')" onMouseout="hidetext()">Stuff</a><br><br>

</td><td>

</td></tr></table>
<div id="tabledescription">
</div></div>

CSS-Code ohne Style Tags:

.navifont{
display: block;
text-transform: uppercase;
font-family: arial;
font-weight: bold;
font-size: 12px;
color: #5b5b5b;
text-align: left;
text-shadow: 1px 1px #2d2d2d;
margin-bottom: 6px;
margin-right: 1px;
line-height: 20 px;
letter-spacing: 0px;
border-bottom: 6px solid #4d4d4d;}

.bombastiic1{
display: block;
font-family: tahoma;
font-weight: bold;
font-style: italic;
text-shadow: #ffffff 0px 0px 6px;
 font-size: 12pt;
padding-left: 5px;
color: #FFFFFF;
-moz-border-radius: 3px;
text-decoration: bold;
text-align: center;
margin-bottom: 6px;
margin-right: 1px;
line-height: 4 px;
letter-spacing: -1px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 1px solid #c0c0c0;
border-bottom: 0px solid #d0d0d0;}

.ueberschrift{
display: block;
font-family: tahoma;
font-weight: bold;
font-style: italic;
text-shadow: #ffffff 0px 0px 6px;
 font-size: 11pt;
padding-left: 5px;
color: #FFFFFF;
-moz-border-radius: 3px;
text-decoration: bold;
text-align: center;
margin-bottom: 6px;
margin-right: 1px;
line-height: 4 px;
letter-spacing: -1px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 1px solid #c0c0c0;
border-bottom: 0px solid #d0d0d0;
background-image: url(http://i25.tinypic.com/nx6mvn.jpg)}

#extraDiv1 {display: none;}
 #extraDiv2 {display: none;}
 #extraDiv3 {display: none;}
 #extraDiv4 {display: none;}
 #extraDiv5 {display: none;}
 #extraDiv6 {display: none;}
 #pre_header {display: none;}
 #post_header {display: none;}
 #pre_content {display: none;}
#nav{display:none;}
 #bling-gb_content {display: none;}
 div.header{display: none;}

h2#title{display: none;}  
a:link {
color: #ffffff;
font-family: tahoma, arial;
text-decoration: none;}

a:visited {
color: #c0c0c0;
font-family: tahoma, arial;
text-decoration: none;}

a:hover {
color: #ffffff;
font-family: tahoma, arial;
border-bottom: 0px dotted #bababa;}

body {
overflow-x: hidden;
background-image: url('http://i52.tinypic.com/157hv1h.jpg');
}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin-top: -130px;
width:1200px;
height:800px;
border:0px;
background-image: url(http://i52.tinypic.com/vcwke1.jpg);
}

#content {
position: absolute;
top:428px;
margin-left:137px;
width: 484px;
padding: 13px;
color:##003366;
font-family: Trebuchet MS;
font-size:  12px;
text-align: justify;
word-spacing: 1px;
letter-spacing: 0px;
overflow:auto;
background-color: #ffffff;}

#naviboxlinks{
position: absolute;
left:30px;
top:348px;
padding:11px;
width: 150px;
color: #bababa;
font-family: tahoma;
font-size:  11px;
overflow:auto;}

#naviboxrechts{
position: absolute;
left:730px;
top:348px;
padding:11px;
width: 150px;
color: #bababa;
font-family: tahoma;
font-size:  11px;
overflow:auto;
background-color: #ececec;
}

#hauptnavi{
position: absolute;
left:209px;
top:513px;
width: 494px;
height: 42px;
padding: 10px;
overflow:auto;}

#nav_container{
position: absolute;
top:140px;
margin-left: 800px;
high: 100px;
width: 121px;
font-family: Verdana;

border:0px solid #333333;}

::-moz-selection
{
color: #b6ff1c;
}

ul#nav{
width: 20px;
padding: 5px;
margin: 5px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:1px;
width: 100px;}

li.nav_element a{
display: block;
-moz-border-radius: 3px;
width: 100px;
height: 15px;
padding: -2px;
font-weight:;
text-decoration:;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
word-spacing: 0px;
letter-spacing: 0px;
color: #bababa;
background-color:#ececec;
background-image:url(xx);  
border-bottom: 0px solid color:#ffffff; }

li.nav_element a:hover{
color: #2323b2;
background-color: #ececec;
background-image:url(xx);}

/* Navigation */

A.line0:link, A.line0:active, A.line0:visited {
display: block;
padding-top: 12px;
padding-left: 10px
margin-left: 8px;
margin-top: 8px;
font-family: Arial;
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid transparent;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
background-color: transparent;
height: 34px;
text-align: center;
border-top: 0px solid #DAE2E8;
color: #ffffff;
}

A.line0:hover {
display: block;
padding-top: 12px;
padding-left: 10px
margin-left: 2px;
margin-top: 8px;
font-family: Arial;
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid #b6b6b6;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
height: 34px;
text-align: center;
border-top: 0px solid #DAE2E8;
color: #ffffff;
background-image:url(http://i53.tinypic.com/2poaxj8.jpg);}

A.line:link, A.line:active, A.line:visited {
display: block;
padding-top: 12px;
padding-left: 10px
margin-left: 8px;
margin-top: 8px;
font-family: Arial;
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid transparent;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
background-color: transparent;
height: 34px;
text-align: center;
border-top: 0px solid #DAE2E8;
color: #ffffff;
}

A.line:hover {
display: block;
padding-top: 12px;
padding-left: 10px
margin-left: 2px;
margin-top: 8px;
font-family: Arial;
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid #b6b6b6;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
height: 34px;
text-align: center;
border-top: 0px solid #DAE2E8;
color: #ffffff;
background-image:url(http://i53.tinypic.com/2poaxj8.jpg);}

A.line1:link, A.line1:active, A.line1:visited {
display: block;
padding-top: 12px;
padding-left: 10px
margin-left: 8px;
margin-top: 8px;
font-family: Arial;
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid transparent;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
background-color: transparent;
height: 34px;
text-align: center;
border-top: 0px solid #DAE2E8;
color: #ffffff;
}

A.line1:hover {
display: block;
padding-top: 12px;
padding-left: 10px
margin-left: 2px;
margin-top: 8px;
font-family: Arial;
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid #b6b6b6;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
height: 34px;
text-align: center;
border-top: 0px solid #DAE2E8;
color: #ffffff;
background-image:url(http://i53.tinypic.com/2poaxj8.jpg);}

A.line2:link, A.line2:active, A.line2:visited {
display: block;
padding-top: 12px;
padding-left: 10px
margin-left: 8px;
margin-top: 8px;
font-family: Arial;
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid transparent;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
background-color: transparent;
height: 34px;
text-align: center;
border-top: 0px solid #DAE2E8;
color: #ffffff;
}

A.line2:hover {
display: block;
padding-top: 12px;
padding-left: 10px
margin-left: 2px;
margin-top: 8px;
font-family: Arial;
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid #b6b6b6;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
height: 34px;
text-align: center;
border-top: 0px solid #DAE2E8;
color: #ffffff;
background-image:url(http://i53.tinypic.com/2poaxj8.jpg);}

A.line3:link, A.line3:active, A.line3:visited {
display: block;
padding-top: 12px;
padding-left: 10px
margin-left: 8px;
margin-top: 8px;
font-family: Arial;
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid transparent;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
background-color: transparent;
height: 34px;
text-align: center;
border-top: 0px solid #DAE2E8;
color: #ffffff;
}

A.line3:hover {
display: block;
padding-top: 12px;
padding-left: 10px
margin-left: 2px;
margin-top: 8px;
font-family: Arial;
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid #b6b6b6;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
height: 34px;
text-align: center;
border-top: 0px solid #DAE2E8;
color: #ffffff;
background-image:url(http://i53.tinypic.com/2poaxj8.jpg);}

#navi {
position: absolute;
top: 310px;
left: 5px;
width: 804px;
overflow:hidden;
}

#tabledescription{
font-size: 20px;
left:272px ; 
top:312px ; 
width:636px; 
height:50px;
font-family: Arial;
color: #ffffff;
text-align: right;
text-transform: uppercase;
background: url('http://i55.tinypic.com/2qlqqv4.png');
}

a:link {
color: #009ACD; 
text-decoration:none;
} 
a:visited {color: #009ACD;
text-decoration:none;  
}

a:active {color: #009ACD;  
text-decoration:none;
} 
a:hover {color: #7AC5CD;
text-decoration:none;
cursor:default;                                
}

b, strong{
   color:#00688B;
font-family: Verdana;		
font-size: 10px;	
}

i, em{
   color:#00B2EE;
font-family: Verdana;		
font-size: 10px;	
}

u{
  color: #607B8B;
  text-decoration:underline;
font-family: Verdana;		
font-size: 10px;	
}

s, strike{
   color:#36648B;
font-family: Verdana;		
font-size: 10px;	
}

font {				
color: #BCBCBC;			
font-family: Verdana;		
font-size: 10px;		
}

.bombastiic{
display: block;
font-family:Arial;
text-transform:uppercase;
font-size: 12px;
background: url('http://i53.tinypic.com/2zhplia.png');
color: #4C4C4C;
text-decoration: none;
border-bottom: 1px solid #B2B299;
border-right: 1px solid #B2B299;
margin-bottom: 6px;
margin-right: 1px;
line-height: 15pt;
text-align: left;
margin-top: 2px;
letter-spacing: 2px;
-moz-border-radius-bottomright: 10px;
test-transform: uppercase;
}

TEXTAREA { Color: #191970;
width:220px;
height:90px;
background-attachment:fixed;
Font-Family: arial;
border: 1px dotted #D6D6D6;
Background-color: #f0f8ff;
Font-Size: 11px;
}

INPUT { Color: #B1BAB5;
Background-color: #FFFFFF;
Font-Family: Verdana;
Font-Size: 10px;
width: 120px;
height: 20px;
Border: 1px solid #ECECEC;
}

.box {
margin-bottom: 10px;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-top: 0px;
width:97%;
border: 1px dotted #D6D6D6;
-moz-opacity: 0.90; 
opacity: 0.90;
background: url(http://i52.tinypic.com/ih2y6x.png);
}