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 unendlich Navigationspunkte erstellen. Man sollte alle Seiten " verstecken " um das Design richtig nutzen zu können.
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="textbox">
<p class="ueberschrift">Deine Überschrift</p>

<a href="http://www.bling-gb.de.be/" class="navi2">navititel</a>
<a href="http://www.bling-gb.de.be/" class="navi2">navititel</a>
<a href="http://www.bling-gb.de.be/" class="navi2">navititel</a>
<a href="http://www.bling-gb.de.be/" class="navi2">navititel</a>
<a href="http://www.bling-gb.de.be/" class="navi2">navititel</a>
<br>


<p class="ueberschrift">Deine Überschrift</p>
<table id="table1" width="100%" border="0"><tbody>
<tr valign="top">
<td style="width: 30%">
<img src="http://i41.tinypic.com/b7zztz.jpg"></img>


<td style="width: 70%">


<span style="font-size: small;">Ich heiße <span style="color: rgb(255, 131, 153);"><strong>Mira</strong></span>, bin <em>18 Jahre</em> alt und komme aus <u>Berlin</u>.<br />
<span style="color: rgb(252, 100, 125);"><strong>Love:</strong></span> <em>Music, Sonne</em><br />
<span style="color: rgb(252, 100, 125);"><strong>Hate</strong>:</span> <span style="font-style: italic;">Faker</span><em>, Regen</em><br />
</span><span style="font-size: x-small;"><a href="http://bling-gb.de.be"><span style="font-size: small;">mehr ueber mich.. </span></a></span>


</td>
</tr>
</tbody></table>
<br>
<p class="ueberschrift">Deine Überschrift</p>


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


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

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


<p class="ueberschrift">Credits</p>
<a href="http://www.bling-gb.de.be/" class="navi2">Bling-gb <span style="font-size: x-small;"><span style="color: rgb(153, 153, 153);"><em>Layout</em></span></span></a>
<a href="http://www.glambaby.de/" class="navi2"> glambaby <span style="font-size: x-small;"><span style="color: rgb(153, 153, 153);"><em>Navi</em></span></span></a>
<a href="http://natvon.deviantart.com/" class="navi2">Natvon <span style="font-size: x-small;"><span style="color: rgb(153, 153, 153);"><em>Foto</em></span></span></a>

</div>

.ueberschrift{
display: block;
font-family: arial;
 font-size: 10pt;
color: #ff8399;
text-shadow: 1px 1px #ffffff;
background: url('http://i44.tinypic.com/2lwatg5.png');
text-decoration: bold;
text-align: left;
margin-bottom: 6px;
margin-right: 1px;
line-height: 4 px;
letter-spacing: -1px;
border-bottom: 1px solid #e5cdb6;}



#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: 12px;
font-family: arial;
text-decoration: none;}

a:visited {
color: #ababab;
font-size: 12px;
font-family: arial;
border-bottom: 0px dotted #c5c5c5;
text-decoration: none;}

a:hover {
color: #fc647d;
font-size: 12px;
font-family: arial;
background-color: #;  
border-bottom: 0px dotted #fc647d;}



body {
overflow-x: hidden;
background-color: #ffffff;

}



*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0px;
margin-top: -130px;
width: 1600px;
height:1052px;
border:0px;
background-image:url(http://i42.tinypic.com/efsa48.png);}





#content {
position: absolute;
left: 784px;
top:668px;
margin-left:-423px;
width: 545px;
padding:10px;
color: #9b9b9b;
font-family: Arial;
font-size: 12 px;
text-align: justify;
word-spacing: px;
letter-spacing: -1px;

overflow:auto;}






#textbox{
position: absolute;
left:140px;
top:678px;
width: 220px;
background-image:url;
border:0px solid #FFFFFF;
color: #9b9b9b;
font-family: Arial;
font-size: 7 px;
word-spacing: 0px;
letter-spacing: -1px;
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: 20px;
top:380px;
margin-left: -0px;
high: 100px;
width: 121px;
font-family: Verdana;

border:0px solid #333333;}


::-moz-selection
{
background: #fedebf;
color: #fc647d;
}

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: #FF9999;
background-color:#ffffff;
background-image:url(xx); 
border: px solid color:#ffffff; }



li.nav_element a:hover{
color: #FF9999;
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 solid #e5cdb6;
border-left: 5px solid #ff8399;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
text-transform:uppercase;
letter-spacing: 1px;
color: #ff8399;
background-color: #ffe7d1;
text-align: left;
line-height: 10px;}

A.navi:hover {
display: block;
padding-left: 2px;
font-family: arial;
font-size: 10px;
background-color: #ffe1c6;
margin-bottom: 2px;
border-bottom: 1px dotted #e5cdb6;
border-left: 5px solid #ff5977;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #e2e2e2;
text-transform:uppercase;
letter-spacing: 1px;
color: #ff5977;
padding-bottom: 3px;
text-align: left;
line-height: 10px;}

A.navi2:link, A.navi2:active, A.navi2:visited {
display: block;
width: 210px;
padding-left: 2px;
font-family: Arial;
margin-left: 2px;
margin-top: 2px;
font-weight:  bold;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 1px solid #e5cdb6;
border-left: 1px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
background-color: D4DBE1;
height: 14px;
background-color: #ffe7d1;
border-top: 0px solid #DAE2E8;
color: #fc647d;
text-align: left;
}

A.navi2:hover {
display: block;
padding-left: 2px;
font-family: Arial;
margin-left: 2px;
margin-top: 2px;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 1px solid #e5cdb6;
border-left: 1px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
background-color: #ffe1c6;
height: 14px;
border-top: 0px solid #DAE2E8;
color: #ff5977;
text-align: left;
}

 

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