Bling-GB: Layout 2
Text über dem Design:
<div id="Mein_Bild"></div>
<div id="navibox">
<p class="blinggb1">main menu</p>
<a href="http://www.bling-gb.de.be" class="navi2"><span class="herz">01. </span>Navititel</a>
<a href="http://www.bling-gb.de.be" class="navi2"><span class="herz">02. </span>Navititel</a>
<a href="http://www.bling-gb.de.be" class="navi2"><span class="herz">03. </span>Navititel</a>
<a href="http://www.bling-gb.de.be" class="navi2"><span class="herz">04. </span>Navititel</a>
<br>
<p class="blinggb1">navigation</p>
<center><a href="DEINE-URL.de.tl" border="0"><img src="http://i56.tinypic.com/2zyinid.png" border="0"></img></a></center><br>
<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 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>
</tr>
</tbody></table>
<br>
<p class="blinggb1">credits</p>
<a href="http://www.bling-gb.de.be" class="navi2"><span class="herz">01. </span>Layout</a>
<br>
</div>
<div id="CREDITS">
<a href="http://bling-gb.net/" class="credit">♥</a>
</div>
CSS-Code ohne Style-Tags:
.iconleft{
margin-bottom:4px;
margin-top:4px;
margin-right: 12px;
border: 3px solid #ffffff;
-moz-box-shadow: 0px 0px 8px #d8d8d8;
}
.iconright{
margin-bottom:4px;
margin-top:4px;
margin-left: 12px;
border: 3px solid #ffffff;
-moz-box-shadow: 0px 0px 8px #d8d8d8;
}
.herz{ color: #CCCCCC; font-style: italic;}
.blinggb1{
text-transform: uppercase;
font-family: arial;
margin-top: 3px;
font-size: 11px;
font-weight: bold;
color: #CCCCCC;
padding-bottom: 5px;
margin-bottom: 6px;
margin-right: 1px;
letter-spacing: 1px;
border-top: 1px dotted #CCCCCC;}
.textueber{
text-transform: uppercase;
font-family: arial;
margin-top: 3px;
font-size: 11px;
font-weight: bold;
color: #fc5db3;
padding-bottom: 5px;
margin-bottom: 6px;
margin-right: 1px;
letter-spacing: 1px;}
.blinggb2{
font-family: Edwardian Script ITC, arial;
font-size: 30pt;
color: #fc5db3;
letter-spacing: 1px;
line-height: 30px;
border-bottom: 1px dotted #CCCCCC;}
.datum{
font-family: arial;
font-size: 12px;
color: #cccccc;
text-align: right;}
.deineseite{
text-transform: uppercase;
font-family: arial;
font-weight: bold;
font-size: 20px;
color: #000000;}
#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;}
#blinggb_content {display: none;}
#nav{display: none;}
div.header{display: none;}
h2#title{display: none;}
a:link {
color: #7F7F7F;
text-decoration: none;}
a:visited {
color: #7F7F7F;
text-decoration: none;}
a:hover {
color: #fc5db3;}
body {
overflow-x: hidden;
background-image: url('https://img.webme.com/pic/t/testlayout32/hintergrund_1.png');
}
*{ padding: 0; margin: 0; }
#Mein_Bild {
margin-top: -140px;
margin-left: 1px;
background-image: url('http://i54.tinypic.com/n20rit.jpg');
width: 830px;
height:480px;
border:0px;}
#content {
padding-top: 20px;
position: absolute;
top:423px;
padding-bottom: 25px;
margin-left: 96px;
width: 470px;
color: #7F7F7F;
text-align: justify;
font-family: arial;
word-spacing: 2px;
letter-spacing: 0,3px;
font-size: 12px;
padding-left: 20px;
overflow:auto;}
#navibox{
padding-top: 47px;
padding-bottom: 40px;
position: absolute;
left:595px;
padding-left: 12px;
top:423px;
width: 193px;
padding-right: 10px;
color: #7F7F7F;
text-align: justify;
font-family: arial;
word-spacing: 2px;
letter-spacing: 0,3px;
font-size: 12px;
overflow:auto;}
::-moz-selection
{
color: #ffffff;
background-color: #cccccc;
}
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;}
li.nav_element a:hover{
color: #ffffff;}
A.navi:link, A.navi:active, A.navi:visited {
display: block;
font-family: tahoma;
font-size: 11px;
letter-spacing: 1px;
background-color: #f6f6f6;
padding-top: 7px;
padding-bottom: 2px;
padding-left: 22px;
height: 18px;
text-align:left;
margin-bottom: 1px;
margin-top: 2px;
color: #919191;}
A.navi:hover {
display: block;
font-family: tahoma;
font-size: 11px;
letter-spacing: 1px;
background-color: #f6f6f6;
padding-top: 7px;
text-shadow: 1px 1px #ffffff;
padding-bottom: 2px;
padding-left: 22px;
height: 18px;
text-align:left;
margin-bottom: 1px;
margin-top: 2px;
color: #fc5db3;}
#CREDITS{
position: absolute;
left:815px;
top:112px;
overflow:auto;}
A.navi2:link, A.navi2:active, A.navi2:visited {
display: block;
font-family: tahoma;
font-size: 11px;
letter-spacing: 1px;
background-color: #ffffff;
padding-top: 5px;
padding-left: 18px;
height: 18px;
text-align:left;
margin-bottom: 1px;
margin-top: 2px;
color: #919191;}
A.navi2:hover {
display: block;
font-family: tahoma;
font-size: 11px;
letter-spacing: 1px;
background-color: #ffffff;
padding-top: 5px;
padding-left: 18px;
height: 18px;
text-align:left;
margin-bottom: 1px;
margin-top: 2px;
color: #fc5db3;}
A.credit:link, A.credit:active, A.credit:visited {
display: block;
font-family: tahome,arial;
font-size:17px;
font-weight: bold;
padding-bottom: 6px;
padding-left: 8px;
padding-right: 5px;
padding-top: 5px;
letter-spacing: 2px;
text-align:center;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
background-color: #c3c3c3;
margin-bottom: 7px;
color: #ffffff;}
A.credit:hover {
display: block;
font-family: tahome,arial;
font-size:17px;
font-weight: bold;
padding-bottom: 6px;
padding-left: 8px;
padding-right: 5px;
padding-top: 5px;
letter-spacing: 2px;
text-align:center;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
background-color: #c3c3c3;
margin-bottom: 7px;
color: #fc5db3;}
