bycitys

Purple dream

Tasarımın Üstündeki Yazı

<div id="purple_dream">
<div id="wolke">Titel</div>
<div id="slogan">Hier kann dein Slogan stehen.</div>

Tasarımın Altındaki Yazı

<div id="copyright">©Copyright 2010 by Deine-Website.de.tl  -  Design by <a href="http://www.poddi.de.tl" target="_blank">Poddi</a></div>
</div>

Css Tasarımlar

  /* Purple Dream - Copyright by www..de.tl */
/*VERSTECKT*/
#header_container{display:none;}
h2#title{display:none;}
#counter{display:none;}
#sidebar_container{display:none;}
#nav_heading{display:none;}
/*VERSTECKT ENDE*/
*{margin: 0; padding:0;}
/*HINTERGRUND*/
body{
background-image: url(https://img.webme.com/pic/p/poddi-designs/pdream_bg.png);
background-color: #ececec;
background-repeat: repeat-x;
font-family: arial, sans-serif;
font-size: 12px;
}
/*HINTERGRUND ENDE*/
/*FORMATIERUNGEN*/
h1,h2{
margin-top: 4px;
margin-bottom: 4px;
}
h1{
color: #a229b1;
font-size: 18px;
font-weight: normal;
}
h2{
color: #6f007c;
font-size: 14px;
font-weight: normal;
}
a{
color: #a229b1;
font-style: italic;
text-decoration: none;
}
a:hover{
color: #6f007c;
}
hr{
height: 1px;
border: 0px solid #e0e0e0;
background-color: #e0e0e0;
margin: 5px;
margin-left: 0px;
margin-right: 0px;}
/*FORMATIERUNGEN ENDE*/
/*DESIGNCONTAINER*/
#purple_dream{
width: 802px;
margin: 0px auto;
background: transparent;
}
/*DESIGNCONTAINER ENDE*/
/*HEADER*/
#wolke{
margin-left: 80px;
margin-top: 10px;
width: 224px;
height: 66px;
background-image: url(https://img.webme.com/pic/p/poddi-designs/dream_wolke.png);
text-align: center;
font-weight: normal;
font-size: 25px;
color: #a229b1;
padding-top: 27px;
float: left;
}
#slogan{
font-size: 14px;
font-style: italic;
color: #ffffff;
float: left;
margin-top: 60px;
}
/*HEADER ENDE*/
/*NAVIGATION*/
#nav_container:before{
content: url(https://img.webme.com/pic/p/poddi-designs/dream_navl.png);
width: 20px;
height: 43px;
margin: 0px 0px 0px -20px;
float: left;
}
#nav_container{
background: url(https://img.webme.com/pic/p/poddi-designs/dream_navbg.png) repeat-x;
width: 760px;
height: 43px;
margin: 5px 0px 0px 20px;
padding: 0px;
float: left;
clear:both;
}
#nav_container:after{
content: url(https://img.webme.com/pic/p/poddi-designs/dream_navr.png);
width: 20px;
height: 43px;
margin: 0px -20px 0px 0px;
float: right;
}
ul#nav{list-style-type: none;}
li.nav_element{
float: left;
display:block;
color: #449100;
margin: 17px 10px 0px 10px;
}
li.checked_menu:before {
content: url(https://img.webme.com/pic/p/poddi-designs/dream_tabl.png);
height: 43px;
width: 11px;
margin: 0px 0px 0px -11px;
float: left;
}
li.checked_menu {
background: url(https://img.webme.com/pic/p/poddi-designs/dream_tabbg.png) repeat-x;
height: 43px;
margin: 0px 10px 0px 10px;
float: left;
display:block;
}
li.checked_menu:after{
content: url(https://img.webme.com/pic/p/poddi-designs/dream_tabr.png);
height: 43px;
width: 11px;
display:block;
margin: 0px -11px 0px 0px;
float: right;
}
li.subpage a{
font-style: italic;}
li.subpage a:before{
content: "»  ";}
li.checked_menu a{
font-weight: bold;
color: #a229b1;
font-size: 13px;
margin: 15px 7px 0px 7px;
}
li.checked_menu a:hover{
text-decoration: none;
color: #6f007c;
}
a.menu{
display:block;
float: left;
color: #fff;
font-style: normal;
text-decoration: none;
padding: 2px
}
a.menu:hover{
text-decoration: underline;
}
/*NAVIGATION ENDE*/
/*INHALTSBEREICH*/
#content_container{
background: transparent;
width: 800px;
min-height: 421px;
float: left;}
#pre_content{
width: 16px;
background-image: url(https://img.webme.com/pic/p/poddi-designs/dream_contentl.png);
height: 421px;
float: left;}
#content{
width: 726px;
padding: 110px 20px 20px 20px;
background-image: url(https://img.webme.com/pic/p/poddi-designs/dream_contentbg.png);
background-color: #ffffff;
background-repeat: repeat-x;
float: left;
min-height: 421px;
color: #333333;
border: 1px solid #dad8db;
}
#post_content{
width: 16px;
background-image: url(https://img.webme.com/pic/p/poddi-designs/dream_contentr.png);
height: 421px;
float: right;}
/*INHALTSBEREICH ENDE*/
/*FOOTER*/
#copyright{
color: #6b6b6b;
text-align: center;
width: 800px;
float: left;
margin: 20px 0px 20px 0px;
}
/*FOOTER ENDE*/
/*WERBUNG Positionieren*/
table[height="102"] {
position: absolute;
top: 150px;
left: 50%;
margin-left: -370px;
}
/*WERBUNG Positionieren ENDE*/

bycitys

Purple dream

Tasarımın Altındaki Yazı

Css Tasarımlar

Misyonumuz

Karışık

Son Eklediklerimiz

Dost Siteler