>>Chester Bennington____________ by Sara Ich liebe dieses Bild. Ich liebe die Stimme von diesem Mann. Auch, wenn das neue Album auf sich warten lässt, Linkin Park ist einfach die geilste Band der Welt
. . . An die Rules halten & Spaß haben!
→ Gästebucheintrag

Style

bold
underline
italic
~~stroke~~

Codes

Titel

<h1>Dein Titel</h1>

Layout

<html>
<head>

<!-- mustercode für ein "horizontales" layout erstellt von http://outoftheline.de-->

<style type="text/css">
<!--

/*------------------------- 
einstellungen im body (scrollbars sind ausgeschaltet)
>> die scrollerfarben sind an den content angepasst
--*/

body 
{
overflow: hidden;
background: #333;

scrollbar-arrow-color: #999;
scrollbar-face-color: #999; 
scrollbar-3dlight-color: #000; 
scrollbar-darkshadow-color: #000;
scrollbar-highlight-color: #000;
scrollbar-shadow-color: #000;
scrollbar-track-color: #000; 
} 



/*------------------------- 
allgemeine schrifteinstellungen + für fette, kursive etc. schrift + überschrift
padding-left bitte nicht entfernen
--*/

td, div, input, textarea, body 
{
 FONT-FAMILY: tahoma; FONT-SIZE: 7pt; COLOR: #FFF; 
 line-height: 111%; padding-left: 1px;
} 

b {COLOR: #ACACAC; letter-spacing: 1px;}
i {COLOR: #ACACAC; letter-spacing: 1px;}
u {COLOR: #999999; letter-spacing: 1px;}
s {COLOR: #999999; letter-spacing: 1px;}

h1 
  {
   FONT-SIZE: 7pt; COLOR: #FFF; FONT-WEIGHT: normal;
   letter-spacing: 2px; line-height: 95%; 
   margin: 4px 0px; border-bottom: 1px solid #CCC;
  }
   
   

/*------------------------- 
einstellungen für textarea und input
--*/

textarea, input
{ background: #000;
  border-width: 1px;
  border-color: #ACACAC;
  border-style: solid; 
} 
  
textarea 
{width: 200; height: 140;} 



/*------------------------- 
linkzeug
--*/

a, a:link, a:active, a:visited 
{COLOR: #ACACAC; text-decoration: underline;} 

a:hover 
{COLOR: #FFF; cursor: s-resize;} 



/*------------------------- 
position, höhe und hintergrundfarbe des tables, bitte bei left immer 0px stehen lassen
+ einstellungen für die navigation mit extra linkeinstellungen
--*/

table#horizon 
{
 position: absolute; top: 50px; left: 0px;
 height: 300px; background: #000;
}

td.navigate 
{text-align: justify;} 

td.navigate a, td.navigate a:active, td.navigate a:visited,
{border-bottom: 1px solid #ACACAC} 

td.navigate a:hover
{border-bottom: 1px solid #999}


/*------------------------- 
nicht ändern!
--*/

.inhaltetable{width: 100%;}
-->
</style>
</head>

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0>

<!-- 
werbung weg -->
<div style=" visibility: hidden; position: absolute; left: 0px; bottom: 0px;">{PLACE_POWEREDBY}</div>


<table id="horizon" cellspacing="0" cellpadding="0" border="0" width="100%">   
<tr>

<!-- navi
breite der navi anpassen
valign="top" nicht rausnehmen -->
<td width="130" valign="top" class="navigate">
     <h1>Site</h1>
     Diese Seite gibt es seit dem xx.xx.xxxx. Aber deswegen ist sie ach schon so lange lesenswert! <br>
     <a href="/{PLACE_NAME}">start</a> |
     <a href="/{PLACE_NAME}/archivebymonth">archive</a> |
     <a href="/{PLACE_NAME}/gb">pergament</a>
     <h1>'Bout</h1>
     Ich kann nicht verstehen, was dich an mir interessiert. Aber wenn du wirklich was lesen willst; klick <a href="/{PLACE_NAME}/about">hier</a>!
     <h1>Playlist</h1>
      Lieder, Besucherzähler, vllt ein Spruch. Oder sowas. Hast du einen für mich?
     <h1>Add on</h1>
     Links, extern intern. Klick einfach.! <br>
     <a href="URL">one</a>,
     <a href="URL">zwei</a>,
     <a href="URL">tres</a>,
     <a href="URL">four</a>,
     <a href="URL">quinque</a>
</td>

<!-- abstand 
zwischen content und navi -->
<td width="10"></td>


<!-- content
im td die breite des contents bestimmen
im div die höhe des tables (table#horizon) nochmal angeben -->
<td width="300">
<div style="height: 418px; overflow: auto;">
{PLACE_CONTENT}
</div>
</td>


<!-- bild
die breite des bildes muss im img-tag und im td genau angegeben sein -->
<td width="600"><img src="//img180.imageshack.us/img180/8707/enter5gv8.jpg" width="600" height="418" border="0"></td> 


<td></td>
</tr>
</table>

<div style="position: absolute; left: 5; top: 450;" align="right"><a href="http://outoftheline.de" target="_blank" >code</a>, <a href="http://myblog.de" target="_blank">host</a>, <a href="http://twosome.inimitable.myblog.de" target="_blank">design</a>, <a href="http://verbrannte.narben.myblog.de" target="_blank">designerin</a></div>

</body>
</html>