kidtasarim
Sesaff Tasarimm
Özellikleri
Hersey Var Vlaha Aga .. .D:
Tasarımın Üst.:
YorumLarınızı Eksik Etmek Yok Heee Dingiller...
Kod
<!--Tasarim Baslangici Hazirlayan KidTasarim.tr.gg/-->
<div id="govde">
<div id="ust">
<div class="top"></div>
<div class="logo"><img src="http://b1110.hizliresim.com/11/10/4/3286.png" width="250" height="50" alt="logo" /></div>
</div>
<div id="yan_men_bolm"></div>
<div id="icerik">
<div class="icerik_sag">
<h1>Genel</h1>
<ul>
<li><a href="#url">Ana Sayfa</a></li>
<li><a href="#">Hakkımızda</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">Forum</a></li>
<li><a href="http://kidtasarim.tr.gg">kidtasarim.tr.gg</a></li>
</ul>
<h1>Bilgi Paylasim</h1>
<ul>
<li><a href="#url">Bilgisayar?</a></li>
<li><a href="#">İnternet?</a></li>
<li><a href="#">Nasıl Yapılır?</a></li>
<li><a href="#">Nasıl Çalışır?</a></li>
<li><a href="#">Nasıl Düzenlenir?</a></li>
<li><a href="#">İnternet Hakkında</a></li>
<li><a href="#">Bilmeniz Gerekenler</a></li>
<li><a href="#">Tarayicilar</a></li>
<li><a href="http://kidtasarim.tr.gg">kidtasarim.tr.gg</a></li>
</ul>
<h1>Bedava-Sitem</h1>
<ul>
<li><a href="#url">Nasıl Sİte Kurulur?</a></li>
<li><a href="#">Nasıl DUzenlenir?</a></li>
<li><a href="#">Grafiker Ekibi</a></li>
<li><a href="http://kidtasarim.tr.gg">kidtasarim.tr.gg</a></li>
</ul>
</div>
<div class="icerik_sol">
<div id="content">
<p>Bu Tasarım <a href="http://kidtasarim.tr.gg">kidtasarim.tr.gg</a> Tarafından Hazırlanmıstır</p>
<p>Tum Haklari Sizlere Aciktir.</p>
<p>İyi Gunler Kullanın.</p>
<p>( ! )NOT: En İyi Mozilla Firefox 2.0+ 1024*768 Boyutlarında Goruntulenır. ( ! )<br />
<br />
</p>
Tasarımın Alt:
</div>
</div>
<div class="clear"></div>
</div>
<div id="copr">
<div class="son_konu">
<h2 class="baslik-golge">Son Konular</h2>
<ul>
<li><a href="#url">Son Konu 1</a></li>
<li><a href="#url">Son Konu 2</a></li>
<li><a href="#url">Son Konu 3</a></li>
<li><a href="#url">Son Konu 4</a></li>
<li><a href="#url">Son Konu 5</a></li>
<li><a href="http://kidtasarim.tr.gg">KidTasarim.tr.gg</a></li>
</ul>
</div>
<div class="link-dost">
<div class="link_tks">
<h2 class="baslik-golge">Link Takas</h2>
<ul>
<li><a href="#url">Link Takas 1</a></li>
<li><a href="#url">Link Takas 2</a></li>
<li><a href="#url">Link Takas 3</a></li>
<li><a href="#url">Link Takas 4</a></li>
<li><a href="#url">Link Takas 5</a></li>
<li><a href="http://kidtasarim.tr.gg">KidTasarim.tr.gg</a></li>
<br/>
<br/>
<div class="designer"></div>
</ul>
</div>
<div class="dost_sit">
<h2 class="baslik-golge">Dost Siteler</h2>
<ul>
<li><a href="#url">Dost Site 1</a></li>
<li><a href="#url">Dost Site 2</a></li>
<li><a href="#url">Dost Site 3</a></li>
<li><a href="#url">Dost Site 4</a></li>
<li><a href="#url">Dost Site 5</a></li>
<li><a href="http://kidtasarim.tr.gg">KidTasarim.tr.gg</a></li>
</ul>
</div>
</div>
</div>
</div>
Css Bölümü:
/*Tasarim Kodlayan ve Hazilayan Kidtasarim.tr.gg*/
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,td,th {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
color: #000;
}
body {
background-image: url(https://img.webme.com/pic/y/yapiyoruz/27_05.jpg);
background-position:center top;
background-attachment:fixed;
}
#govde {
height: auto;
width: 950px;
margin-right: auto;
margin-left: auto;
}
#ust {
background-image: url(http://c1110.hizliresim.com/11/10/4/3203.png);
height: 154px;
width: 950px;
}
#yan_men_bolm {
background-image: url(http://c1110.hizliresim.com/11/10/4/3206.png);
height: 76px;
width: 950px;
}
#icerik {
background-image: url(http://b1110.hizliresim.com/11/10/4/3207.png);
height: auto;
width: 950px;
}
.icerik_sol {
float: left;
height: auto;
width: 650px;
margin-left: 55px;
}
.clear {
clear: both;
}
.icerik_sag {
float: right;
height: auto;
width: 191px;
margin-right: 53px;
}
#govde #icerik .icerik_sag h1 {
font-weight: bold;
text-decoration: none;
display: block;
line-height: 23px;
background-image: url(https://img.webme.com/pic/y/yapiyoruz/27_ymnu_06.png);
padding-left: 23px;
}
#govde #icerik .icerik_sag ul li a:hover {
background-color: #B9BDBF;
background-image: url(https://img.webme.com/pic/y/yapiyoruz/27_ymnu_07_02.png);
background-repeat: no-repeat;
background-position: left bottom;
}
#govde #icerik .icerik_sag ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#govde #icerik .icerik_sag ul li a {
text-decoration: none;
display: block;
line-height: 22px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #000;
padding-left: 5px;
}
#copr {
background-image: url(http://b1110.hizliresim.com/11/10/4/3212.png);
height: 300px;
width: 950px;
}
.link-dost {
float: left;
height: 150px;
width: 500px;
margin-left: 60px;
}
#govde #copr .link-dost .link_tks ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#govde #copr .link-dost .link_tks ul li a {
display: block;
padding-top: 4px;
padding-bottom: 4px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #A7ABAD;
}
#govde #copr .link-dost .link_tks ul li a:hover {
background-color: #B9BDBF;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #000;
}
.link_tks {
float: left;
height: 150px;
width: 200px;
margin-left: 20px;
}
#govde #copr .son_konu ul li a {
display: block;
padding-top: 4px;
padding-bottom: 4px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #A7ABAD;
}
#govde #copr .son_konu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#govde #copr .son_konu ul li a:hover {
background-color: #B9BDBF;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #000;
}
#govde #copr .link-dost .dost_sit ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#govde #copr .link-dost .dost_sit ul li a {
display: block;
padding-top: 4px;
padding-bottom: 4px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #A7ABAD;
}
#govde #copr .link-dost .dost_sit ul li a:hover {
background-color: #B9BDBF;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #000;
}
.son_konu {
float: right;
height: 150px;
width: 200px;
margin-right: 168px;
}
.dost_sit {
float: right;
height: 150px;
width: 200px;
margin-right: 30px;
}
a {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
color: #000;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: none;
color: #06F;
}
a:active {
text-decoration: none;
color: #000;
}
h1,h2,h3,h4,h5,h6 {
font-family: Verdana, Geneva, sans-serif;
}
h1 {
font-size: 11px;
color: #000;
}
.baslik-golge {
text-shadow: 1px 1px 1px black;
font-weight: bold;
color: #FFF;
text-decoration: none;
}
h2 {
font-size: 11px;
color: #000;
}
.logo {
height: 50px;
width: 250px;
margin-left: 70px;
}
.top {
height: 70px;
}