Web Tasarım Eviniz

tasarim4

Design By@Gundi Yeşil Tasarım

Tasarımın Önizlemesi İçin Tıkla

Tasarımın Üstüne:
 <link rel="stylesheet" href="styles.css" type="text/css" media="screen" /> <style type="text/css">  </style><div class="wrapper"> <div class="top"> <div class="search"></div> </div> <div class="banner"> <div class="wrap"> <h1><a href="http://www.smailogullari.tr.gg/">Design By@Gundi</a></h1> </div> <div class="menu"> <ul> <li><a href="http://www.smailogullari.tr.gg/" class=" active"><span>ANA SAYFA</span></a></li> <li><a href="http://smailogullari.tr.gg/Hakkimizda.htm" class=""><span> HAKKIMIZDA</span></a></li><li><a href="http://smailogullari.tr.gg/iletisim.htm" class=""><span> İLETİŞİM</span></a></li><li><a href="http://smailogullari.tr.gg/Mesajlar.htm" class=""><span> ZİYARETÇİ DEFTERİ</span></a></li><li><a href="http://smailogullari.tr.gg/misyon-ve-vizyon.htm" class=""><span> MİSYON VE VİZYON</span></a></li><li><a href="http://smailogullari.tr.gg/yardim.htm" class=""><span> YARDIM</span></a></li> </ul> </div> </div> <div class="topcontent"> <div class="bottomcontent"> <div class="centercontent"> <div class="contentwrapper"> <div class="content"> <p>

Tasarımın Altına:

</p>
</div>
<div class="sidebar">
<ul>
<li class="categories"><h2>Resim Galerisi</h2><ul>	<li class="cat-item cat-item-5">
<a href="http://smailogullari.tr.gg/resimgalerisi1.htm">Galeri
1 </a> </li>
<li class="cat-item cat-item-6">
<a href="http://smailogullari.tr.gg/Resim-Galerisi_2_.htm">Galeri  2</a>
</li>
<li class="cat-item cat-item-4">
<a href="http://smailogullari.tr.gg/Resim-Galerisi_3_.htm">Galeri  3</a>
</li>
<li class="cat-item cat-item-1">
<a href="http://smailogullari.tr.gg/degresim.htm">Çeşitli Resimler</a>
</li>
<li class="cat-item cat-item-3">
<a href="http://smailogullari.tr.gg/koyunluresim.htm">Koyunlu Resim</a>
</li>
</ul></li>
<li>
<h2>Şirketimiz</h2>
<ul>
<li class="page_item page-item-2">
<a href="http://smailogullari.tr.gg/Y.oe.netim-Kurulu.htm">
Yönetim Kurulu</a></li>
<li class="page_item page-item-2">
<a href="http://smailogullari.tr.gg/kurulus-amaci.htm">Kuruluş
Amacı</a></li>
<li class="page_item page-item-10">
<a href="http://smailogullari.tr.gg/faaliyet.htm">Faaliyet alanı</a></li>
<li class="page_item page-item-12">
<a href="http://smailogullari.tr.gg/Etkinlikler.htm">Etkinlikler</a></li>
<li class="page_item page-item-11">
<a href="http://smailogullari.tr.gg/misyon-ve-vizyon.htm">Misyon
ve Vizyonumuz</a></li>
<li class="page_item page-item-8">
<a href="http://smailogullari.tr.gg/aile-birligi.htm">Aile
Birliği</a></li>
</ul>
</li>
<li>
<h2>Üyeler</h2>
<ul>
<li><a href="http://www.themestudio.us">Üyelerimiz</a></li>
<li><a href="http://www.themestudio.us">Aidatlar</a></li>
</ul>
</li>
<li>
<h2>Koyunlu Beldesi</h2>
<ul>
<li><a href="http://www.koyunlufm.tr.gg/">Koyunlu Fm</a></li>
<li><a href="http://www.mutki-koyunlu.tr.gg/">Mutki-Koyunlu</a></li>
</ul>
</li>
<li>
<h2>Reklam</h2>
<ul>
<li><a href="http://smailogullari.tr.gg/bizim.htm">Bizimkiler</a></li>
<li><a href="http://smailogullari.tr.gg/Tanitim.htm">Tanıtım</a></li>
</ul>
</li>
<li>
<h2>Eğlence</h2>
<ul>
<li><a href="http://smailogullari.tr.gg/video.htm">Video</a></li>
<li>
<a href="http://smailogullari.tr.gg/Son-Haberler.htm">
Son Haberler</a></li>
<li>
<a href="http://smailogullari.tr.gg/faydali.htm">
Faydalı Bilgiler</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="contentbottom"></div>
</div>
</div>
</div>
<div id="footwrap">
<div id="d"><strong> By-Gubdi © 2009</strong> --
Design <a href="mailto:uyanik_ailesi@hotmail.com">By@Gundi </a> </div>
<div id="s">Tüm Hakları By-Gundi Web'eAittir
</div>

