Yusuf-Ede Bilgi Portalı

Gri Tasarim 1

Bedava-sitem'e verdiğim ilk tasarım.Daha doğrusu ilk css tasarımı.Yaparken cok heyecanlandım.Ama Güzel Oldu.Aslında o kadar güzel oldu ki ben kullancaktım.Ama tasarımı degistirmek istemedim.Tasarımı alanlara bazı bir seyler dicem onlara 5000 kod arsivi vercme.

Kısaca Tasarım

1.Bir Baslık,Bir Orta ve Bir Copright bölümünden oluşur.
2.Tablo tasarımıdır.
3.Hover özellikli menüsü vardır.
4.Baslıklı menüsü vardır.
5.Nerdesin kodu mevcuttur.
6.Logo alanı 370x100 px'dir.
7.Reklam Alanı Mevcuttur.
8.Yorum Özelliigi vardır.
9.Ziyaretçi defteri özelliği vardır.
10.Facebook Duyuru Kodu Mevcuttur.
11.Yorum kutusunda arkaplan vardır.
12.Kod kutusuna efect verilmiştir.
13.Fare +plus kodu vardır.

Tasarımın Ön İzlemesi İcin Tıklayın.

Tasarımda en çok bu yazı tipi kullanılmıştır.
Tasarımın Üstü Alanına Gelecek Kod:

Tasarımın Altına Alanına Gelecek Kod:

Css Koduna Gelecek Kod (Style Tagleri olmadan yazan yere)

