Tk-Toplist V1

Evet Arkadaşlar bugün sizlere yine tasarimkurdu tasarımı olan 'TK-ToplistV1' in kodlarını sizlerle paylaşacağız. Tasarımda sadece üst menü bulunmakta. Koyu Mavi renklerinde kesik çizgili bir tasarım. Logo da ve bi kaç yerde efekt kullanımı var, ve işte 'TK-ToplistV1' ve kodları Güle Güle Kullanın. Sizden Tek Ricam En Alttaki 'Copyright' Bölümünü Değiştirmeyin..!

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:
• Üst Menü
• 468x60 Reklam Alanı

Tasarımın üzerindeki yazı: <div id="enust"><table width="725" border="0" cellpadding="0" cellspacing="1" align="center" height="32"> <tbody> <tr> <td> <table width="60" border="0" align="left" cellpadding="0" cellspacing="0"> <tbody> <tr> <td><a class="tkikon" href="anasayfa.htm" _fcksavedurl="anasayfa.htm">Ana Sayfaya Dön</a></td> <td><a class="bikon" href="http://belenlee.tr.gg/" _fcksavedurl="http://belenlee.tr.gg/" target="_blank">Ana Sayfaya Dön</a></td> <td><a class="bmikon" href="http://belenmedia.tr.gg/" _fcksavedurl="http://belenmedia.tr.gg/" target="_blank">Ana Sayfaya Dön</a></td> </tr> </tbody> </table> </td> <td style="text-align: right;"> <table width="80" border="0" align="right" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div class="bulanik"><a href="https://www.facebook.com/Prestij94" _fcksavedurl="https://www.facebook.com/Prestij94"><img src="http://img.webme.com/pic/t/tasarimkurdu/facebook.png" _fcksavedurl="http://img.webme.com/pic/t/tasarimkurdu/facebook.png" alt="" /></a></div> </td> <td> <div class="bulanik"><a href="https://twitter.com/aaabsent" _fcksavedurl="https://twitter.com/aaabsent"><img src="http://img.webme.com/pic/t/tasarimkurdu/twitter.png" _fcksavedurl="http://img.webme.com/pic/t/tasarimkurdu/twitter.png" alt="" /></a></div> </td> <td> <div class="bulanik"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/t/tasarimkurdu/rssmini.png" _fcksavedurl="http://img.webme.com/pic/t/tasarimkurdu/rssmini.png" alt="" /></a></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table></div><div id="ust"><table width="720" cellspacing="1" cellpadding="1" border="0" align="center" height="97"> <tbody> <tr> <td style="text-align: center;" width="200"><div id="logobh"> <a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/b/belenhit/bhv1lg.png" _fcksavedurl="http://img.webme.com/pic/b/belenhit/bhv1lg.png" alt="" /></a></div></td> <td style="text-align: center;"><div class="bulanik"> <a href="http://belenhit.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" _fcksavedurl="http://belenhit.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm"><img src="http://img.webme.com/pic/b/bskurdu/altbannerpc.gif" _fcksavedurl="http://img.webme.com/pic/b/bskurdu/altbannerpc.gif" alt="" /></a></div></td> </tr> </tbody> </table></div> <div id="ustmenu"><div id='cssmenu'> <ul> <li class='active'><a href='http://belenhit.tr.gg/' _fcksavedurl='http://belenhit.tr.gg/'><span>Ana Sayfa</span></a></li> <li class='last'><a href='http://belenhit.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm' _fcksavedurl='http://belenhit.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm'><span>İletişim</span></a></li> <li class='last'><a href='http://belenhit.tr.gg/Zd.htm' _fcksavedurl='http://belenhit.tr.gg/Zd.htm'><span>Yorumlar</span></a></li> <li class='last'><a href='http://belenhit.tr.gg/seo.htm' _fcksavedurl='http://belenhit.tr.gg/seo.htm'><span>Seo</span></a></li> <li class='last'><a href='http://belenhit.tr.gg/google.htm' _fcksavedurl='http://belenhit.tr.gg/google.htm'><span>Google</span></a></li> <li class='last'><a href='http://belenhit.tr.gg/pr.htm' _fcksavedurl='http://belenhit.tr.gg/pr.htm'><span>Pagerank</span></a></li> <li class='last'><a href='http://belenhit.tr.gg/pray.htm' _fcksavedurl='http://belenhit.tr.gg/pray.htm'><span>Pagerank Arttırma Yöntemleri</span></a></li> <li class='last'><a href='http://belenhit.tr.gg/aramamotoru.htm' _fcksavedurl='http://belenhit.tr.gg/aramamotoru.htm'><span>Aramamotoru</span></a></li> </ul> </div></div> <div id="ayirac"></div> <div id="icerik"><div id="icerik2">

