Hier könnt ihr eine Shoutbox reincoden; einen Willkommenstext, Uppis oder etwas über euch hinschreiben. Viel Spaß damit <3

particularlie-lay000

Home

HeeHoo (:
Das ist das 4. Layout von mir ..
Mir gefällt es schon seehr. (;
ich hoffe, anderen gefällt es auch



Besonderheiten

Text ist wenn man markiert farbig.
(Nur im FireFox)
Fett Kursiv Underline Durchgestrichen Link



Die Codes



Text über dem Design:
 
<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.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>


<td><a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="hhttp://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">LAYOUT</a>

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



<div id="textbox">
Hier könnt ihr eine Shoutbox reincoden; einen Willkommenstext, Uppis oder etwas über euch hinschreiben. Viel Spaß damit <3<br />
</div>



CSS-Code ohne Style Tags:
 
.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://i46.tinypic.com/2jetqoy.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;}
 



Ueberschrift code:
(bei eigene Seiten editieren/Quelltext eingeben)

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


Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden