T - Siteniz için Cok güzel bir tasarım. Tamamen bize ait...
Selam arkadaşlar, Biliyorsunuz site yazarlarımızdan Emir'in eski sitesi olan anarsicocuk.tr.gg sitesi emir tarafından silindi. Kesinlikle kapatılmadı. Sitesinde yayınladığı müthiş kırmızı bir tasarım var. Cok beğeneceğinizden eminiz. Tasarımı sizinle paylaşıyoruz. Her hangi bir yerine link eklemedik. Bir tek altında bs-aktif.tr.gg yazan yeri değiştirirseniz ve ya silerseniz şikayet edilebilirsiniz. Tasarım cok ama cok güzel. İsteyen renklerini de değiştirebilir. Alttaki Yeri kaldırmayın yeter tasarım sizin olsun. Dilediğiniz gibi kullanın vurun kırın ne yaparsanız yapın : )--------------------------------------------
Tasarım Ön izlemesi: (BKZ: Denemesitemw.tr.gg )
Tasarımın üstü:
| <div id="tasarim">
<div id="ust">
<div class="baslik"><h1>Site baslığını buraya yazcan tamam mı? Logoda olur.</div>
</div>
<div id="orta">
<div class="sol">
<div class="arrowlistmenu">
<h3 class="headerbar">Ana Menü</h3>
<ul>
<li><a href="/ana-sayfa.htm">-Ana Sayfa</a></li>
<li><a href="/iletisim.htm">-İletişim</a></li>
<li><a href="/hakkimizda.htm">-Hakkımda</a></li>
<li><a href="/yorum-yap.htm">-Yorum yap</a></li>
<li><a href="/Top-List.htm">-Toplist</a></li>
<li><a href="/Yazarlarimiz.htm">-Yazarlarımız</a></li>
</ul>
<h3 class="headerbar">Kategoriler</h3>
<ul>
<li><a href="/ana-sayfa.htm">-Genel</a></li>
<li><a href="/bedava-sitem.htm">-Bedava Sitem (BS)</a></li>
<li><a href="/css-grafik.htm">-CSS-Grafik</a></li>
<li><a href="/film-ve-dizi.htm">-Film ve Dizi</a></li>
<li><a href="/geyik-eglence.htm">-Geyik | Eğlence</a></li>
<li><a href="/site-tanitimlari.htm">-Site Tanıtımları</a></li>
<li><a href="/videolar.htm">-Videolar</a></li>
<li><a href="/guzel-sozler.htm">-Güzel Söz - Şiir</a></li>
<li><a href="/muzikler.htm">-Müzikler</a></li>
<li><a href="/gunluk-olaylar.htm">-Günlük Olaylar</a></li>
<li><a href="/kisisel-yazilar.htm">-Kişisel Yazılar</a></li>
<li><a href="/tv-sinema.htm">-TV - Sinema</a></li>
<li><a href="/sosyal-medya.htm">-Sosyal Medya</a></li>
<li><a href="/teknoloji.htm">-Teknoloji</a></li>
<li><a href="/oyun.htm">-Oyun</a></li>
<li><a href="/diger.htm">-Diğer Şeyler</a></li>
</ul>
<h3 class="headerbar">Diğer şeyler</h3>
<ul>
<li><a href="/Javascript.htm">-Javascript</a></li>
<li><a href="/HTML.htm">-HTML</a></li>
<li><a href="/Facebook-Yardim.htm">-Facebook YArdim</a></li>
<li><a href="/oyun-hileleri.htm">-Oyun Hileleri</a></li>
<li><a href="/ask.htm">-Ask</a></li>
</ul>
<h3 class="headerbar">Arşiv</h3>
<ul>
<li><a href="/">-Toplam</a></li>
<li><a href="/cok-tutulanlar.htm">-Çok tutulanlar</a></li>
<li><a href="/gecen-hafta.htm">-Geçen Hafta</a></li>
<li><a href="/mayis-ayi.htm">-Mayis Ayı</a></li>
<li><a href="/nisan-ayi.htm">-Nisan Ayı</a></li>
</ul>
<h3 class="headerbar">Dostlar</h3>
<ul>
<li><a href="http://zaloyun.tr.gg/">-ZalOyun</a></li>
<li><a href="/iletisim.htm">-Dost 1</a></li>
<li><a href="/iletisim.htm">-Dost 2</a></li>
</ul>
</div>
</div>
<div class="sag"> |
Tasarımın Altına:
| </div>
</div>
<div id="alt">Coypirit yazabilirsiniz buraya...</div>
</div>
|
Css Koduna:
| 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;}
table {margin-left: auto;margin-right: auto}
body,td,th {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #F2F2F2;
font-weight: bold;
}
body {
background-image: url(http://www.backgroundlabs.com/backgrounds/1.jpg);
}
a {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #0CF;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0CF;
}
a:hover {
text-decoration: none;
color: #09F;
}
a:active {
text-decoration: none;
color: #06C;
}
#tasarim{
width: 750px;
margin-left: auto;
margin-right: auto;
}
#ust{
width: 750px;
height: 183px;
background: url(https://img.webme.com/pic/a/anarsicocuk/mini_kirmizi_01.png);
float: left;
}
#orta{
width: 750px;
height: 100%;
background: url(https://img.webme.com/pic/a/anarsicocuk/mini_kirmizi_02.png);
float: left;
}
#alt{
width: 730px;
height: 38px;
background: url(https://img.webme.com/pic/b/bs-aktif/alt-taraf.png);
float: left;
padding: 35px 0 0 20px;
}
.baslik{
width: 700px;
height: 50px;
float: left;
text-align: center;
margin: 55px 0 0 22px;
text-shadow: 0.1em 0.1em 1em black;
}
.sol{
width: 184px;
height: 100%;
margin: 0 0 0 13px;
float: left;
}
.sag{
width: 503px;
height: 100%;
float: right;
margin: 0 25px 0 0;
}
.arrowlistmenu{
width: 184px; /*width of menu*/
}
.arrowlistmenu .headerbar{
font: bold 14px verdana;
color: white;
background: black url(https://img.webme.com/pic/a/anarsicocuk/kirmizi_menu_hover.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
text-shadow: 0.1em 0.1em 1em black;
}
.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #F5F5F5;
background: url(https://img.webme.com/pic/a/anarsicocuk/osd-download-icon.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-top: 1px dashed #A80004;
border-bottom: 1px dashed #A80004;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #F5F5F5;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F0F0F0;
}
|