Tasarımın altındaki yazı: </div></div><div id="ayirac2"></div><div id="alt"><table width="720" cellspacing="2" cellpadding="2" border="0" height="105"> <tbody> <tr> <td width="211" style="text-align: center;"> <img src="http://img.webme.com/pic/b/belenhit/bhiletv1.png" _fcksavedurl="http://img.webme.com/pic/b/belenhit/bhiletv1.png" alt="" /><br> E posta : Belenlee-Tr@hotmail.com<br /> Bedava-Sitem iletişim : <a href="http://www.bedava-sitem.com/profile.php?of=tasarimkurdu" _fcksavedurl="http://www.bedava-sitem.com/profile.php?of=tasarimkurdu">Tasarimkurdu</a><br /> Siteden İletişim : <a href="#" _fcksavedurl="#">Tıklayın</a></td> <td width="246" style="text-align: center;"> <b>Pagerank Arttırma Yontemleri <br /> </b>Link aldığınız sitenin pagerank değerinin en azından 3 veya 4 olması Pr değerinizin yükselmesine daha fazla katkıda bulunur...<a href="http://belenhit.tr.gg/pray.htm" _fcksavedurl="http://belenhit.tr.gg/pray.htm">Konunun Devamı =></a></td> <td width="240" style="text-align: center;"> Copyright 2013  <a href="#" _fcksavedurl="#">Belenhit</a>  |  Tüm Hakları Saklıdır.<br /> <a href="http://belenmedia.tr.gg/" _fcksavedurl="http://belenmedia.tr.gg/">Belenmedia</a> İnternet Hizmetleri 2013<br /> Sitedeki Reklamlar Servis Sağlayıcısına aittir !<br>Tasarımı Çizen & Kodlayan : <a href="http://tasarimkurdu.tr.gg" _fcksavedurl="http://tasarimkurdu.tr.gg">Tasarimkurdu </a></td> </tr> </tbody> </table></div><br /><center>

CSS kodu: <!--/*tasarim: Belenmedia & Tasarimkurdu */ /*URL: http://www.tasarimkurdu.tr.gg*/ table {margin-left: auto;margin-right: auto} 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 { background: url(http://img.webme.com/pic/b/belenhit/background-.png)fixed; font-family: Arial, verdana, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #888888; } a { color: #888888; background: inherit; text-decoration:none;} a:hover { color: #73d23f; background: inherit; text-decoration:none;} p { margin: 0 0 5px 0; } h1 { font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px; } h2 { margin: 0; padding: 0; font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; } h1 a, h2 a { color: #000; background: inherit; text-decoration: none; } #menu { height: 35px; margin-left: 20px; -moz-border-radius: 2px 2px 2px 2px; } #enust { background: url(http://img.webme.com/pic/b/belenhit/bhenust.png); height: 26px; width: 728px; margin-top: 0px; margin-left: 0px; overlow:hidden; text-align: justify; border: px solid #76C1FA; border-radius:9px 9px 0px 0px; padding-left: px; padding-right: px; margin-left:auto; margin-right:auto; } #ust { background: url(http://img.webme.com/pic/b/belenhit/belenhitustv1.png); height: 100px; width: 728px; margin-top: 0px; margin-left: 0px; overlow:hidden; text-align: justify; border: px solid #76C1FA; border-radius:0px; padding-left: px; padding-right: px; margin-left:auto; margin-right:auto; } #ustmenu { background: url(http://img.webme.com/pic/u/upload-resim/bhit2.png)no-repeat; height: 43px; width: 728px; margin-top:13px; margin-left: 0px; overlow:hidden; text-align: justify; border: px solid #76C1FA; border-radius:5px; padding-top:9px; padding-right: px; margin-left:auto; margin-right:auto; } #ustmenu a{ font-size:15px; font-family:Arial Narrow, Graphite; color:#ffffff; text-shadow: 1px 2px 1px #000000; } #ustmenu a:hover{ font-size:15px; color:#73d23f; text-shadow: 1px 1px 1px #000000; } #ayirac{ background: url(http://img.webme.com/pic/u/upload-resim/bhitusst.png)repeat-x; height: 8px; width: 725px; margin-top: 0px; margin-left: 0px; overlow:hidden; text-align: justify; border: px solid #76C1FA; border-radius:6px 6px 1px 1px; padding-top:-2px; padding-right: px; margin-top:5px; margin-left:auto; margin-right:auto; } #ayirac2{ background: url(http://img.webme.com/pic/u/upload-resim/bhitusst.png); height: 8px; width: 725px; margin-top: 0px; margin-left: 0px; overlow:hidden; text-align: justify; border: px solid #76C1FA; border-radius:1px 1px 7px 7px; padding-top: px; padding-right: px; margin-top:-3px; margin-left:auto; margin-right:auto; } #icerik { background: url(http://img.webme.com/pic/u/upload-resim/bhitic.png); height: auto; width: 727px; margin-top: -16px; margin-left: 1px; overlow:hidden; text-align: justify; border: px solid #76C1FA; border-radius:px; margin-top:px; padding-right: px; margin-left:auto; margin-right:auto; } #icerik2{ width: 705px; margin-left:auto; margin-right:auto; } #alt { background: url(http://img.webme.com/pic/b/belenhit/bhitaltv1.png)no-repeat bottom; height: 100px; width: 728px; margin-top: 5px; margin-left: 0px; overlow:hidden; text-align: justify; border: px solid #76C1FA; border-radius:5px; padding-left: px; padding-right: px; margin-left:auto; margin-right:auto; font-size:11px; color:#ffffff; text-shadow: 1px 2px 1px #000000; line-height: 15px; } #alt a{ font-size:10px; font-family:verdana;color:#ffffff; text-shadow: 1px 2px 1px #000000; } #alt a:hover{ font-size:10px; color:#73d23f; text-shadow: 1px 1px 1px #000000; } #webme_footer_textlink_dont_hide { color: white; text-align:center; background:none; clear:both; display:block; } #cssmenu { border: none; border: 0px; padding: 0px; font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; width:auto; margin-left:auto; margin-right:auto; } #cssmenu ul { background: none; height: 45px; list-style: none; margin: 0; padding: 0; } #cssmenu li { float: left; padding: 0px; } #cssmenu li a { background: none; url('seperator.png') bottom right no-repeat; width:auto; display: block; font-weight: normal; line-height: 24px; margin: 0px; padding: 0px 13px; padding-top:-3px; text-align: center; text-decoration: none; margin-left:auto; margin-right:auto; } #cssmenu > ul > li > a { color: #ffffff; } #cssmenu ul ul a { color: #8DC4A1; } #cssmenu li > a:hover, #cssmenu ul li:hover > a { background: #2580a2 url('hover.png') bottom center no-repeat; color: #A6E7BE; text-decoration: none; border-radius:9px; } #cssmenu li ul { background: #333333; display: none; height: auto; padding: 0px; margin: 0px; border: 0px; position: absolute; width: 150px; z-index: 200; /*top:1em; /*left:0;*/ } #cssmenu li:hover ul { display: block; } #cssmenu li li { background: url('sub_sep.png') bottom left no-repeat; display: block; float: none; margin: 0px; padding: 0px; width: 225px; } #cssmenu li:hover li a { background: none; } #cssmenu li ul a { display: block; height: 35px; font-size: 12px; font-style: normal; margin: 0px; padding: 0px 10px 0px 15px; text-align: left; } #cssmenu li ul a:hover, #cssmenu li ul li:hover > a { background: #2580a2 url('hover_sub.png') center left no-repeat; border: 0px; color: #ffffff; text-decoration: none; } #cssmenu p { clear: left; } a.tkikon { display: block; width: 15px; height: 20px; background: url(http://img.webme.com/pic/t/tasarimkurdu/tkmikon.png)no-repeat; text-decoration: none; text-indent:-999px; } a:hover.tkikon { background: url(http://img.webme.com/pic/t/tasarimkurdu/tkmikonh.png)no-repeat; } a.bmikon { display: block; width: 15px; height: 20px; background: url(http://img.webme.com/pic/t/tasarimkurdu/bmikon.png)no-repeat; text-decoration: none; text-indent:-999px; } a:hover.bmikon { background: url(http://img.webme.com/pic/t/tasarimkurdu/bmikonh.png)no-repeat; } a.bikon { display: block; width: 17px; height: 20px; background: url(http://img.webme.com/pic/t/tasarimkurdu/bikon.png)no-repeat; text-decoration: none; text-indent:-999px; } a:hover.bikon { background: url(http://img.webme.com/pic/t/tasarimkurdu/bikonh.png)no-repeat; } .bulanik img{ opacity:1.0; -moz-opacity: 1.0; -khtml-opacity: 1.0; } .bulanik img:hover{ opacity:0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; } .bulanik img, .hover img:before, .hover img:after{ -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } #logobh a:hover { background-color: #; } #logobh img { -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; } #logobh img:hover { -moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); }

Ana sayfaya eklenecek kod:

Benzer Tasarımlar: