.

Home

So mein erstes Design für Incredible-Design. Mir hat der Header so gut gefallen, dass ich ihn gleich für ein Design verwenden wollte. Ich hoffe es gefällt euch & bitte entfernt den Creditlink nicht.
xoxo Jenny

Überschriftcode

<p class="ueberschrift>Text </p>

 

Boxencode

 

< p class="box>Text

 

 

Text über dem Design
 

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


<div id="navibox">

<p class="ueberschrift">Menü</p>

<a href="http://incredible-design.de.tl/" class="navi">Home</a>
<a href="http://incredible-design.de.tl/"
class="navi">About the Site</a>
<a href="http://incredible-design.de.tl/" class="navi">Gästebuch</a>
<a href="http://incredible-design.de.tl/" class="navi">Affiliates & Link me</a>

<p class="ueberschrift">GB-Bilder</p>

 <div style="padding: 7px; margin: 0px; border: 0px solid white; overflow: auto; font-family: tahoma; font-size: 10px; text-transform:uppercase; width: 160px;  color: #a6a6a6; text-align: center;">
Bitte die <a href="Link"> Regeln</a> lesen</div>

<table id="table1" width="100%" border="0"><tbody>
<tr valign="top">
<td style="width: 50%">
<a href="http://incredible-design.de.tl/" class="navi">Love</a>
<a href="http://incredible-design.de.tl/" class="navi">Glamour</a>
<a href="http://incredible-design.de.tl/" class="navi">Special</a>


<td style="width: 50%">
<a href="http://incredible-design.de.tl/" class="navi">Friends</a>
<a href="http://incredible-design.de.tl/" class="navi">Sad</a>
<a href="http://incredible-design.de.tl/" class="navi">Diss</a>
</td>
</tr>
</tbody></table>

<p class="ueberschrift">Extras</p>

<table id="table1" width="100%" border="0"><tbody>
<tr valign="top">
<td style="width: 50%">
<a href="http://incredible-design.de.tl/" class="navi">Header</a>
<a href="http://incredible-design.de.tl/" class="navi">Blends</a>
<a href="http://incredible-design.de.tl/" class="navi">Layouts</a>
<a href="http://incredible-design.de.tl/" class="navi">Tubes</a></td>

<td style="width: 50%">
<a href="http://incredible-design.de.tl/" class="navi">Sayings</a>
<a href="http://incredible-design.de.tl/" class="navi">Bases</a>
<a href="http://incredible-design.de.tl/" class="navi">Icons</a>
<a href="http://incredible-design.de.tl/" class="navi">other</a>
</td>
</tr>
</tbody></table>


<p class="ueberschrift">Credits</p>

<a href="http://incredible-design.de.tl/" class="navi">Designer</a>

</div>

</div>
 

CSS-Code

 

.box{
font-family: tahoma;
font-size: 13px;
padding-left: 5px;
color: #a6a6a6;
width: 200px;
height: 100px;
border-bottom: 1px dotted #ff2850;}

.ueberschrift{
display: block;
font-family: tahoma;
font-size: 13px;
padding-left: 5px;
color: #a6a6a6;
-moz-border-radius: 3px;
text-shadow: 0px 0px 3px #ffe3e6;
background-image: none;
text-decoration: bold;
text-align: right;
margin-bottom: 6px;
margin-right: 1px;
line-height: 4 px;
letter-spacing: 1px;
border-bottom: 1px solid #ff2850;}

#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;}
#incredible-design_content {display: none;}
div.header{display: none;}
h2#title{display: none;}

a:link {
color: #a6a6a6;
font-family: tahoma;
text-decoration: none;}

a:visited {
color: #a6a6a6;
font-family: tahoma;
text-decoration: none;}

a:hover {
color: #a6a6a6;
font-family: tahoma;
border-bottom: 0px dotted #bababa;}

body {
overflow-x: hidden;
background-image: none;
background-color: #eaeaea; }

*{ padding: 0; margin: 0; }


#Mein_Bild {
margin-top: 0px;
width: 1600px;
height:800px;
border:0px;
background-image:url(http://i36.tinypic.com/dc3j2f.jpg);}

#content {
position: absolute;
top: 450px;
background-color: #;
margin-left: 370px;
width: 400px;
padding: 10px;
color:#a6a6a6;
font-family: tahoma;
font-size: 13px;
height: 300px;
text-align: justify;
word-spacing: px;
letter-spacing: 1px;
overflow:auto;}

#navibox{
position: absolute;
left: 165px;
top: 417px;
padding:11px;
width: 165px;
color: #bababa;
font-family: tahoma;
font-size: 11px;
overflow:auto;}

#nav_container{
position: absolute;
top:1px;
margin-left: 1px;
high: 100px;
width: 121px;
font-family: Tahoma;
border:0px solid #ffffff;}

::-moz-selection {
color: #ff2850; }

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: 15px;
padding: -2px;
text-align: justify;
font-family: thoma;
font-size: 10px;
text-align: right;
word-spacing: 0px;
letter-spacing: 0px;
color:#a6a6a6;
background-color:#ffffff;
background-image:url(xx);
border-bottom: 0px solid color:#ffffff; }

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

A.navi:link, A.navi:active, A.navi:visited {
display: block;
padding-left: 4px;
font-family: tahoma;
font-size: 10px;
background-color:#ffffff;
margin-bottom: 4px;
border-bottom: 1px dotted #F1F1F1;
border-left: 4px solid #ff2850;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
text-transform:uppercase;
letter-spacing: 1px;
color: #a6a6a6;
text-align: left;
line-height: 16px;}

A.navi:hover {
display: block;
padding-left: 4px;
font-family: tahoma;
font-size: 10px;
background-color:#ffffff;
margin-bottom: 4px;
border-bottom: 1px dotted #F1F1F1;
border-left: 4px solid #ff2850;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
text-transform:uppercase; letter-spacing: 1px;
color: #a6a6a6;
text-align: left;
line-height: 16px;}

 

Dein Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. Curabitur molestie. Duis velit augue, condimentum at, ultrices a, luctus ut, orci. Donec pellentesque egestas eros. Integer cursus, augue in cursus faucibus, eros pede bibendum sem, in tempus tellus justo quis ligula. Etiam eget tortor. Vestibulum rutrum, est ut placerat elementum, lectus nisl aliquam velit, tempor aliquam eros nunc nonummy metus. In eros metus, gravida a, gravida sed, lobortis id, turpis. Ut ultrices, ipsum at venenatis fringilla, sem nulla lacinia tellus, eget aliquet turpis mauris non enim. Nam turpis. Suspendisse lacinia. Curabitur ac tortor ut ipsum egestas elementum. Nunc imperdiet gravida mauris.
=> Willst du auch eine kostenlose Homepage? Dann klicke hier! <=