bombastiiclayout9

Home

So nach sehr sehr sehr langer Zeit (okeh so lange nun auch wieder nicht) habe ich es geschaft ein layout zu machen.
Ich mag es irgendwie eins mehr besten xD.
Die Credits bitte nicht wegmachen ( das ist sehr sehr ernstgemeint, weil die Bilder dem (c) von Picklepud aus Flickr gehören.
Ansonsten viel Spaß damit.

So sieht dein Text fett kusriv unterstrichen ~~durchstrichen~~ und als link aus.

Deine Überschrift

Der Code

Text über dem Design:

var fadeimages=new Array()
//Arrayerzeugung
fadeimages[0]=["http://i34.tinypic.com/348rqtz.png", "", ""]
fadeimages[1]=["http://i33.tinypic.com/m3urm.png", "", ""]
fadeimages[2]=["http://i34.tinypic.com/dwyj3o.png", "", ""]

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="http://theme.webme.com/smiles/smiley.gif" border="0">
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: 6px;
text-decoration: bold;
text-align: left;
margin-bottom: 6px;
margin-right: 1px;
line-height: 4 px;
letter-spacing: 1px;
border-left: 2px solid #c0c0c0;
border-bottom: 0px solid #d0d0d0;
background-image: url('http://i37.tinypic.com/9veii1.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: center;
margin-bottom: 6px;
margin-right: 1px;
line-height: 43px;
letter-spacing: 2px;
border-left: 0px solid #c71585;
border-bottom: 0px solid #d0d0d0;
background-image: url('http://i36.tinypic.com/2dch56t.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;}
 #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: #00bffF;
font-family: tahoma, arial;
text-decoration: none;}

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

body {
overflow-x: hidden;
background-image: url('http://i37.tinypic.com/ou0as9.png');

}

*{ padding: 0; margin: 0; }

#content {
position: absolute;
top:602px;
margin-left:310px;
width: 486px;
padding: 8px;
color:#b6b6b6;
-moz-border-radius: 0px;
font-family: tahoma,arial;
font-size:  11px;
text-align: justify;
word-spacing: px;
letter-spacing: 1px;
overflow:auto;
background-color: transparent;
background-image:url(xxx);  
}

#textbox{
position: absolute;
left:115px;
top:595px;
-moz-border-radius: 5px;
padding: 8px;
width: 175px;
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: center;
margin-top: 7px;
line-height: 10px;}

A.navi:hover {
display: block;
-moz-border-radius: 2px;
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: #ffffff;
text-shadow: #ffffff 0px 0px 4px;
background-color:#ffffff;
text-align: center;
line-height: 10px;
background-image: url('http://i36.tinypic.com/15ds37s.gif');}

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

A.navi2:hover {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 3px;
font-family: Arial;
margin-left: 2px;
margin-top: 2px;
font-size: 10px;
letter-spacing: 1px;
text-align: center;
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://i38.tinypic.com/205btj.gif);}

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

A.navi3:hover {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 3px;
font-family: Arial;
margin-left: 2px;
margin-top: 2px;
font-size: 10px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px 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://i30.tinypic.com/34fiphe.png);}

</style>

<div  style="position: absolute; left:838px ; top:5px ; width:72px; height:150px;">
<a href="http://bombastiic.de.tl" class="navi3">Layout</a>
</div>
<div  style="position: absolute; left:910px ; top:5px ; width:72px; height:150px;">
<a href="http://www.flickr.com/photos/27292654@N04/" class="navi3">Bilder</a>
</div>

<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">Affiliates</p>

<td style="width: 50%">
<a href="http://AFFI" target="_blank"><img src="http://i36.tinypic.com/34xgck0.png" border="0"></a> 
<a href="http://AFFI" target="_blank"><img src="http://i36.tinypic.com/34xgck0.png" border="0"></a>
</td>
</tr>
</tbody></table><br /><center>
<a href="http://URL"><span style="font-size: 10px;">Alle Partner ?</span></a><span style="font-size: 10px;"><br />
</span><a href="http://URL"><span style="font-size: 10px;"><span style="font-size: 10px;">Ich will auch Partner werden ?</span></span></a></center>
<br><br>

<p class="bombastiic1">Disclaimer</p>
<font><span style="font-family: Comic Sans MS;"><br><span style="font-size: 10px;">Ich möchte Drauf hinweisen das die Fotos die wir zum Bearbeiten verwenden im (c) der Fotographen liegen. Die Grafiken aber liegen im (c) von uns. Also bitte nicht faken oder sonst auch immer !<br />
</span></span><br />
</font>
</div></div>

<div  style="position: absolute; left:240px ; top:340px ; width: 100; height: 150;">
<script type="text/javascript">
new fadeshow (fadeimages, 559, 145, 0, 2000, 10, "R")
</script>
</div>

<div  style="position: absolute; left:288px ; top:85px ; width:232px; height:150px;">
<font><span style="font-family: Comic Sans MS;"><strong>Welcome Text </strong><br><br><span style="font-size: 10px;">Hallo und herzlich Willkommen auf meiner Seite. Wenn ihr Euch hier umschaut werdet ihr mehr über mich erfahren, aber das ist noch nicht alles, denn es gibt auch genug Stuff und vieles mehr für euch also besucht mich immer mal wieder xD wie du gemerkt hast kommt hier der welcome text hin also könnt hier auch einbisschen mehr schreiben also sonst xD<br />
</span></span><br />
</font>
</div>

<div  style="position: absolute; left:538px ; top:85px ; width:232px; height:150px;">
<font><span style="font-family: Comic Sans MS;"><strong>Affiliates/Counter usw </strong><br><br><span style="font-size: 10px;">Dieser Platz kann eigentlic für alles genutzt werden ob ihr hier eure affiliates reinmachen wollt oder eure sister Seiten oder euren counter oder eure Networks (Jappy, Facebook, Netog, Youtube) es ist euch ganz überladden also macht damit was ihr wollt xD<br />
</span></span><br />
</font>
</div>

</div>
</div>

CSS-Code ohne Style Tags:

Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht ! Richtig Dummer Und Sinnlozer Text Damit Das Hier Wenigstens Einbisschen Länger Aussieht Und Man Mehr Vom Layout Sieht !