M A I N layout \\\\\\

Index

Das ist eines meiner alten Mainlayouts. Ich mag dieses Layout immernoch total :D Anscheinend gefiel es auch ein paar Usern, deswegen biete ich es nun an. Als Extras gibt es die runden Icons, die zurück und vor Icons und die Cutie Icons, die ich auch benutzt habe. Wenn ich mir das Layout so ansehe, dann will ich es wieder benutzen xD An dem Layout wurde also fast nichts geändert. Sogar der Kalender, den ich auch benutzt habe, ist auch in der Navi.

Regeln

Hier lesen

Extras

Myblog Code

<html>
<HEAD>
<TITLE>M A I N layout \\\\\\</TITLE>
<link rel="stylesheet" type="text/css" href="style.css">

var fadeimages=new Array()
//Arrayerzeugung
fadeimages[0]=["http://scandalousprincess.de/graphics/lays/mainlayout/header1.png", "", ""]
fadeimages[1]=["http://scandalousprincess.de/graphics/lays/mainlayout/header2.png", "", ""]
fadeimages[2]=["http://scandalousprincess.de/graphics/lays/mainlayout/header3.png", "", ""]
fadeimages[3]=["http://scandalousprincess.de/graphics/lays/mainlayout/header4.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>

<div align="justify"
 id="entry" class="inhaltetable" style="FILTER: chroma (color=#FAFAF8); style=4 border-collapse: collapse; overflow:auto; width:447; position:absolute; left:484; top:120; height:auto; background=#ffffff"">
{PLACE_CONTENT}

<style>

body,  td {		
line-height: 13px;		
font-family: tahoma; 		
font-size: 11px;
color:#404040;	
overflow: auto;
background-color: transparent;	
}

font {
line-height: 11px;		
font-family: georgia; 		
font-size: 11px;
color:#404040;
}

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

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

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

a {						
text-decoration: none;
font-family: tahoma;
font-size: 9px;
text-transform:uppercase;
color: #808080;
border-bottom: 0px;
letter-spacing: 1px;
background:transparent;			
}

A:hover {			 	
text-decoration: none;
font-family: tahoma;
text-transform:uppercase;
color: #e57c9e;
font-size: 9px;
border-bottom: 0px dashed #d5356d;
cursor: crosshair;
letter-spacing: 1px;
background: transparent;			
}

A.navi:link, A.navi:active, A.navi:visited {
display: block;
padding-left: 2px;
font-family: georgia;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 2px;
border-bottom: 1px solid #f0eeee;
color: #808080;
text-align: center;
line-height: 15px;
width: 150px;
background:transparent;
}

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

.head {
display: block;
font-family: Edwardian Script ITC;
font-size: 30px;
color: #e05f88;
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: 1px solid #eeecec;
background:url(http://scandalousprincess.de/graphics/lays/mainlayout/head.png);
}

.head2 {
display: block;
font-family: Edwardian Script ITC;
font-size: 30px;
color: #e05f88;
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/mainlayout/head2.png);
}

.headtut {
display: block;
font-family: century gothic;
font-size: 9px;
color: #ffffff;
text-transform:none;
text-decoration: none;
margin-bottom: 2px;
margin-right: 1px;
line-height: 9pt;
letter-spacing: 1px;
margin-top: 0px;
text-align: center;
border-bottom: 1px solid #e8e8e8;
background:url(http://scandalousprincess.de/graphics/lays/mainlayout/headtut.png);
}

.kasten {
display: block;
border-bottom: 2px solid #e2e2e2;
border-left: 2px solid #e2e2e2; 
border-right: 2px solid #e2e2e2; 
border-top: 2px solid #e2e2e2;
background: transparent;
}

.kasten2 {
display: block;
border-bottom: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8; 
border-right: 1px solid #e8e8e8; 
border-top: 1px solid #e8e8e8;
background: #f6f4f4;
text-align: center;
width: 100px;
}

.kasten4 {
display: block;
border-bottom: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8; 
border-right: 1px solid #e8e8e8; 
border-top: 1px solid #e8e8e8;
background: #f6f4f4;
width: 173px;
}

.updates {
display: block;
border-bottom: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8; 
border-right: 1px solid #e8e8e8; 
border-top: 1px solid #e8e8e8;
background: #f6f4f4;
text-align: left;
width: 173px;
}

.border {
border-bottom: 0px solid #202020;
border-left: 0px solid #202020; 
border-right: 0px solid #202020; 
border-top: 0px solid #202020;
border: 4px solid #f6f4f4;
}

td.month {
color: none;
font-family: none;
font-size: none;
text-decoration: none;
text-transform: uppercase;
text-align: none;
background-color: #ffffff;
border: 0px dotted #2bc2f2;
}
	
td.week {
color: #404040;
font-family: tahoma;
font-size: 9px;
text-decoration: none;
text-transform: uppercase;
text-align: center;
background-color: #fae4eb;
border: 0px solid #f5cbd9; 
}

td.day {
color: #808080;
font-family: tahoma;
font-size: 9px;
font-weight: normal;
text-decoration: none;
text-transform: none;
text-align: center;
background-color: #f5f5f5;
border-left: 0px solid #fae0e9; 
border-right: 0px solid #fae0e9; 
border-top: 0px solid #fae0e9; 
border-bottom: 0px solid #fae0e9;
}

td.marked {
color: 	#808080;
font-family: tahoma;
font-size: 9px;
font-weight: normal;
text-decoration: none;
text-transform: none;
text-align: center;
background-color: #fce8f0;
border-left: 0px solid #7a7a7a; 
border-right: 0px solid #000000; 
border-top: 0px solid #7a7a7a; 
border-bottom: 0px solid #000000;
}

TEXTAREA,INPUT {		
color: #404040; 	
font-family: tahoma;			
font-size: 9px;
border-bottom: 1px solid #dcdada;
border: 1px solid #dcdada;
background: #f5f5f5;	
}

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

<div  style="position: absolute; left:227; top: 22; width: 800; height: 35;">
<center><FONT style="FONT-SIZE: 17pt; COLOR:#ffffff; LINE-HEIGHT: 35pt; FONT-FAMILY: century gothic; LETTER-SPACING: 0pt; text-transform:uppercase;">Beispieltext.de</font></center>
</div>

<div  style="position: absolute; left:321; top: 95; width: 100; height: 35;">
<script type="text/javascript">
new fadeshow(fadeimages, 150, 300, 0, 3000, 1, "R")
</script>
</div>

<div  style="position: absolute; left:321; top: 406; width: 150; height: 35;">
<div class=head2>Main</div>
<a href="index.php" class=navi>Refresh</a>
<a href="domain.php" class=navi>Domain</a>
<a href="webmiss.php" class=navi>Webmiss</a>
<a href="exit.php" class=navi>Exit</a>
<br><br>
<div class=head2>Graphics</div>
<a href="regeln.php" class=navi>Regeln</a>
<a href="icons.php" class=navi>Icons</a>
<a href="lays.php" class=navi>Layouts</a>
<a href="pixel.php" class=navi>Pixel</a>
<a href="walls.php" class=navi>Wallpaper</a>
<br><br>
<div class=head2>Reviews</div>
<a href="animalcrossing.php" class=navi>Animal Crossing</a>
<a href="hginfo.php" class=navi>Haunting Ground</a>
<a href="stepup.php" class=navi>Step Up</a>
<a href="acinderellastory.php" class=navi>Another Cinderella Story</a>
<a href="edward.php" class=navi>Edward mit den Scherenhänden</a>
<br><br>
<div class=head2>Other</div>
<a href="tuts.php" class=navi>Tutorials</a>
<a href="dodosquiz/dodosquiz/dodosquiz.php?n=1" target=_blank class=navi>Quizzes</a>
<a href="sotm.php" class=navi>Site of the month</a>
<br><br>
<table tableborder="0" cellpadding="0" cellspacing="1" width="150" align="center">
<tr>
<td colspan="7" class="month"><div class=head2>September</div></td>
</tr>
<tr>
<td class="week">Mo</td>
<td class="week">Di</td>
<td class="week">Mi</td>
<td class="week">Do</td>
<td class="week">Fr</td>
<td class="week">Sa</td>
<td class="week">So</td>
</tr>
	
<tr>
<td class="day"> </td>
<td class="day">1</td>
<td class="marked"><i><a title="Beispiel">2</a></i></td>
<td class="marked"><i><a title="Beispiel">3</a></i></td>
<td class="day">4</td>
<td class="marked"><i><a title="Beispiel">5</a></i></td>
<td class="day">6</td>
</tr>
				
<tr>
<td class="marked"><i><a title="Beispiel">7</a></i></td>
<td class="marked"><i><a title="Beispiel">8</a></i></td>
<td class="day">9</td>
<td class="day">10</td>
<td class="day">11</td>
<td class="day">12</td>
<td class="day">13</td>
</tr>
	
<tr>
<td class="marked"><i><a title="Beispiel">14</a></i></td>
<td class="day">15</td>
<td class="day">16</td>
<td class="day">17</td>
<td class="day">18</td>
<td class="day">19</td>
<td class="day">20</td>
</tr>
	
<tr>
<td class="day">21</td>
<td class="day">22</td>
<td class="day">23</td>
<td class="day">24</td>
<td class="day">25</td>
<td class="day">26</td>
<td class="day">27</td>
</tr>

<tr>
<td class="day"> </td>
<td class="day"> </td>
<td class="day"> </td>
<td class="day"> </td>
<td class="day"> </td>
<td class="day"> </td>
<td class="day"> </td>
</tr>
</table>
<br><br>
<div class=head2>Cuties</div>
<center><a href="http://HPADRESSE" target=_blank><img src="http://scandalousprincess.de/graphics/lays/mainlayout/cutie2.png" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'" border=0 alt="Beispiel"></a> <a href="http://HPADRESSE" target=_blank><img src="http://scandalousprincess.de/graphics/lays/mainlayout/cutie3.png" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'" border=0 alt="Beispiel"></a> <a href="http://HPADRESSE" target=_blank><img src="http://scandalousprincess.de/graphics/lays/mainlayout/cutie4.png" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'" border=0 alt="Beispiel"></a> <a href="http://HPADRESSE" target=_blank><img src="http://scandalousprincess.de/graphics/lays/mainlayout/cutie5.png" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'" border=0 alt="Beispiel"></a> <a href="http://HPADRESSE" target=_blank><img src="http://scandalousprincess.de/graphics/lays/mainlayout/cutie7.png" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'" border=0 alt="Beispiel"></a> <a href="http://HPADRESSE" target=_blank><img src="http://scandalousprincess.de/graphics/lays/mainlayout/cutie1.png" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'" border=0 alt="Beispiel"></a></center>
<br>
<div class=head2>Visits</div>
<center>Hier könnte der Counter hin</center>
<br><br>
<div class=head2>Best view</div>
Internet Explorer, 1280x800px
<br><br>
<div class=head2>Designed by</div>
<a href="http://scandalousprincess.de" target=_blank class=navi>ScandalousPrincess</a>
</div>
<div style="overflow:auto; width:1px; height:1px;">
{PLACE_POWEREDBY}
</body>
</html>

September
Mo	Di	Mi	Do	Fr	Sa	So
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30