M A I N layout \\\\\\

Willkommen

Das war eines meiner Mainlayouts. Das Layout war recht lange online, weil ich es auch so mag. Ich hätte es gerne online gelassen, aber irgendwie konnte ich es nicht mehr sehen xD Kennen bestimmt viele, es gefällt einem super, aber man muss einfach was Neues haben. Oben im Header könnt ihr eure Cuties hinmachen. Man kann auch was anderes hinmachen oder es einfach leer lassen, sieht dann vielleicht nur nicht so gut aus.

Scrolltest

Scrolltest, deswegen wiederholt sich hier alles... Das war eines meiner Mainlayouts. Das Layout war recht lange online, weil ich es auch so mag. Ich hätte es gerne online gelassen, aber irgendwie konnte ich es nicht mehr sehen xD Kennen bestimmt viele, es gefällt einem super, aber man muss einfach was Neues haben. Oben im Header könnt ihr eure Cuties hinmachen. Man kann auch was anderes hinmachen oder es einfach leer lassen, sieht dann vielleicht nur nicht so gut aus. Das war eines meiner Mainlayouts. Das Layout war recht lange online, weil ich es auch so mag. Ich hätte es gerne online gelassen, aber irgendwie konnte ich es nicht mehr sehen xD Kennen bestimmt viele, es gefällt einem super, aber man muss einfach was Neues haben. Oben im Header könnt ihr eure Cuties hinmachen. Man kann auch was anderes hinmachen oder es einfach leer lassen, sieht dann vielleicht nur nicht so gut aus. Das war eines meiner Mainlayouts. Das Layout war recht lange online, weil ich es auch so mag. Ich hätte es gerne online gelassen, aber irgendwie konnte ich es nicht mehr sehen xD Kennen bestimmt viele, es gefällt einem super, aber man muss einfach was Neues haben. Oben im Header könnt ihr eure Cuties hinmachen. Man kann auch was anderes hinmachen oder es einfach leer lassen, sieht dann vielleicht nur nicht so gut aus. Das war eines meiner Mainlayouts. Das Layout war recht lange online, weil ich es auch so mag. Ich hätte es gerne online gelassen, aber irgendwie konnte ich es nicht mehr sehen xD Kennen bestimmt viele, es gefällt einem super, aber man muss einfach was Neues haben. Oben im Header könnt ihr eure Cuties hinmachen. Man kann auch was anderes hinmachen oder es einfach leer lassen, sieht dann vielleicht nur nicht so gut aus. Das war eines meiner Mainlayouts. Das Layout war recht lange online, weil ich es auch so mag. Ich hätte es gerne online gelassen, aber irgendwie konnte ich es nicht mehr sehen xD Kennen bestimmt viele, es gefällt einem super, aber man muss einfach was Neues haben. Oben im Header könnt ihr eure Cuties hinmachen. Man kann auch was anderes hinmachen oder es einfach leer lassen, sieht dann vielleicht nur nicht so gut aus.

Regeln

Hier lesen

Myblog Code

<html>
<HEAD>
<TITLE>M A I N layout \\\\\\</TITLE>
<link rel="stylesheet" type="text/css" href="style.css">
<body style="overflow-x: hidden; y: scroll;">

var fadeimages=new Array()
//Arrayerzeugung
fadeimages[0]=["http://scandalousprincess.de/graphics/lays/mainlayout2/header1.png", "", ""]
fadeimages[1]=["http://scandalousprincess.de/graphics/lays/mainlayout2/header2.png", "", ""]
fadeimages[2]=["http://scandalousprincess.de/graphics/lays/mainlayout2/header3.png", "", ""]
fadeimages[3]=["http://scandalousprincess.de/graphics/lays/mainlayout2/header4.png", "", ""]
fadeimages[4]=["http://scandalousprincess.de/graphics/lays/mainlayout2/header5.png", "", ""]

var fadebgcolor="#ffffff"

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) :)
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>

<body background="http://scandalousprincess.de/graphics/lays/mainlayout2/bg.png"ONLOAD="preloadImages();">
<img src="http://scandalousprincess.de/graphics/lays/mainlayout2/layout.png" width="1280" height="700" BORDER=0 STYLE="position:absolute; top: 0; left:0" usemap="#by">
<map name="by">
<area shape="rect" coords="758,267,944,281" href="http://scandalousprincess.de" target="_blank" alt="designed by scandalousprincess.de">
</map>
<div style="text-align:justify; overflow:auto; width:478; position:absolute; left:484; top:345; height:auto; background=transparent">
{PLACE_CONTENT}

font {
line-height: 13px;		
font-family: tahoma; 		
font-size: 11px;
color: #404040;		
overflow: auto;
}

b { 				
color: #c84c6c;		
font-family: tahoma;
font-weight: georgia;
letter-spacing: 0px;		
font-size:9px;			
}

i  {
color: #bf4560;
font-weight: Verdana;
text-decoration: none;		
font-family:georgia; 		
font-size:9px;
letter-spacing: 2px;
}

u {
color:#202020; 
text-decoration: none; 
border-bottom: 1px solid; 
border-color: #c84c6c;
font-family: Verdana; 		
font-size:9px;
letter-spacing: 0px;
}

a {						
text-decoration: none;
font-family: verdana;
font-size: 8px;
font-weight: normal; 
font-style: italic;
text-transform:uppercase;
color: #404040;
border-bottom: 0px dashed #fc8aaa;
letter-spacing: 1px;
background: transparent;			
}

