testlayout11

Wie kriege ich dieses Design von Bling-Gb?
Erstelle eine Account auf Hompage-Baukasten.de und stelle dein Design auf CSS um. Danach fügst du die darauffolgenden Codes ein!
Du kannst gerne was an den Codes verändern, allerdings solltest du damit Erfahrung haben.
Die Credits mit Bling-Gb bleiben! Du kannst 9 NavigationsPunkte erstellen + Bling-GB Punkt. Die zweite Navigation ( rechts an der Seite ) kann man ausblenden lassen, in dem man alle Seiten "versteckt".
Bitte gebe Bescheid, wenn du dieses Design verwenden willst z.B. in der Shoutbox oder im Gästebuch.

<div id="Mein_Bild"></div>
<div id="navibox">
<table id="table1" width="100%" border="0"><tbody>
<tr valign="top">
<td style="width: 50%">
<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="http://www.bling-gb.de.be/" class="navi">navititel</a>
<a href="http://www.bling-gb.de.be/" class="navi">navititel</a>
<a href="http://www.bling-gb.de.be/" class="navi">navititel</a>


<td><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>
<a href="http://www.bling-gb.de.be/" class="navi">navititel</a>
<a href="http://www.bling-gb.de.be/" class="navi">bling-gb</a>

</td>
</tr>
</tbody></table>
<br>
</div>



<div id="textbox">
Herzlich Willkommen auf <span style="color: rgb(239, 159, 202);"><strong>musterseite.de.tl</strong></span>.Hier <u>k&ouml;nnt</u> ihr einen Will- kommenstext oder etwas <strong>&uuml;ber euch</strong> hinschrei- ben.<u>Viel Spa&szlig;</u>. <span style="color: rgb(239, 159, 202);"><strong><em>Eure Mira</em></strong></span><em>.</em><br />
</div>

.ueberschrift{
display: block;
font-family: arial;
 font-size: 14pt;
color: #ef9fca;
text-shadow: 1px 1px #ffffff;
background: none;
text-decoration: bold;
text-align: center;
margin-bottom: 6px;
margin-right: 1px;
line-height: 4 px;
letter-spacing: -1px;
border-bottom: 1px dotted #ef9fca;}

#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: #ababab;
text-shadow: 1px 1px #ffffff;
font-size: 10px;
font-family: Verdana;
border-bottom: 1px dotted #c5c5c5;
text-decoration: none;}

a:visited {
color: #ababab;
font-size: 10px;
text-shadow: 1px 1px #ffffff;
font-family: Verdana;
border-bottom: 1px dotted #c5c5c5;
text-decoration: none;}

a:hover {
color: #fdcee8;
font-size: 10px;
text-shadow: 1px 1px #ffffff;
font-family: Verdana;
background-color: #;  
border-bottom: 1px dotted #ea98c5;}



body {
overflow-x: hidden;
background: url('http://i41.tinypic.com/avmr07.jpg');

}



*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0px;
margin-top: -130px;
width: 1600px;
height:750px;
border:0px;
background-image:url(http://i42.tinypic.com/5zqydh.jpg);}





#content {
position: absolute;
left: 1000px;
top:210px;
margin-left:-423px;
width: 372px;
height: 460px;
padding:10px;
color: #818181;
font-family: Arial;
font-size: 11px;
text-align: justify;
word-spacing: px;
letter-spacing: 1px;
overflow:auto;}






#textbox{
position: absolute;
left:586px;
top:116px;
width: 144px;
height: 94px;
background-image:url;
border:0px solid #FFFFFF;
color: #818181;
font-family: Arial;
font-size: 11px;
word-spacing: 0px;
letter-spacing: 0px;
overflow:auto;}




#navibox{
position: absolute;
left:737px;
top:114px;
width: 234px;
height: 96px;
background-image:url;
border:0px solid #FFFFFF;
color:#818181;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: justify;
word-spacing: 0px;
letter-spacing: 0px;
text-decoration: italic;
overflow:auto;}




#nav_container{
position: absolute;
left: 466px;
top:290px;
margin-left: -0px;
high: 100px;
width: 121px;
font-family: Verdana;

border:0px solid #333333;}


::-moz-selection
{
background: #ea98c5;
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-decoration:;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
word-spacing: 0px;
letter-spacing: 0px;
color: #ea98c5;
background-color:#ffffff;
background-image:url(xx); 
border: px solid color:#ffffff;; }



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


A.navi:link, A.navi:active, A.navi:visited {
display: block;
padding-left: 2px;
padding-bottom: 3px;
width: 100px;
font-family: arial;
font-size: 10px;
height: 10px;
margin-bottom: 2px;
border-bottom: 1px dotted #ef9fca;
border-left: 5px solid #ef9fca;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
text-transform:uppercase;
letter-spacing: 1px;
color: #ababab;
background-color: #ffffff;
text-align: left;
line-height: 10px;}

A.navi:hover {
display: block;
padding-left: 2px;
font-family: arial;
font-size: 10px;
Background: url('http://i39.tinypic.com/fy0mz5.png');
margin-bottom: 2px;
border-bottom: 1px dotted #e2e2e2;
border-left: 5px solid #e138a8;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #e2e2e2;
text-transform:uppercase;
text-shadow: 1px 1px #ababab;
letter-spacing: 1px;
color: #ffffff;
padding-bottom: 3px;
text-align: left;
line-height: 10px;}
 

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