Dein Titel

♥ Mermaids Pearl

Hallo meine Lieben ♥.
Hier habe ich mein erstes Layout auf Ever-Winx, eigentlich sollte es ja ein Div werden, aber ich habe mich doch entschieden, es zu einem Oyla Layout zu coden. Der Aufbau ist relativ schlicht, Oben und in der Navigation findet ihr Affliates bzw. Cutie Buttons. Neben dem Header habe ich einen kleinen Einführungstext eingeschrieben. Ihr könnt euren Seitentitel beliebig verändern, das gefällt mir besonders an dem Layout : ). Ein kleines Extra ist neben dem Header, das Imagemapping, dort könnt ihr eure Gästebuch und Home URL angeben, außerdem gefällt der Header sehr gut, die Texturen sind von ICONatic und einige Brushes von Moargh genommen. Lasst bitte die Credits stehen.
xoxo Tuyet

<HTML>
<HEAD>
<TITLE>Dein Titel</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style>
Body { FONT-SIZE: 10px;
       font-family: verdana;
       color: #454544;
       text-align: left;
       background:#ffffff;
        scrollbar-DarkShadow-Color:#ffffff;
	scrollbar-Track-Color:#ffffff;
	scrollbar-Face-Color:#fffffff;
	scrollbar-Shadow-Color:#ffffff;
	scrollbar-Highlight-Color:#ffffff;
	scrollbar-3dLight-Color:#ffffff;
	scrollbar-Arrow-Color:#f61c19; }

i { font-size: 12;
    font-family: verdana;
    font-weight: italic;
    color: #F71E19;
    text-decoration: strong;}

s, strike { font-size: 12;
    font-family: verdana;
    color: #EF843E;}

u { font-size: 12;
    font-family: verdana;
    color: #39B5AA;
    text-decoration: dashed;}

b { font-size: 12;
    font-family: verdana;
    font-weight:italic;
    color: #58C87E;
    text-decoration: none;}

a:link{color:454544; letter-spacing: 2; text-decoration: none;}
a:visited {color:454544; letter-spacing: 2; text-decoration: none;}
a:active{color:454544; letter-spacing: 2; text-decoration: none;}
a:hover { color:ffffff;  letter-spacing: 2;  background-color:#FF944E; text-decoration: none; font-weight: bold;}

h1 {
font-size: 18;
      font-family: verdana;
      text-align: left;
      color: #F61C19;
      font-weight:bold;
      height: 15px;
      letter-spacing: 3;
      background: #ffffff;
      text-transform: dashed
      color: #F61C19}

h2 {
      font-size: 12;
      font-family: verdana;
      text-align: left;
      color: #7C7C7C;
      font-weight:bold;
      height: 15px;
      letter-spacing: 3;
       background: #ffffff;
      text-transform: uppercase}

</style>
</HEAD>
<body style="background-image: url('http://img193.imageshack.us/img193/7061/92948083.png')"  leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<IMG SRC="http://img63.imageshack.us/img63/451/indexv.gif" WIDTH=715 HEIGHT=634 BORDER=0 ALT="" USEMAP="#index_Map">
<MAP NAME="index_Map">
<AREA SHAPE="rect" ALT="" COORDS="55,357,80,432" HREF="deinestartseiteurl.html">
<AREA SHAPE="rect" ALT="" COORDS="52,211,80,342" HREF="deineguestbookurl.html">
</MAP>

</BODY>
</HTML>

<div style="position:absolute; top:450px; left:280px; width:330px; name:content; z-index:2;">

<font align="center"  size="2"><h1>Dein Seitentitel</h1> </div>

<div style="position:absolute; top:100px; left:690px; width:170px; name:content; z-index:2;">

<font align="center"  size="2">Willkommen auf <i>Dein Homepagetitel</i>
Hier findest du <b>Informationen</b> über diverse Dinge, bevor du gehst
hinterlasse mir doch ein <u>Kommentar</u>. Credits werden nicht entfern!<br>
Viel Spaß mit dem Layout ♥<br>
<h2>Textstyles</h2>
<u>Unterstrichen</u>, <i>Kursiv</i>, <b>Fett</b>, <s>Durchgestrichen</s> </div>

<div style="position: absolute; top: 350; left: 400; width: 280;">
<a href="http://ever-winx.de"><img src="http://img193.imageshack.us/img193/9720/button01.jpg" border="0" </a>
<a href="http://ever-winx.de"><img src="http://img193.imageshack.us/img193/9720/button01.jpg" border="0" </a>
<a href="http://ever-winx.de"><img src="http://img193.imageshack.us/img193/9720/button01.jpg" border="0" </a>
<a href="http://ever-winx.de"><img src="http://img193.imageshack.us/img193/9720/button01.jpg" border="0" </a>
<a href="http://ever-winx.de"><img src="http://img193.imageshack.us/img193/9720/button01.jpg" border="0" </a>
<a href="http://ever-winx.de"><img src="http://img193.imageshack.us/img193/9720/button01.jpg" border="0" </a>
<a href="http://ever-winx.de"><img src="http://img193.imageshack.us/img193/9720/button01.jpg" border="0" </a>
<a href="http://ever-winx.de"><img src="http://img193.imageshack.us/img193/9720/button01.jpg" border="0" </a>
<a href="http://ever-winx.de"><img src="http://img193.imageshack.us/img193/9720/button01.jpg" border="0" </a>

</div>

<div style="position: absolute; top: 600; left: 204; width: 420;">
%content%

<div style="position: absolute; top: 20; left: -175; width: 150;">
<div align="center">
<a href="http://ever-winx.de"><img src="http://img41.imageshack.us/img41/6877/buttonso.jpg" border="0"></a>
<a href="http://ever-winx.de"><img src="http://img41.imageshack.us/img41/6877/buttonso.jpg" border="0"></a>
<a href="http://ever-winx.de"><img src="http://img41.imageshack.us/img41/6877/buttonso.jpg" border="0"></a>
<a href="http://ever-winx.de"><img src="http://img41.imageshack.us/img41/6877/buttonso.jpg" border="0"></a>
<br><br>
<h2>♥ Navigation</h2>
%navigation_v%

<h2>♥ Copyright</h2>
<h2>Copyright</h2>
<tr>
<a href="mailto:Tuyet@ever-winx.de"><sub>Tuyet</sub></A><BR>
<a href="http://www.ever-winx.de"><sub><sub>WWW</sub></sub></A>
</div>

</body>
</html>

♥ Navigation

Testlink
Testlink
Testlink
Testlink
Testlink
Testlink
Testlink
Testlink
Testlink
Testlink
Testlink

♥ Copyright

_Tuyet
_{_WWW}