bjk 1903

Alışılageldik tr.gg havasıyla, profesyonel tasarım yeteneklerini birleştirirsek sonuç ne olur?

Tasarım Sepeti tarafından sizler için hazırlanmış bu harika Beşiktaş tasarımı çok hoşunuza gidecek! Css tasarımlar diyince akla gelecek ilk isimlerden olan Tasarım Sepeti, Arama çubuğu, Duyuru Panosu ve şık iki yan, bir de üst menü barındıran muhteşem bir takım teması oluşturdu!

BJK 1903 tr gg sitenizi beşiktaş tasarımı haline getirmekle kalmayacak,rakiplerinizin kıskanacağı pek çok işlevi blogunuza taşımanıza olanak sağlayacak!

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarım Özellikleri:

Site İçi Arama
Duyuru Paneli
Sağ ve Sol Menü
Üst Menü
Hızlı Yükleniş (0.016 MB)

Tasarımın üzerindeki yazı:

<center><div id="tstam"><div id="tasarimsepetihead"></div>

<div id="tasarimsepetihead2">

<a href="/" class="tsmenu1">Ana Sayfa</a>
<a href="http://tasarimsepeti.blogspot.com" class="tsmenu1">Menü 2</a>
<a href="http://tasarimsepeti.blogspot.com" class="tsmenu1">Menü 3</a>
<a href="http://tasarimsepeti.blogspot.com" class="tsmenu1">Menü 3</a><a href="http://tasarimsepeti.blogspot.com" class="tsmenu1">Menü 4</a>

<a class="tsmenu2">Duyuru: Yeni tasarımımız sonunda sizlerle!</a>



</div>
<div id="tasarimsepetisol">
<a class="tsepetilili">Hakkımızda</a>
<a class="menuitemt1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip5RdL7kXpyXf4l34LN6K-mSIH2VZqtFrjZs1LNgWK-oH6PwlgkFWr2NoygMxuqsA7ce8zUFLmR8Rv8dkaBWnYheYiNHFG4yMwqhp9qXZGM2hG3P3ROglkrR9vIqdkxlh_vqfd8XBsapo/s70/tasar%25C4%25B1m+sepeti.png" style="border:none;float:left;"/>Biz çok şöyleyiz biz böyleyiz. Sitemiz şu amaçla şu tarihte kurulmuştur, falan filan. Bu gibi şeyleri buraya yazabilirsin.<br/><br/>&nbsp;&nbsp;Unutma, sitene henüz yeni gelmiş pek çok kişi bu kısmı okuyacak!</a>



<a class="tsepetilili">Popüler Konular</a>
<a class="menuitemts" href="http://www.koddostu.com">En popüler yayın</a>
<a class="menuitemts" href="http://www.koddostu.com">2. popüler yayın</a>
<a class="menuitemts" href="http://www.koddostu.com">3. popüler yayın</a>
<a class="menuitemts" href="http://www.koddostu.com">4. popüler yayın</a>

<a class="tsepetilili">Tüm Sayfalar</a>
<a class="menuitemts" href="http://www.koddostu.com">Sayfa Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Sayfa Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Sayfa Adı</a><a class="menuitemts" href="http://www.koddostu.com">Sayfa Adı</a><a class="menuitemts" href="http://www.koddostu.com">Sayfa Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Sayfa Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Sayfa Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Sayfa Adı</a><a class="menuitemts" href="http://www.koddostu.com">Sayfa Adı</a><a class="menuitemts" href="http://www.koddostu.com">Sayfa Adı</a><a class="menuitemts" href="http://www.koddostu.com">Sayfa Adı</a><a class="menuitemts" href="http://www.koddostu.com">Sayfa Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Sayfa Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Sayfa Adı</a><a class="menuitemts" href="http://www.koddostu.com">Sayfa Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Sayfa Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Sayfa Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Sayfa Adı</a>




</div>
<div id="tasarimsepetiorta" style="text-align:left;">
<a class="tsepetilili" style="width:563px;position:absolute;top:-9px;left:-3px;"></a>

Tasarımın altındaki yazı:

</div>
<div id="tasarimsepetisag">