A:hover {			 	
text-decoration: none;
font-family: verdana;
font-weight: normal;
font-style: none;
text-transform:uppercase;
color: #ffffff;
font-size: 8px;
border-bottom: 0px solid #fc8aaa;
cursor: crosshair;
letter-spacing: 1px;
background:url(http://scandalousprincess.de/graphics/lays/mainlayout2/k.png);			
}

A.navi:link, A.navi:active, A.navi:visited {
display: block;
padding-left: 2px;
font-family: georgia;
font-size: 9px;
font-weight: normal;
font-style: none;
text-transform: uppercase;
letter-spacing: 2px;
border-bottom: 0px solid #f0eeee;
color: #808080;
text-align: center;
line-height: 15px;
width: 150px;
background:url(http://scandalousprincess.de/graphics/lays/mainlayout2/navi.png);
}

A.navi:hover {
display: block;
padding-left: 2px;
font-family: georgia;
background:url(http://scandalousprincess.de/graphics/lays/mainlayout2/navihover.png);
font-size: 9px; 
text-transform: uppercase;
letter-spacing: 2px;
border-bottom: 0px solid #f8dce5;
color: #ffffff;
text-align: center;
line-height: 15px;
width: 150px;
}

.head {
display: block;
font-family: Edwardian Script ITC;
font-size: 30px;
color: #d35877;
text-transform: none;
text-decoration: none;
margin-bottom: 0px;
margin-right: 0px;
line-height: 25pt;
letter-spacing: 1px;
margin-top: 0px;
text-align: center;
border-bottom: 0px solid #c1c2bd;
background:url(http://scandalousprincess.de/graphics/lays/mainlayout2/head.png);
}

.head2 {
display: block;
font-family: Edwardian Script ITC;
font-size: 30px;
color: #d35877;
text-transform:none;
text-decoration: none;
margin-bottom: 6px;
margin-right: 1px;
line-height: 20pt;
letter-spacing: 1px;
margin-top: 0px;
text-align: left;
border-bottom: 0px solid #eeecec;
background:url(http://scandalousprincess.de/graphics/lays/mainlayout2/head2.png);
}

TEXTAREA,INPUT {		
color: #404040; 	
font-family: tahoma;			
font-size: 9px;
border-bottom: 1px solid #acacac;
border: 1px solid #dcdada;
background:url(http://scandalousprincess.de/graphics/lays/mainlayout2/gb.png);	
}

TEXTAREA {
width: 200; 
height: 100;
}
</style>

<div  style="position: absolute; left:467; top: 235; width: auto; height: 100;">
<center><FONT style="FONT-SIZE: 27pt; COLOR:#f7f7f7; LINE-HEIGHT: 27pt; FONT-FAMILY: times new roman; LETTER-SPACING: 0pt; text-transform:uppercase;">Dein Homepagetitel.de</font></center> 
</div>

<div  style="position: absolute; left:571; top: 139; width: 100; height: 35;">
<script type="text/javascript">
new fadeshow(fadeimages, 63, 42, 0, 3000, 1, "R")
</script>
</div>

<div  style="position: absolute; left:324; top: 345; width: 150; height: auto;">
<div class=head2>Main</div>
<a href="index.php" class=navi>Refresh</a>
<a href="zusatzseite.php" class=navi>Guestbook</a>
<a href="zusatzseite.php" class=navi>Domain</a>
<a href="zusatzseite.php" class=navi>Webmiss</a>
<a href="zusatzseite.php" class=navi>Exit</a>
<br><br>
<div class=head2>Graphics</div>
<a href="zusatzseite.php" class=navi>Regeln</a>
<a href="zusatzseite.php" class=navi>Icons</a>
<a href="zusatzseite.php" class=navi>Layouts</a>
<a href="zusatzseite.php" class=navi>Pixel</a>
<a href="zusatzseite.php" class=navi>Wallpaper</a>
<br><br>
<div class=head2>Header</div>
<a href="zusatzseite.php" class=navi>Link</a>
<a href="zusatzseite.php" class=navi>Link</a>
<a href="zusatzseite.php" class=navi>Link</a>
<a href="zusatzseite.php" class=navi>Link</a>
<a href="zusatzseite.php" class=navi>Link</a>
<br><br>
<div class=head2>Visits</div>
<center>Hier könnte der Counter hinkommen</center>
<br>
<div class=head2>Best view</div>
Internet Explorer, 1280x800px
<br>
<div class=head>Designed by</div>
<a href="http://scandalousprincess.de" target=_blank class=navi>Scandalous Princess</a> 
</div>

<SCRIPT>
/*
Gradual-Highlight Image Script II-
By J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca)
Permission granted to Dynamicdrive.com to feature script in archive
For full source to script, visit http://dynamicdrive.com
*/
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
/* object - image to be faded (actual object, not name);
 * destop - destination transparency level (ie 80, for mostly solid)
 * rate   - time in milliseconds between trasparency changes (best under 100)
 * delta  - amount of change each time (ie 5, for 5% change in transparency)
 */
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
    if (object != "[object]"){  //do this so I can take a string too
        setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
        return;
    }
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
    diff = destOp-object.filters.alpha.opacity;
    direction = 1;
    if (object.filters.alpha.opacity > destOp){
        direction = -1;
    }
    delta=Math.min(direction*diff,delta);
    object.filters.alpha.opacity+=direction*delta;
    if (object.filters.alpha.opacity != destOp){
        nereidFadeObjects[object.sourceIndex]=object;
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
    }
}
</SCRIPT>
<div style="overflow:auto; width:1px; height:1px;">
{PLACE_POWEREDBY}
</body>
</html>