>>Last goodbye____________ by Sara Wieder mal was neues. Gut, dass Yvi so einen schönen Mustercode für die Öffentlichkeit bereit gestellt hat. Ist zwar nur schwarz-weiß, aber wer zB kommentiert wird ja noch das schöne Bild da sehen ^^
. . . 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
layout erstellt von http://twosome.inimitable.myblog.de/ & http://verbrannte.narben.myblog.de -->

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

body 
{
overflow: hidden;
background: #191919;

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


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

font
{FONT-FAMILY: tahoma; FONT-SIZE: 7pt; COLOR: #000;}

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

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

textarea, input
{background-image:url('http://img407.imageshack.us/img407/2627/lastgoodbyetextarea5yh.jpg');
  border-width: 1px;
  border-color: #ACACAC;
  border-style: solid; 
  Font-Family: Tahoma;
  Font-Size: 7pt;
  color: #ACACAC;
} 
  
textarea 
{width: 250; height: 188;} 


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

a:hover 
{COLOR: #999; cursor: help;} 


a.white, a.white:link, a.white:active, a.white:visited 
{COLOR: #CCC;  text-decoration: none;} 

a.white:hover 
{COLOR: #FFF;  text-decoration: underline;} 


table#horizon 
{
 position: absolute; top: 22px; left: 0px;
 height: 500px; background: #FFF;
}

td.navigate 
{text-align: justify;} 

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

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>


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

<td width="130" valign="top" class="navigate">
     <h1>Site</h1>
     Diese Seite gibt es seit dem xx.xx.xxxx. Aber deswegen ist sie auch 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>
     <h1>Best view</h1>
Mozilla Firefox; 1024x768
</td>


<td width="20"></td>


<td width="700">
<div style="height: 500px; overflow: auto;">
{PLACE_CONTENT}
</div>
</td>


<td width="300"><img src="//img159.imageshack.us/img159/1081/lastgoodbyebild1yp.jpg" width="300" height="500" border="0"></td> 


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

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

</body>
</html>