Mah personal blog 'x3 Gratis bloggen bei
myblog.de

Sommerlayout



Ein schlichtes Layout, aber recht hübsch ^^ Oben die Navi könnt ihr beliebig lang machen, also da passt noch was rein [: Ihr könnt es ja auch als On hiatus lay nehmen, würde sich auch gut machen ^^

fett underline kursiv

15.5.10 18:17


Werbung


Code

<html>
<head>
<title>Mah personal blog 'x3</title>
{PLACE_POWEREDBY}
<style type="text/css">
<!--
body {

scrollbar-face-color: #f89500;
scrollbar-highlight-color: #f1f19b;
scrollbar-3dlight-color: #f1f19b;
scrollbar-darkshadow-color: #f1f19b;
scrollbar-shadow-color: #f1f19b;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #f1f19b;
}                                                                
a:link {
color: #868686;
text-decoration:none;
font-family: Verdana;


}
a:visited {color: #868686; 
text-decoration:none;


}

 a:active {color: #868686;
text-decoration:none;


}
a:hover {color: #000000;
    
   
}  

 


navi {

vertical-align: left;
text-decoration: none;
display: inline;
}


a.navi, a.navi:link {
font-size: 9px;
color: #FFFFFF;
background: url('http://i39.tinypic.com/wm1qbk.png');
background-color: #323b3f;
font-family: Verdana;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 45px;
padding: 10px; }

a.navi:hover, a.navi:active{
font-size: 9px;
color: #ffffff;
background: url('http://i42.tinypic.com/ncl2lc.png');
background-color: #323b3f;
font-family: Verdana;
letter-spacing: 2px;
}


a.navi:visited {
font-size: 9px;
color: #FFFFFF;
font-family: Verdana;
letter-spacing: 2px;
 }

 

b, strong{
   color:#f89600;
font-size: 11px;

}

i, em{
   color:#f0d900;
}

u{
  color: #d40000;
border-bottom: 1px dotted #000000;
font-size: 11px;
}


s, strike{
   color:#000000;
}


font {   
color: #a4a4a4;  
font-family: Verdana; 
font-size: 10px;
letter-spacing: 1px;
}

.dailydistance{
display: block;
font-family: Georgia;
font-size: 14px;
color: #d2d2d2;
border-bottom: 1px solid #000000;
background: url('http://i44.tinypic.com/x6lzb7.png');
margin-bottom: 1px;
line-height: 15pt;
text-align: left;
margin-top: 0px;
letter-spacing: 1px;
}

.box {


width: 96%;
border: 1px solid #f89500;
background-color: #fbfbfb;
}

 

                                                            
TEXTAREA { Color: #f89500;
width:220px;
height:90px;
background-color: #ededed;
Font-Family: Trebuchet ms;
Font-Size: 9px;
border: 1px solid #f89500;
}

INPUT { Color: #f89500;
Font-Family: Trebuchet ms;
Font-Size: 10px;
background-color: #f7f7f7;
width: 120px;
height: 20px;
Border: 1px solid #f89500;

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

 <body bgcolor="#ececec" background="http://i39.tinypic.com/muz9jp.png">


<img src="http://i40.tinypic.com/oqxcwn.png" style="position: absolute; top: 0; left:0;" usemap="#map" border="0">
<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:Ferdinand -->
<area shape="rect" coords="3,3,129,16" href="http://daily.distance.de.tt" />
<area shape="poly" coords="202,153,215,169,263,131,248,117,203,152,204,155,204,151,204,153" href="http://deineStartseite.de" />
<area shape="poly" coords="229,174,246,192,308,144,293,125,229,174,229,176,230,173,230,174,229,174,228,174,231,174,228,172" href="http://domain.de/" />
<area shape="poly" coords="257,199,318,150,331,166,270,214,259,200,258,200,258,198,258,200" href="http://webmiss.de/" />
</map>
 

 

<div style="overflow: auto; position: absolute; width: 465; height: 405; left: 342; top: 237">

 {PLACE_CONTENT}

</div>

<div style="overflow: auto; position: absolute; width: 370; height: 408; left: 400; top: 180">
<center>

<a href=http://deineSeite/ class=navi>Designs</a>
<a href=http://deineSeite/ class=navi>Header</a>
<a href=http://deineSeite/ class=navi>Icons</a>
</center>


</div>

</body>
</html>

15.5.10 18:27


Designs Header Icons