input[type=text] {  border: 1px dashed #000;  width: 250px;  margin-left:10px;  color: #000;  text-shadow: #000 0px 0px 3px rgb(128, 128, 128);  margin-top:4px;  font-weight: bold;  background-image: url(RESİMURL);  -moz-border-radius:10px 0px 10px 0px;  -webkit-border-radius:10px 0px 10px 0px; } textarea {  border: 1px dashed #000;  overflow: auto;  width: 247px;  color: #000;  text-shadow: #000 0px 0px 3px rgb(128, 128, 128);  margin-left:10px;  margin-top:4px;  background-image: url(RESİMURL);  -moz-border-radius:10px 0px 10px 0px;  -webkit-border-radius:10px 0px 10px 0px;  font-family: Arial, Helvetica, sans-serif; } input[type=submit] {  border: 1px dashed #000;  color: #000;  margin-left:10px;  text-shadow: #000 0px 0px 3px rgb(128, 128, 128);  margin-top:4px;  font-weight: bold;  background-image: url(RESİMURL);  -moz-border-radius:10px 0px 10px 0px;  -webkit-border-radius:10px 0px 10px 0px; }  a:link {	 color: #006be5; text-decoration: none; outline-style: none; cursor: url(https://img.webme.com/pic/b/bs-themes/maus-p.png), pointer; } a:visited { color: #006be5; text-decoration: none; outline-style: none; cursor: url(https://img.webme.com/pic/b/bs-themes/maus-p.png), pointer; } a:hover, a:active { color: #fd9c68; text-decoration: none; outline-style: none; cursor: url(https://img.webme.com/pic/b/bs-themes/maus-p.png), pointer; } body { height: 100%; margin: 0px 0 10px 0; padding: 0px; background-color: #b0b0b0; /*#b0b0b0*/ font-size: 12px; font-family: verdana,helvetica,'Lucida Grande',arial,sans-serif; font-variant: normal; line-height: 1.6em; outline-style: none; color: black; cursor: url(https://img.webme.com/pic/b/bs-themes/maus-d.png), default; }  i(      padding : 5px;     text-align : left;     display : block;     overflow : auto;      font : 500 1em/1.5em 'Verdana';     border : 1px solid #cccccc;     -moz-border-radius: 5px 5px 5px 5px;  border-radius: 5px 5px 5px 5px; } <strong><span style="font-size: small;"><span style="color: rgb(0, 0, 0);"><em><span style="font-family: Century Gothic;"><span style="text-shadow: 0px 0px 3px rgb(128, 128, 128);"/span></span></em></span></span></strong>  /*Bs-Designs Tarafindan Hazirlanmistir*/            }    table {    margin:auto;    }        li.nav_element {    list-style-type:none;    display:none;    }        hr {    border:none;    height:25px;    background:url(https://img.webme.com/pic/b/bs-designs/ayir.png) no-repeat center center;    margin:1px 0;    }  }    h1#title{display: none;}  h2#title span {display: none;}  div.header{display: none;}  li.nav_element{list-style-type: none;}  li.nav_element{display: none;} #kommentartext { background-image:url(https://img.webme.com/pic/y/yusuf-ede/ekln2.png); } input { padding: 1px; margin-right: 1px; background-image: url( bos ); color: #000000; border: solid 2px #000000; font-family: century gothic; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; padding: 5px 10px; }   textarea { padding: 1px; margin-right: 1px; background-image: url( bos ); color: #000000; border: solid 2px #000000; font-family: century gothic; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; padding: 5px 10px; } </body></html> #below_content{margin-bottom:-950px;} font[color="green"]{ background-color:#7612ff; border:1px solid #003fb2; color:#000000; -moz-border-radius:6px; -khtml-border-radius:6px;} A{ text-decoration : none; } font[color="red"]{ background-color:#7feeff; border:1px solid #65ceff; color:#000000; -moz-border-radius:6px; -khtml-border-radius:6px;} A{ text-decoration : none; } #below_content{margin-bottom:-950px;} font[color="green"]{ background-color:#ADFF2F; border:1px solid #00B233; color:#000000; -moz-border-radius:6px; -khtml-border-radius:6px;} A{ text-decoration : none; } font[color="red"]{ background-color:#FF9999; border:1px solid #CC0033; color:#000000; -moz-border-radius:6px; -khtml-border-radius:6px;} A{ text-decoration : none; } <style type="text/css"> <!-- iframe{border:dashed 3px #000000;}
<link rel="stylesheet" type="text/css" href="http://img54.xooimage.com/files/9/1/d/sm2-2718212.css" />
<style type="text/css"> <!-- iframe{border:dashed 3px #000000;}
table {margin-left: auto;margin-right: auto} 
<style type="text/css">
<!--
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999;
}
a:hover {
	text-decoration: underline;
	color: #00C;
}
a:active {
	text-decoration: none;
	color: #900;
}

</style>
</script>  <style type="text/css">   </style> <style type="text/css"> #content table div:after{content: url(BANNER RESMİNİZİ BURAYA EKLEYİNİZ);display:block;margin-top:200px} </style> <style type="text/css"> #content{width:Xpx} </style>  <style type="text/css">  .forumueberschrift{        display: block;        padding: 15px 10px 15px 15px;        border: 1px solid #c0c0c0;        border-radius: 10px 10px 0 0;        font-family: Verdana;        color: #333;        font-size: 12px;        font-weight: bold;        background: #efefe7 url(http://www.forumuz.net/images/styles/VisionCollision/misc/navbit-home.png) no-repeat left;     }          .forumtabelle {         background-color: #efefe7;         border: 1px solid #c0c0c0;         padding: 20px;         border-radius: 0 0 10px 10px;         margin-top: -20px;         border-top: none;     }          a[style="font-size:15px;font-weight:bold;"]{        padding: 15px 10px 15px 15px;        border: 1px solid #c0c0c0;        border-radius: 10px;        font-family: Verdana;        color: #C03;        font-size: 12px;        font-weight: bold;        background: #efefe7;        margin: 15px 0 20px 0;        text-decoration: none;        display: block;     }          TD[width="100%"]{        padding: 5px 5px 5px 5px;        border: 1px solid #c0c0c0;        border-radius: 10px;        font-family: Verdana;        color: #C03;        font-size: 12px;        font-weight: bold;        background: #efefe7;        margin: 15px 0 20px 0;        text-decoration: none;        display: block;        width: 99%;     }          TD[width="100%"] a{        text-decoration: none;     }          TABLE[cellspacing="0"]{        border: none;        border: 1px solid #c0c0c0;        border-radius: 10px;        padding: 5px;        color: #333;        font-size: 11px;     }          TABLE[cellspacing="0"] a{        color: #C03;        text-decoration:none;        font-family: Verdana, Geneva, sans-serif;        font-size: 12px;     }          TABLE[cellspacing="0"] a:hover{        text-decoration:none;     }          TD{        color: #333;        text-decoration:none;        font-family: Verdana, Geneva, sans-serif;        font-size: 12px;     }          TR[onMouseOver="this.bgColor = '#dedfc6'"]{        background: #efefe7;     }          TD[width="300"]{        border-bottom: 1px solid #d1d1e1;     }          TD[width="75"]{        border-bottom: 1px solid #d1d1e1;     }          TD[width="120"]{        border-bottom: 1px solid #d1d1e1;     }          #emr{        text-decoration: none;     }     #emr ul {        font-family: Verdana, Geneva, sans-serif;        font-size: 12px;     }                 #emr ul li {        display: inline;        padding-right: 20px;        margin: 0px;     }                 #emr ul li a {        font-size: 12px;        color: #C00;        text-decoration: none;        font-weight: bold;        padding: 5px;     }                 #emr ul li a:hover {        color: #FFF;        text-decoration: none;        background-color: #C00;        border-radius: 5px;     }   </style>  <!DOCTYPE HTML><style type="text/css">div.foixed-position{position:fixed;z-index:4000;}div.foixed-s-e{bottom:25px;left:20px;}</style><style type="text/css">div.foixed-position{_position:absolute;}div.foixed-s-e{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div class="foixed-position foixed-s-e" id="bildrm" style="width:230px;height:37px;" ><