testlayout15

Text ist wenn man markiert farbig. (Nur im FireFox) Endloser Content.

Test  Test   Test   Test  Link

Anleitung

Wie kriege ich dieses Design von Bling-Gb?

<div id="Mein_Bild"></div>


<div id="textbox">
<p class="ueberschrift">main menu</p>

<table id="table1" width="100%" border="0"><tbody>
<tr valign="top">


<td style="width:25%">
<a href="http://www.bling-gb.de.be/" class="navi">navititel</a>
<a href="http://www.bling-gb.de.be/" class="navi">navititel</a>
<a href="hhttp://www.bling-gb.de.be/" class="navi">navititel</a>
<a href="http://www.bling-gb.de.be/" class="navi">navititel</a>

</td>

<td style="width:25%">
<a href="http://www.bling-gb.de.be/" class="navi">navititel</a>
<a href="http://www.bling-gb.de.be/" class="navi">navititel</a>
<a href="hhttp://www.bling-gb.de.be/" class="navi">navititel</a>
<a href="http://www.bling-gb.de.be/" class="navi">navititel</a></td>
<td style="width:2%">
 
</td>
<td style="width:48%">
Hier könnt ihr einen kurzen Text einfügen für zb. Cuties, etwas über euch oder einen Willkommenstext. Eure Mira.
</td>
</tr>
</tbody></table>
<br>

</div>

<div id="credits">
<a href="http://bling-gb.de.be"><i>Layout</i></a>  <a href="http://yunyunsarang.deviantart.com/"><i>Texture</i></a><br />
</div>
 

.ueberschrift{
display: block;
font-family: Tahoma;
 font-size: 8pt;
color: #8ccfcc;
text-transform: uppercase;
text-decoration: bold;
text-align: left;
margin-bottom: 6px;
margin-right: 1px;
line-height: 4 px;
letter-spacing: 0px;
border-bottom: 1px solid #76c9c4;}



#extraDiv1 {display: none;}
 #extraDiv2 {display: none;}
 #extraDiv3 {display: none;}
 #extraDiv4 {display: none;}
 #extraDiv5 {display: none;}
 #extraDiv6 {display: none;}
 #pre_header {display: none;}
 #post_header {display: none;}
 #pre_content {display: none;}
 #bling-gb_content {display: none;}
 div.header{display: none;}

 h2#title{display: none;}  
a:link {
color: #9a9a9a;
font-size: 10px;
font-family: tahoma;
text-decoration: none;}

a:visited {
color: #9a9a9a;
font-size: 10px;
font-family: tahoma;
border-bottom: 0px dotted #c5c5c5;
text-decoration: none;}

a:hover {
color: #d2d2d2;
font-size: 10px;
font-family: tahoma;
border-bottom: 0px dotted #fc647d;}



body {
overflow-x: hidden;
background-color: #dfdfdf;
}



*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0px;
margin-top: -130px;
width: 1600px;
height:750px;
border:0px;
background-image:url(http://i43.tinypic.com/2zqegl0.png);}





#content {
position: absolute;
left: 636px;
background-color: #ffffff;
top:478px;
margin-left:-423px;
width: 330px;
padding: 15px;
color: #9a9a9a;
font-family: tahoma;
font-size:  10px;
text-align: justify;
word-spacing: px;
letter-spacing: 1px;

overflow:auto;}






#textbox{
position: absolute;
left:212px;
top:143px;
height: 110px;
color: #9a9a9a;
font-family: tahoma;
font-size:  10px;
width: 340px;
padding-left: 8px;
padding-top: 4px;
background-image:url;
border:0px solid #FFFFFF;
font-family: Tahoma;
font-size:  10px;
word-spacing: 0px;
letter-spacing: 1px;
overflow:auto;}


#credits{
position: absolute;
left:260px;
top:450px;
width: 120px;
height: 20px;
color: #9a9a9a;
font-family: tahoma;
font-size:  10px;
font-family: Tahoma;
font-size:  10px;x;
letter-spacing: 1px;
overflow:auto;}



#nav_container{
position: absolute;
left: 563px;
top:200px;
margin-left: -0px;
high: 100px;
width: 121px;
font-family: tahoma;

border:0px solid #333333;}


::-moz-selection
{
background: #cae8e7;
color: #ffffff;
}

ul#nav{
width: 20px;
padding: 5px;
margin: 5px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:1px;
width: 100px;}

li.nav_element a{
display: block;
width: 100px;
height: 14px;
padding: -2px;
font-weight:;
text-transform: uppercase;
text-decoration:;
text-align: justify;
font-family: tahoma;
font-size: 10px;
text-align: left;
word-spacing: 0px;
letter-spacing: 0px;
color: #d2d2d2;
background-color:#ffffff;
background-image:url(xx);  
border: px solid color:#ffffff; }



li.nav_element a:hover{
color: #aad9d6;
background-color:#dceeed;
background-image:url(xx);}            



A.navi:link, A.navi:active, A.navi:visited {
display: block;
font-family: Arial;
margin-top: 2px;
font-weight:  bold;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 1px solid #c5e7e7;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
background-color: #e2f5f4;
height: 13px;
border-top: 0px solid #DAE2E8;
color: #76c9c4;
text-align: left;
}

A.navi:hover {
display: block;
font-family: Arial;
margin-top: 2px;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 1px dotted #c9eaea;
border-right: 0px solid  #C8CFD5;
background-color: #ffffff;
height: 13px;
border-top: 0px solid #DAE2E8;
color: #c9eaea;
text-align: left;
}

<p class="ueberschrift">Deine Überschrift </p>