twilight \\\\\\\\\\\

Willkommen

Ich mag das Layout :) Ich habe es etwas wie mein eigenes Mainlayout gemacht, weil es vielen gefiel. Da dachte ich mir, mache ich für euch halt auch so ein ähliches Layout, vielleicht gefällt das auch jemandem... Ich finde das sogar etwas schöner, als mein eigenes. Ich glaube, es ist auch mal wieder etwas schlicht geworden. Wie ihr seht, habt ihr viel Platz in der Navi. Ihr müsst das alles aber natürlich nicht benutzen. Ihr könnt den Rest löschen, wenn ihr das nicht möchtet.

Regeln

Hier lesen

Extras

Myblog Code

<html>
<HEAD>
<TITLE>twilight \\\\\\\\\\\</TITLE>
<link rel="stylesheet" type="text/css" href="style.css">
<body style="overflow-x: hidden; y: scroll;">
<script type="text/javascript">
/***********************************************
* Ultimate Fade-In Slideshow (v1.51): Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

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

var fadebgcolor="#b4a089"

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/twilight2/bg.png"ONLOAD="preloadImages();">
<img src="http://scandalousprincess.de/graphics/lays/twilight2/header.png" width="1003" height="400" BORDER=0 STYLE="position:absolute; top: 0; left:0"usemap="#designed" alt="" name="mainlay">
<map name="designed">
<area shape="rect" coords="114,221,263,234" href="http://little-kitty.de.hm" target="_blank" alt="designed by ScandalousPrincess.de">
</map>
<div align="justify"
 id="entry" class="inhaltetable" style="FILTER: chroma (color=#FAFAF8); style=4 border-collapse: collapse; overflow:auto; width:450; position:absolute; left:490; top:5; height:auto; background:url(http://scandalousprincess.de/graphics/lays/twilight2/bg.png)">

{PLACE_CONTENT}

font {
line-height: 11px;		
font-family: arial; 		
font-size: 11px;
color:#41331d;
}

b { 				
color: #818d49;		
font-family: georgia;
font-weight: Verdana;
letter-spacing: 0px;		
font-size:10px;			
}

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

u {
color:#6e793f; 
text-decoration: none; 
border-bottom: 1px solid; 
border-color: #88899b;
font-family: Verdana; 		
font-size:10px;
letter-spacing: 0px;
}

a {						
text-decoration: none;
font-family: tahoma;
font-size: 11px;
text-transform:lowercase;
color: #b05b50;
border-bottom: none;
letter-spacing: 1px;
background: transparent;			
}

A:hover {			
background: transparent; 	
text-decoration: none;
font-family: tahoma;
text-transform:lowercase;
color: #404040;
font-size: 11px;
border-bottom: 1px solid #ab9248;
cursor: crosshair;
letter-spacing: 1px;			
}

A.navi:link, A.navi:active, A.navi:visited {
display: block;
padding-left: 2px;
font-family: times new roman;
font-size: 12px;
margin-bottom: 1px;
text-transform: lowercase;
background:url(http://scandalousprincess.de/graphics/lays/twilight2/navi.png);
border-bottom: 1px solid #ab996f;
border-left: 0px solid #ebe9e9; 
border-right: 0px solid #e99e87; 
border-top: 0px solid #ebe9e9; 
letter-spacing: 2px;
color: #958d45;
text-align: center;
line-height: 18px;
width: 140px;
}

A.navi:hover {
display: block;
padding-left: 2px;
font-family: Tahoma;
background:transparent;
font-size: 11px;
margin-bottom: 1px;
border-bottom: 1px solid #bbac83;
border-left: 0px solid #c0c0c0; 
border-right: 0px solid #c0c0c0; 
border-top: 0px solid #ebe9e9; 
text-transform:none;
letter-spacing: 2px;
color: #945f3c;
text-align: center;
line-height: 18px;
width: 140px;
}

.head {
display: block;
font-family: Edwardian Script ITC;
font-size: 38px;
color: #7e6638;
text-transform:lowercase;
text-decoration: none;
margin-bottom: 6px;
margin-right: 1px;
line-height: 14pt;
letter-spacing: 1px;
margin-top: 0px;
text-align: right;
border-bottom: 1px solid #a69574;
background:url(http://scandalousprincess.de/graphics/lays/twilight2/head.png);
}

.head2 {
display: block;
font-family: Edwardian Script ITC;
font-size: 23px;
color: #7e6638;
text-transform:lowercase;
text-decoration: none;
margin-bottom: 6px;
margin-right: 1px;
line-height: 11pt;
letter-spacing: 1px;
margin-top: 0px;
text-align: right;
border-bottom: 1px solid #a69574;
background:url(http://scandalousprincess.de/graphics/lays/twilight2/head2.png);
}

TEXTAREA,INPUT {		
color: #41331d; 	
font-family: arial;			
font-size: 11px;
border-bottom: 1px solid #a69574;
border: 1px solid #a69574;
background: transparent;	
}

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

<div  style="position: absolute; left:58; top: 66; width: 100; height: 150;">
<script type="text/javascript">
new fadeshow(fadeimages, 214, 153, 0, 3000, 1, "R")
</script>
</div>

<div  style="position: absolute; left:15; top: 350; width: 140; height: auto;">
<div class=head2>willkommen</div>
<div align=center>Auf meiner Seite findest du Sachen über mich, ein paar Grafiken, Blog Einträge usw. Ich würde mich über ein Feedback freuen, wie dir meine Seite gefällt und so... Bla bla das ist ein Beispiel.
Ich wünsche dir nun viel Spaß auf meiner Seite.</div>
<br>
<div class=head2>Navigation</div>
<a href="index.php" class=navi>Index</a>
<a href="zusatzseite.php" class=navi>Domain</a>
<a href="zusatzseite.php" class=navi>Gästebuch</a>
<a href="zusatzseite.php" class=navi>Affilates</a>
<a href="zusatzseite.php" class=navi>Exit</a> 
</div>

<div  style="position: absolute; left:167; top: 330; width: 145; height: auto;">
<div class=head2>the girl</div>
<img src="http://scandalousprincess.de/graphics/lays/twilight2/ava1.png" align=left>Hallo, ich bin Beispiel und bin 18 Jahre alt. Ich liebe Webdesign, lesen und bin ein großer Twilight Fan. Ich wohne in Beispiel und habe zwei Geschwister. Ich mag keine Insekten und Streit. Ihr könnt hier auch etwas ganz anderes reinschreiben. Es muss ja nichts über euch hier stehen :) Vielleicht könnte hier ein schönes Gedicht rein, oder ein schönes Zitat aus Twilight. Oooder, vielleicht eine kleine Bildergallerie.<br>
<div align=right><a href="zusatzseite.php">mehr?</a></div>
<br>
<div class=head2>domain</div>
<div align=center>Meine Seite gibt es seit dem 29.03.2009 Ich hatte vor dieser Seite noch viele andere und bla bla :)</div> 
</div>

<div  style="position: absolute; left:330; top: 310; width: 140; height: auto;">
<div class=head2>Trash</div>
<a href="zusatzseite.php" class=navi>Regeln</a>
<a href="zusatzseite.php" class=navi>Pixel</a>
<a href="zusatzseite.php" class=navi>Layouts</a>
<a href="zusatzseite.php" class=navi>Header</a>
<a href="zusatzseite.php" class=navi>Blends</a>
<a href="zusatzseite.php" class=navi>Texturen</a>
<br>
<div class=head2>design by</div>
<a href="http://scandalousprincess.de" target=_blank class=navi>Scandalous Princess</a> 
</div>
<div style="overflow:auto; width:1px; height:1px;">
{PLACE_POWEREDBY}
</body>
</html>