bycitys

Black White

Tasarımın Üstündeki Yazı

<div id="foot">
<div style="float: left;">
<a href="#" >Kontakt</a>  |  <a href="#" >Impressum</a>   </div>
<div id="poddi">Design by <a href="http://.tl/">Poddi</a></div></div>

Css -Kodu:

        /*BLACK-WHITE  -  Copyright by www.bycitys.de.tl*/
/*VERSTECKT*/
h1#title{display: none;}
h2#title{display: none;}
h2#sidebar_heading{display:none;}
#counter{display:none;}
#pre_header{display:none;}
#post_header{display:none;}
#pre_content{display:none;}
#post_content{display:none;}
/*VERSTECKT ENDE*/
/*HINTERGRUND*/
body{
background: url(https://img.webme.com/pic/p/poddi-designs/1_bg.gif) repeat;
font-family: verdana, arial, sans-serif;
font-size: .69em;
padding: 0px;
margin: 0px;
}
/*HINTERGRUND ENDE*/
/*FORMATIERUNG*/
h1{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size: 120%;
text-transform: uppercase;
font-weight: bold;
color: #367ba7;
border-bottom: 1px solid #c9d2d5;
}
h2{
margin: 0px;
padding: 0px 0px 4px 0px;
font-size: 100%;
color: #3b3b3b;
}
p{
margin: 0px;
padding: 0px 0px 16px 0px;
line-height: 1.5em;
}
a{
color: #367ba7;
text-decoration: underline;
}
a:hover{
color: #367ba7;
text-decoration: underline;
font-weight: bold;
}
img{border: 0px;}
/*FORMATIERUNG ENDE*/
/*BILD-POSITIONIERUNG*/
.left{
float: left;
padding: 0px 8px 5px 0px;
}
.right{
float: right;
padding: 0px 0px 5px 8px;
}
/*BILD-POSITIONIERUNG ENDE*/
/*SONSTIGE FORMATIERUNGEN*/
li{
list-style-type: square;
color: #367ba7;
}
ul { color: #367ba7; }
hr{
height: 1px;
border: 0px dashed #c9d2d5;
background-color: #c9d2d5;
margin: 5px;
}
/*SONSTIGE FORMATIERUNGEN ENDE*/
/*DESIGNCONTAINER*/
#container{
width: 922px;
margin: 0px auto;
color: #ffffff;
margin-top: 0px;
}
#content_container{
width: 922px;
background: url(https://img.webme.com/pic/p/poddi-designs/1_main.png);
background-repeat: repeat-y;
float: left;
}
/*DESIGNCONTAINER ENDE*/
/*HEADER*/
h1#header{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 170%;
font-weight: bold;
color: #fff;
border: 0px;
}
.header{
background-image: url(https://img.webme.com/pic/p/poddi-designs/1_logo.png);
background-repeat: no-repeat;
width: 500px;
height: 81px;
padding-left: 110px;
float: left;
margin-left: 40px;
}
h2#nav_heading{      /*dient hier als Slogan-Platzhalter*/
font-size: 12px;
color:#fff;
font-weight: normal;
margin: -35px 0px 30px 130px;
}
/*HEADER ENDE*/
/*INHALTSBEREICH*/
#content{
width: 642px;
min-height: 20px;
float: left;
background: transparent;
text-align: left;
padding: 10px;
color: #3b3b3b;
margin-left: 15px;
}
/*INHALSBEREICH ENDE*/
/*SIDEBAR*/
#sidebar_container{
background: url(https://img.webme.com/pic/p/poddi-designs/1_side.png) repeat-x;
padding: 5px;
width: 204px;
float: right;
margin-right: 31px;
color: #000;
}
#sidebar_container hr{
background: url(https://img.webme.com/pic/p/poddi-designs/1_side_hr.png) repeat-x;
height: 16px;
border: 16px;
width: 213px;
margin-left: -5px;
}
#sidebar_container ul, #sidebar_container li{list-style-type: none;}
#sidebar_container li a {
display: block;
width: 194px;
padding: 5px;
padding-top: 3px;
padding-bottom: 3px;
background: transparent;
border-bottom: 1px solid #c9d2d5;
text-decoration: none;
font-weight: normal;
color: #367ba7;
font-family:Arial, Helvetica, Verdana, sans-serif;
margin: 0px;
}
#sidebar_container li a:hover {
background: #d1dfe3;
color: #367ba7;
font-weight: bold;
}
/*SIDEBAR ENDE*/
/*NAVIGATION*/
#nav_container{
width: 902px;
height: 40px;
background: url(https://img.webme.com/pic/p/poddi-designs/1_navi.png);
float: left;
padding-left: 20px;
}
#nav ul, li.nav_element{list-style-type: none;}
li.nav_element a{
color: #fff;
display: block;
margin: 5px;
margin-left: 15px;
padding: 10px;
padding-bottom: 0px;
padding-top: 3px;
height: 20px;
float: left;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
li.nav_element a:hover{
color:#000;
display: block;
margin: 5px;
margin-left: 15px;
padding: 10px;
padding-top: 10px;
padding-bottom: 5px;
margin-top: -5px;
text-decoration: none;
height: 25px;
background: #fff;
}
/*NAVIGATION ENDE*/
/*FOOTER*/
#foot{
width: 837px;
height: 36px;
background: url(https://img.webme.com/pic/p/poddi-designs/1_foot.png);
margin: 0px auto;
padding-left: 60px;
padding-right: 25px;
padding-top: 5px;
color: #fff;
clear:both;
}
#foot a{
margin-left: 5px;
margin-right: 5px;
color: #fff;
text-decoration: underline;
}
#foot a:hover{
color: #fff;
text-decoration: none;
font-weight: normal;
}
#poddi{
color: #727272;
float: right;
}
#poddi a{color: #727272;}
/*FOOTER ENDE*/
/*WERBUNG ZENTRIEREN*/
table[height="102"] {
margin:auto;
}
/*WERBUNG ZENTRIEREN ENDE*/

1.extra kutu kodu

<h1>News</h1> <h2>18.Juli 2010</h2>
<p>Neues Design! Hier seht ihr es, das neue Design von Poddi<br />
<a href="#">weiterlesen</a></p>
<h2>18.Juli 2010</h2>
<p>Keine News eingetragen.</p>
<hr>
<h1>Partner</h1>
<h2>Premium</h2>
<li><a href="#">Premium 1</a></li>
<li><a href="#">Premium 2</a></li>
<li><a href="#">Premium 3</a></li>

bycitys

Black White

Tasarımın Üstündeki Yazı

Css -Kodu:

1.extra kutu kodu

Misyonumuz

Karışık

Son Eklediklerimiz

Dost Siteler