bombastiiclayout2

Home

So das ist nun mein zweites Layout.
Und ich muss sagen es gefällt mir eigentlich ganz gut, ich mag es das es so klein ist.

So sieht der Text fett kursiv unterstrichen ~~durchstrichen~~ aus.

Deine Überschrift

der Code

Text über dem Design:

var fadeimages=new Array()
//Arrayerzeugung
fadeimages[0]=["http://i46.tinypic.com/2ds4x75.jpg", "", ""]
fadeimages[1]=["http://i47.tinypic.com/iwpuuq.jpg", "", ""]
fadeimages[2]=["http://i50.tinypic.com/2rzym1w.jpg", "", ""]
fadeimages[3]=["http://i49.tinypic.com/241s3cx.jpg", "", ""]
fadeimages[4]=["http://i48.tinypic.com/2dcd0n7.jpg", "", ""]
fadeimages[5]=["http://i47.tinypic.com/20utw8h.jpg", "", ""]

var fadebgcolor="#000000"

var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers

var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all

function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=10 //initial opacity degree (10%)
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) <img src="//theme.webme.com/smiles/smiley.gif" border="0" width="15" height="15" alt="" />
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array() //preload images
for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[p].src=theimages[p][0]
}

var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2

if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
else
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')

if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
this.startit()
else{
this.curimageindex++
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}
}

function fadepic(obj){
if (obj.degree<100){
obj.degree+=10
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
obj.tempobj.filters[0].opacity=obj.degree
else //else if IE5.5-
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}
else if (obj.tempobj.style.MozOpacity)
obj.tempobj.style.MozOpacity=obj.degree/101
else if (obj.tempobj.style.KhtmlOpacity)
obj.tempobj.style.KhtmlOpacity=obj.degree/100
else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
obj.tempobj.style.opacity=obj.degree/101
}
else{
clearInterval(fadeclear[obj.slideshowid])
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
obj.populateslide(obj.tempobj, obj.nextimageindex)
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
}
}

fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}

fadeshow.prototype.rotateimage=function(){
if (this.pausecheck==1) //if pause onMouseover enabled, cache object
var cacheobj=this
if (this.mouseovercheck==1)
setTimeout(function(){cacheobj.rotateimage()}, 100)
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
}
else{
var ns4imgobj=document.images['defaultslide'+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
}
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}

fadeshow.prototype.resetit=function(){
this.degree=10
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
if (crossobj.filters&&crossobj.filters[0]){
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
crossobj.filters(0).opacity=this.degree
else //else if IE5.5-
crossobj.style.filter="alpha(opacity="+this.degree+")"
}
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=this.degree/101
else if (crossobj.style.KhtmlOpacity)
crossobj.style.KhtmlOpacity=this.degree/100
else if (crossobj.style.opacity&&!crossobj.filters)
crossobj.style.opacity=this.degree/101
}

fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==0){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}
</script>

<style>

.bombastiic{
display: block;
font-family: georgia;
font-weight: bold;
font-style: italic;
text-shadow: #ffffff 0px 0px 6px;
 font-size: 12pt;
padding-left: 5px;
color: #FFFFFF;
-moz-border-radius: 10px;
text-decoration: bold;
text-align: left;
margin-bottom: 6px;
margin-right: 1px;
line-height: 4 px;
letter-spacing: -1px;
border-left: 6px solid #c0c0c0;
border-bottom: 1px solid #d0d0d0;
background-image: url('http://i47.tinypic.com/2lw2j9f.png');}

.bombastiic1{
display: block;
font-family: arial;
font-weight: bold;
font-style: italic;
text-shadow: #ffffff 0px 0px 6px;
 font-size: 14pt;
padding-left: 5px;
color: #FFFFFF;
-moz-border-radius: 10px;
text-decoration: bold;
text-align: left;
margin-bottom: 6px;
margin-right: 1px;
line-height: 4 px;
letter-spacing: -1px;
border-left: 6px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
background-image: url('http://i47.tinypic.com/2lw2j9f.png');}

#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;}
 #bling-gb_content {display: none;}
 div.header{display: none;}

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

text-decoration: none;}

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

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

body {
overflow-x: hidden;
background-image: url('http://i41.tinypic.com/142fwqw.jpg');

}

*{ padding: 0; margin: 0; }

#content {
position: absolute;
top:400px;
margin-left:395px;
width: 343px;
padding: 8px;
color:#b6b6b6;
-moz-border-radius: 10px;
font-family: tahoma,arial;
font-size:  11px;
text-align: justify;
word-spacing: px;
letter-spacing: 1px;
overflow:auto;
background-image:url(http://i47.tinypic.com/2j4x4cm.png);  
}

#textbox{
position: absolute;
left:215px;
top:395px;
-moz-border-radius: 5px;
padding: 8px;
width: 155px;
background-image:url;
border:0px solid #FFFFFF;
color: #bababa;
font-family: verdana;
font-size:  11px;

word-spacing: 0px;
letter-spacing: 0px;
overflow:auto;}

#nav_container{
position: absolute;

top:655px;
margin-left: 50px;
high: 100px;
width: 121px;
font-family: Verdana;

border:0px solid #333333;}

::-moz-selection
{
background: #000000;
color: #ffffff;
}

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);}

A.navi:link, A.navi:active, A.navi:visited {
display: block;
-moz-border-radius: 3px;
padding-left: 2px;
padding-bottom: 3px;
font-family: tahoma, arial;
font-size: 11px;
height: 10px;
margin-bottom: 2px;
border-bottom: 1px solid #ffffff;
border-left: 0px solid #ffc9d5;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
letter-spacing: 1px;
margin-right: 3px;
color: #bababa;
padding-top: 5px;
background-color: #ffffff;
text-align: left;
margin-top: 7px;
line-height: 10px;}

A.navi:hover {
display: block;
-moz-border-radius: 8px;
padding-left: 2px;
padding-bottom: 3px;
font-family: tahoma, arial;
font-size: 11px;
height: 10px;
margin-bottom: 2px;
border-bottom: 1px solid #ffffff;
border-left: 0px solid #ffc9d5;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
letter-spacing: 1px;
margin-right: 3px;
color: #afafaf;
text-shadow: #ffffff 0px 0px 4px;
background-color:#ffffff;
text-align: left;
line-height: 10px;
background-image: url('http://i47.tinypic.com/2lw2j9f.png');}

A.navi2:link, A.navi2:active, A.navi2:visited {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 10px;
font-family: Arial;
margin-left: 2px;
margin-top: 2px;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 1px solid #ffffff;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
background-color: #ffffff;
height: 15px;
border-top: 0px solid #DAE2E8;
color: #b6b6b6;
}

A.navi2:hover {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 10px;
font-family: Arial;
margin-left: 2px;
margin-top: 2px;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 1px solid #ffffff;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
height: 15px;
border-top: 0px solid #DAE2E8;
color: #ffffff;
background-image:url(http://i47.tinypic.com/2lw2j9f.png);}

</style>

<a href="http://url" class="navi2">Home</a>
<a href="http://url" class="navi2">About</a>
<a href="http://url" class="navi2">Affiliate</a>
<a href="http://url" class="navi2">G-Book</a>
<a href="http://url" class="navi2">Exit+Credits</a>
<br>

<p class="bombastiic1">Stuff</p>

<table id="table1" width="100%" border="0"><tbody>
<td style="width: 50%">
<a href="http://url" class="navi">Header</a>
<a href="http://url" class="navi">Layouts</a>
<a href="http://url" class="navi">Icons</a></td>

<td style="width: 50%">
<a href="http://url" class="navi">Wallpaper</a>
<a href="http://url" class="navi">Signaturen</a>
<a href="http://url" class="navi">Texturen</a>

</td>
</tr>
</tbody></table>
<br><br>

<p class="bombastiic1">Credits</p>

<table id="table1" width="100%" border="0"><tbody>
<td style="width: 50%">
<a href="http://bombastiic.de.tl" class="navi">Designer</a>

<td style="width: 50%">
<a href= "http://killthelights.org/thumbnails.php?album=112"class="navi">Bilder</a>
</td>
</tr>
</tbody></table>
<br><br></div>

<div  style="position: absolute; left:500px ; top:40px ; width: 100; height: 150;">
<script type="text/javascript">
new fadeshow (fadeimages, 245, 294, 0, 3000, 1, "R")
</script>
</div>

<div  style="position: absolute; left:238px ; top:80px ; width:232px; height:150px;">
<font><span style="font-family: Comic Sans MS;"><span style="font-size: smaller;">Hey und Herzlich Willkommen auf meiner Seite schaut euch ruhig um, denn es gibt hier viel zu endecken und auch viel zu bestaunen !!!<br />
<strong>Bla Bla Bla </strong></span></span><br />
</font>
</div>

<div  style="position: absolute; left:238px ; top:205px ; width:232px; height:150px;">
<font> <span style="font-family: Comic Sans MS;"><span style="font-size: smaller;">Mein Name ist Peter ich komme aus New York und lieb es Fotos zu machen! <br /><a href="http://url">Willst du mehr erfahren ?</a></span></span>
</font>
</div>

</div>
</div>

CSS-Code ohne Style Tags: