. - Home

Home

Layout von Gina

Das ist das erste Layout von Gina. Und wir hoffen natürlich das es jemanden gefällt und benutzt.
Das Layout ist für Myblog und Homepage-Baukasten benutzer gecodet.

Bei Fragen, wendet euch bitte im Ask me.

Für dieses Layout gibt es ein paar Extras. Scrollt einfach mal nach unten Die Credits bleiben stehen!!!

Eine Überschrift

Code für HPBK

1. Anmelden bei Homepagebaukasten.de
2. Design einstellen -> "CSS Design- Ausschließlich für Profis geeignet"
3. Unten bei "Erweiterte Einstellungen" in den Tab reinklicken
4. einfach die Codes unten einfügen wie beschrieben.
5. URL-Adressen eurer einzelnen Seiten im Code in die Links einfügen
6. Speichern- Fertig - Bewundern !!

Css-Code ohne Style Tags

TEXTAREA { Color: #A4A4A4;
width:220px;
height:90px;
background-attachment:fixed;
Background-color: FCFCFC;
Font-Family: Arial;
Font-Size: 10px;
Border-bottom: 1px solid #ECECEC;
Border-top: 1px solid #D9D9D9;
Border-left: 1px solid #BCBCBC;
Border-right: 1px solid #D9D9D9;
}

INPUT { Color: #B1BAB5;
Background-color: FCFCFC;
Font-Family: Arial;
Font-Size: 10px;
width: 120px;
height: 20px;
Border: 1px solid #ECECEC;
}

.ueberschrift{
display: block;
font-family: georgia;
font-weight: bold;
font-style: italic;
 font-size: 14pt;
padding-left: 5px;
color: #ffffff;
-moz-border-radius: 3px;
text-decoration: bold;
text-align: left;
margin-bottom: 6px;
margin-right: 1px;
line-height: 4 px;
letter-spacing: -1px;
border-left: 6px solid #ffffff;
border-bottom: 1px solid #ffffff;}

#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;}
 #so-adorable_content {display: none;}
 div.header{display: none;}

h2#title{display: none;}  
a:link {
color: #bababa;
font-family: tahoma, arial;

text-decoration: none;}

a:visited {
color: #bababa;
font-family: tahoma, arial;
text-decoration: none;}

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

body {
overflow-x: hidden;
background-image: url(http://imageee.de/images/hintergrund-1279478081.jpg);

}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0px;
margin-top: -110px;
width: 1024px;
height:768px;
border:0px;
background-image:url(http://imageee.de/images/layout1-1279384079.jpg);}

#content {
position: absolute;
top:415px;
margin-left:240px;
width: 505px;
padding: 8px;
color:#4b4848;
font-family: tahoma,arial;
font-size:  11px;
text-align: justify;
word-spacing: px;
letter-spacing: 1px;
overflow:auto;}

#textbox{
position: absolute;
left:25px;
top:410px;
-moz-border-radius: 5px;
padding: 8px;
width: 155px;
background-image:url;
border:0px solid #FFFFFF;
color: #bababa;
font-family: verdana;
font-size:  11px;

word-spacing: 0px;
letter-spacing: 0px;
overflow:auto;}

#willkommenstext{
position: absolute;
left:380px;
top:280px;
width: 168px;
height: 133px;
padding: 8px;
color:#807c7c;
font-family: tahoma,arial;
font-size: 11px;
letter-spacing: px;
overflow:auto;}

#nav_container{
position: absolute;

top:0px;
margin-left: 2000px;
high: 100px;
width: 121px;
font-family: Verdana;

border:0px solid #333333;}

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

ul#nav{
width: 0px;
padding: 0px;
margin: 0px;}

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

li.nav_element a{
display: block;
-moz-border-radius: 3px;
width: px;
height: 0px;
padding: 0px;
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: #bababa;
background-color:#ececec;
background-image:url(xx);  
border-bottom: 0px solid color:#ffffff; }

li.nav_element a:hover{
color: #2323b2;
background-color:#ececec;
background-image:url(xx);}

A.navi:link, A.navi:active, A.navi:visited {
display: block;
-moz-border-radius: 3px;
padding-left: 5px;
padding-bottom: 5px;
font-family: tahoma, arial;
font-size: 11px;
height: 12px;
margin-bottom: 5px;
border-bottom: 0px solid #dcdcdc;
border-left: 6px solid #f9b760;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
letter-spacing: 1px;
margin-right: 3px;
color: #8b8888;
padding-top: 5px;
background-color: #ffffff;
text-align: left;
margin-top: 7px;
line-height: 12px;}

A.navi:hover {
display: block;
-moz-border-radius: 3px;
padding-left: 5px;
padding-bottom: 5px;
font-family: tahoma, arial;
font-size: 11px;
height: 12px;
margin-bottom: 5px;
border-bottom: 0px solid #7994ff;
border-left: 6px solid #f19862;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
letter-spacing: 1px;
margin-right: 3px;
color: #ffffff;
text-shadow: #ffffff 0px 0px 4px;
background-color:#ffffff;
text-align: left;
line-height: 12px;}

A.navi2:link, A.navi2:active, A.navi2:visited {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 3px;
font-family: Arial;
margin-left: 2px;
margin-top: 2px;
font-size: 9px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid #cc7845;
border-left: 6px solid #f9b760;
border-right: 0px solid  #C8CFD5;
background-color: #ffffff;
height: 11px;
border-top: 0px solid #cc7845;
color: #8b8888;
}

A.navi2:hover {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 3px;
font-family: Arial;
margin-left: 2px;
margin-top: 2px;
font-size: 9px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid #cc7845;
border-left: 6px solid #f19862;
border-right: 0px solid  #C8CFD5;
height: 11px;
background-color: #ffffff;
border-top: 0px solid #cc7845;
color: #cc7845;
}

Text über dem Design

<a href="http://so-adorable.de.be/" class="navi2">Seite</a>
<a href="http://so-adorable.de.be/" class="navi2">Seite</a>
<a href="http://so-adorable.de.be/" class="navi2">Seite</a>
<a href="http://so-adorable.de.be/" class="navi2">Seite</a>
<a href="http://so-adorable.de.be/" class="navi2">Seite</a>
<br>

<table id="table1" width="100%" border="0"><tbody>
<tr valign="top">
<td style="width: 50%">
<a href="http://so-adorable.de.be/" class="navi">Seite</a>
<a href="http://so-adorable.de.be/" class="navi">Seite</a>
<a href="http://so-adorable.de.be/" class="navi">Seite</a>
<a href="http://so-adorable.de.be/" class="navi">Seite</a>

<td style="width: 50%">
<a href="http://so-adorable.de.be/" class="navi">Seite</a>
<a href="http://so-adorable.de.be/" class="navi">Seite</a>
<a href="http://so-adorable.de.be/" class="navi">Seite</a>
<a href="http://so-adorable.de.be/" class="navi">Seite</a>
</td>
</tr>
</tbody></table>
<br>
<br>

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

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

<a href="http://so-adorable.de.be/" class="navi2">Layout</a>

<br>

</div>

<br>
Hier kannst du ein Willkommenstext schreiben oder deine Topaffiliates platzieren. Du kannst hier aber auch eine Shoutbox platzieren. Du kannst damit machen was du willst <img src="//theme.webme.com/smiles/wink.gif" border="0" width="15" height="15" alt="" /> 
</div>

Extras

Diese Extras könnt ihr gerne verwenden für eure HP. Das sind ein Button und ein Icon.