<a class="tsepetilili">Arama</a>
<div class="menuitemt1">
<input id="aramaformu" type="text" style="width:105px;"/><button onclick="aramacibigi();" style="background:#4c4c4c;border:1px solid #888;width:45px;height:22px;margin-left:4px;color:#f1f1f1;font-weight:bold;font-family:Calibri, sans-serif;font-size:15px;-webkit-border-radius: 4px;
border-radius: 4px;line-height:17px;">Ara</button>

<script>
function aramacibigi(){
var siteadresim = document.domain;
var terim = document.getElementById('aramaformu').value;
window.open('http://www.google.com.tr/#hl=tr&output=search&q=site:' + siteadresim + '+' + terim);
}
</script>
</div>

<a class="tsepetilili">Dost Siteler</a>
<a class="menuitemts" href="http://www.koddostu.com">Dost 1</a>
<a class="menuitemts" href="http://www.koddostu.com">Dost 2</a>

<a class="tsepetilili">Ekstra İçerik</a>
<div class="menuitemt1">
Buraya sonradan istediğin HTML kodu ekleyebilirsin.
</div>


<a class="tsepetilili">Yayınlar</a>
<a class="menuitemts" href="http://www.koddostu.com">Link Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Link Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Link Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Link Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Link Adı</a><a class="menuitemts" href="http://www.koddostu.com">Link Adı</a><a class="menuitemts" href="http://www.koddostu.com">Link Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Link Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Link Adı</a><a class="menuitemts" href="http://www.koddostu.com">Link Adı</a><a class="menuitemts" href="http://www.koddostu.com">Link Adı</a><a class="menuitemts" href="http://www.koddostu.com">Link Adı</a><a class="menuitemts" href="http://www.koddostu.com">Link Adı</a><a class="menuitemts" href="http://www.koddostu.com">Link Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Link Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Link Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Link Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Link Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Link Adı</a>
<a class="menuitemts" href="http://www.koddostu.com">Link Adı</a><a class="menuitemts" href="http://www.koddostu.com">Link Adı</a>


</div>
<div id="tasarimsepetifoot">

<p style="position:absolute;bottom:4px;left:12px;text-decoration:none;color:#666;">© Copyright 2012 Tüm Hakları Saklıdır.  |  <a style="text-decoration:none;color:#666;" href="http://tasarimsepeti.blogspot.com"> Tasarım</a></p>
<p style="position:absolute;bottom:4px;right:12px;text-decoration:none;color:#666;"><a style="text-decoration:none;color:#666;" href="#top"> Yukarı Çık</a></p>
</div>


</div>
</center>

CSS kodu:

#header_container{display:none;}
#nav_container{display:none;}
#title{position:absolute;top:-22px;left:-2px;font-size:17px;font-family:Calibri, sans-serif;color:#222;line-height:30px;font-weight:bold;text-align:left;text-indent:10px; text-shadow: 0px 0px 0.2em #888;}
.menuitemt1{display:block;width:174px;background:#f1f1f1;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;margin-bottom:8px;padding:4px 8px 12px 8px;border:1px solid #888;border-top:none;font-size:12px;font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;text-shadow: 0px 0px 0.1em #888;color:#444;text-align:justify;text-indent:5px;}
.tsmenu1{float:left;display:block;width:125px;height:30px;border:1px solid #ccc;background:#ebebeb url(http://destekforum.org/images/unova/thead.png) repeat-x top left;-webkit-border-radius: 4px;border-radius: 4px;font-family:Calibri, sans serif;font-size:16px;font-weight:bold;color:#333;line-height:28px;margin-left:4px;margin-top:4px;text-decoration:none;}
.tsmenu1:hover{border:1px solid #aaa;background-image:none;background-color:#ddd;-webkit-border-radius: 4px;border-radius: 4px;font-family:Calibri, sans serif;font-size:16px;font-weight:bold;color:#333;line-height:28px;margin-left:4px;margin-top:4px;text-decoration:none;}
.tsmenu2{float:left;display:block;width:300px;height:30px;border:1px solid #ddd;background:#aaa;-webkit-border-radius: 4px;border-radius: 4px;font-family:Calibri, sans serif;font-size:14px;font-weight:normal;color:#f1f1f1;line-height:28px;margin-left:4px;margin-top:4px;text-decoration:none;text-shadow: 0px 0px 0.3em #444;}


.menuitemts{display:block;width:180px;padding-top:9px;padding-bottom:9px;border-top:1px solid #888;background:#1c1c1c url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrKTU1hQEzOyUOdhB1QXO1xPVl_-iIf7CBp1uVoXML8I0amNnKVqTGFWMG3YDq080kv2leYAcG0Dm7m0CLFzgfdRDdx82E17GNKM17YHAI_ExQ87dnHG9zuQUE4vdQDdVTYlabWzbQcPc/s36/Besiktas+JK.png) no-repeat top left;line-height:18px;font-size:12px;font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;text-shadow: 0px 0px 0.3em #fff;color:#fff;margin-top:4px;margin-bottom:4px;-webkit-border-radius: 3px;border-radius: 3px;text-decoration:none;}

.menuitemts:hover{background:#3c3c3c url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrKTU1hQEzOyUOdhB1QXO1xPVl_-iIf7CBp1uVoXML8I0amNnKVqTGFWMG3YDq080kv2leYAcG0Dm7m0CLFzgfdRDdx82E17GNKM17YHAI_ExQ87dnHG9zuQUE4vdQDdVTYlabWzbQcPc/s36/Besiktas+JK.png) no-repeat top left;}



.tsepetilili{display:block;width:196px;margin-left:0px;height:30px;background:transparent url(http://newwpthemes.com/themedemo/wp-content/themes/Hostia/images/widgettitle-bg.png) repeat-x;border:1px solid #aaa;font-size:17px;font-family:Calibri, sans-serif;color:#222;line-height:30px;font-weight:bold;text-align:left;text-indent:10px; text-shadow: 0px 0px 0.2em #888;-webkit-border-radius: 4px;
border-radius: 4px;}
#tstam{width:980px;position:relative;}
#tasarimsepetihead{width:978px;height:120px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpBW7iWd_E4jy_nnFOTMXVvLk4ip8gCQyGLwUsiZAyoAZBZgjGcqxjMevsZ_312FRvMb3AcROMbqjr-otyEunf_JY9ajnuh7EKwsPafTQw-CvXKVMNbKR4xshdTt30BVyyQX50UXXu0QI/s1600/black-heauder.png);border:1px solid #ccc;-webkit-border-top-left-radius: 14px;-webkit-border-top-right-radius: 14px;border-top-left-radius: 14px;border-top-right-radius: 14px;border-bottom:none;}
#tasarimsepetihead2{width:978px;height:42px;background:#e3e3e3;border:1px solid #ccc;margin-bottom:8px;}
#tasarimsepetisol{vertical-align:top;display:inline-block;width:200px;padding-bottom:40px;margin-right:0px;}
#tasarimsepetiorta{display:inline-block;background:#f1f1f1;border:1px solid #e3e3e3;width:539px;padding-bottom:40px;padding-top:40px;vertical-align:top;margin-top:8px;position:relative;padding-left:10px;padding-right:10px;-webkit-border-bottom-right-radius: 12px;-webkit-border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;border-bottom-left-radius: 12px;min-height:400px;}
#tasarimsepetisag{vertical-align:top;display:inline-block;width:200px;padding-bottom:40px;}
#tasarimsepetifoot{width:976px;height:60px;background:#333;margin-top:20px;margin-left:0px;border:2px solid #0c0c0c;}
body{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYRoAK7bA_mFuuiHp_K7fzqTAb5ZSD-gQfJa-9sU31BzV6zfqd2YoyxF1hzTluyZcumynlBOlm1ydNjUlq8Lcs-VLxaoyO1Rl02pfFowvL6AKMeIkp3-gqhckG2XcbHAHikuksQUu82zI/s1600/thumb_big_wide_8a5b699856dc70b48c71ac16d07a82be+-+Kopya.jpg)}

Ana sayfaya eklenecek kod:

bjk 1903

Benzer Tasarımlar:

Yorum Gönder

Kategoriler

En Popüler Tasarımlar

Son Yorumlar