Css Kodu:

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;}
*/
body {
float: center;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-image:url(https://img.webme.com/pic/b/bygundi/bg.jpg);
background-repeat:repeat;
text-align: center;
font-family:Tahoma;
color:#000;
font-size:12px;	}
a {color:#4E4E4E;text-decoration: underline}
a:hover {color:#000;
cursor: hand;
text-decoration: none}
h1, h2, h3, h4, h5, h6 {}
blockquote {
padding:0 10px;
font-style: italic;
color: #343434;}
.clear {clear:both;}
.wrapper {
float: center;
margin: 0 auto;
clear: both;
width: 1000px;
overflow: hidden;}
.contentwrapper {
width:1000px;
background: #CECECE url(https://img.webme.com/pic/s/smailogullari/temam02.png) repeat-y;
min-height:654px;
margin:0 auto;
padding: 0 0 0 0px;}
.banner {
float: center;
height:273px;
width:1000px;
text-align: left;
margin: 0 auto;
padding: 0 0 0 0;
position:relative;
background: url(https://img.webme.com/pic/s/smailogullari/temam01.png) no-repeat;}
.banner .wrap {
text-align: left;
padding-left: 0 0 0 0;}
.banner h1 {
position:relative;
text-align: left;
margin: 0 0 0 0;
padding-left:530px;
overflow: hidden;
padding-top:65px;
color:#FFF;
font-size:40px;
font-style: italic;
font-family: Times;}
.banner h1 a {
text-decoration:none;
color:#FFF;}
.banner h1 a:hover {color:#FA8100;}
.menu {
width: 970px;
float: center;
margin:0 auto;
padding:0 auto;
clear: both;
font-size:98%;
line-height:normal;
z-index: 100;
position: relative;
top: 85px;
left: 0px;}
.menu ul {
list-style:none;
margin: 0;
padding: 0; }
.menu ul li {
display:inline;
padding:0;
margin: 0; }
.menu ul li a {
float:left;
display:block;
color:#000000;
border-right: 1px solid #A24941;
padding:0 0 0 1.5em;
margin:0 1px 0 10;
font-size:13px;
font-weight: bold;
font-family:Tahoma;
text-decoration: none; }
.menu ul li a span {
color:#FA8100;
padding:0.6em 1em 0.6em 0px;
margin: 0px;
display:block;
text-decoration: none; }
.menu ul li a:hover, .menu .active {
background-position: 0% -33px;
text-decoration: none; }
.menu ul li a:hover span, .menu .active span {
background-position: 100% -33px;
color: #FFF;
text-decoration: none; }
.content {
text-align: left;
float:right;
line-height: 16px;
width:700px;
padding:0 0 5px 5px;
}
.line {overflow:hidden;}
.sidebar {
text-align: left;
float:left;
width:230px;
padding-top:0px;
font-family: Tahoma;
padding-left: 33px;
line-height:15px;
font-size:12px;
overflow:hidden;
}
.sidebar a {
margin: 0 0 0 15px;
line-height: 1.6em;
width:180px;
text-decoration:none;
color:#000;}
.sidebar div a {font-weight:bold; }
.sidebar a:hover {text-decoration:none; color:#555555;}
.sidebar ul {
margin:0;
padding:0;
list-style:none;}
.sidebar ul li {background:url(https://img.webme.com/pic/s/smailogullari/sidebg.jpg) left repeat-y;}
.sidebar ul li li {margin: 0 0 0 0px; background:url(https://img.webme.com/pic/b/bygundi/link.jpg) top left no-repeat; border-bottom: 1px dashed #E2AAA7;}
.sidebar ul li li:hover {margin: 0 0 0 5px; background: url(https://img.webme.com/pic/b/bygundi/link1.jpg) top left no-repeat;}
.sidebar h2 {
color:#FFF;
height: 28px;
font-size:14px;
font-weight:bold;
font-family:Tahoma;
margin:0px 0 0px 0px;
background:  url(https://img.webme.com/pic/b/bygundi/sidetop.jpg) left top no-repeat;
padding:11px 0 7px 45px;
line-height:normal;}
.sidebar ul li ul, .sidebar ul li div {
background:url(https://img.webme.com/pic/s/smailogullari/sidebottom.jpg) left bottom no-repeat;
padding:0 10px 15px 14px;}
.sidebar ul li ul ul, .sidebar ul li div div {
padding:0 0 0 10px;
background:none;}
.pagelinks {
font-size:14px;
font-weight:bold;
padding-bottom:20px;
padding-left:20px;}
.navigation {
height:25px;
padding:0 20px;
margin-top:20px;
clear:both;}
.navigation a {
font-weight:bold;
text-decoration:none;
font-size:14px;}
.navigation a:hover {text-decoration:underline;}
.aleft {float:left;}
.aright {float:right;}
.contentCenter {text-align:center;}
h2.pagetitle {
padding:20px 0 0 5px;
margin:0 0 20px 0;
font-size:20px;
text-align:center;
color:#555555;
font-style:none;}
.comments {text-align: left;}
.comments ol {
margin:0 0 25px 0;
padding:0;
list-style:none;}
.comments p {
margin:10px 0 0 0;
padding:0;}
.comments li {margin:10px 0 0 0;}
.comments li p {padding-left:10px;}
.respond form {
margin:0;
padding:0;}
.respond textarea {
width:90%;
height:156px;
background:#E3E3E3;
border:2px solid #5e676d;
color:#000;
padding:10px;
overflow:auto;
font-family:Tahoma, Verdana, serif;
font-size:14px;}
#commentform input {
background:#E3E3E3;
border:1px solid #5e676d;
color:#000;
padding-left:10px;}
.respond input#submit {
padding:0;
width:72px;
height:29px;}
.respond p {
padding:0;
margin:20px 0;}
.respond h2, .comments h2 {
margin:0 auto;
font-size:18px;
color:#C90018;
height: 15px;
clear:both;
padding: 5px 0 0 0px;
font-weight:normal;
font-family: Georgia;}
#footwrap {
float: center;
margin: 0 auto;
text-align: center;
height:52px;
width:1000px;
color: #3C0E0C;
background: url(https://img.webme.com/pic/s/smailogullari/temam04.png) center no-repeat;
font-family: Tahoma;
font-size:12px;
}
#footwrap #d{
width: 550px;
float: left;
text-align: left;
margin: 0 0 0 0;
padding: 35px 0 0 15px;
display: block;
margin-bottom: 2px;}
#footwrap #s{
text-align: right;
margin: 0 0 0 0;
padding: 35px 15px 0 0;
display: block;
margin-bottom: 2px;}
#footwrap a:link {
color: #3C0E0C;
border: none;
font-weight: bold;
text-decoration: none;}
#footwrap a:hover {
color: #000;
border: none;
text-decoration: none;}
#footwrap a:visited:hover {
color: #000;
border: none;
text-decoration: none;}
#footwrap a:visited {
color: #3C0E0C;
text-decoration: none;
border: none;
font-weight: bold;}
#footwrap #design {padding: 0 0 0 0;}

Bir Teşekkür Yeterli...