Tk-Mini V1

Evet Arkadaşlar bugün sizlere yine tasarimkurdu tasarımı olan 'TK-Mini V1' in kodlarını paylaşacağız. Tasarımda sadece üst menü bulunmakta. Mavi ve tonları renklerinde ,küçük bir tasarım. İşte 'TK-Mini V1' 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:
• Kategori İsmi Gösterme
• Duyuru Paneli
• Üst Menü
• 125lik Reklam Alanı

Tasarımın üzerindeki yazı: <div id="tasarim"><div id="ust"> <table width="680" cellspacing="1" cellpadding="1" border="0" align="center"> <tbody> <tr> <td width="14"><img src="http://img.webme.com/pic/b/belenleegroup/icon.png" _fcksavedurl="http://img.webme.com/pic/b/belenleegroup/icon.png" alt="" /></td> <td> <div style="text-align: left;" id="clock">Yükleniyor...</div> <script type="text/javascript"> function refrClock() { var d=new Date(); var s=d.getSeconds(); var m=d.getMinutes(); var h=d.getHours(); var day=d.getDay(); var date=d.getDate(); var month=d.getMonth(); var year=d.getFullYear(); var days=new Array("","","","","","",""); var months=new Array("Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık"); if (s<10) {s="0" + s} if (m<10) {m="0" + m} document.getElementById("clock").innerHTML=days[day] + " " + date + " " + months[month] + " " + year + " | " + h + " " + m + " : " + s + " " setTimeout("refrClock()",1000); } refrClock(); </script></td> <td><marquee scrollamount="2">Henüz eklenmiş bir duyuru bulunmamaktadır. </marquee></td> <td width="20"><img src="http://img.webme.com/pic/b/belenleegroup/icon2.png" _fcksavedurl="http://img.webme.com/pic/b/belenleegroup/icon2.png" alt="" /></td> </tr> <tr> <td height="90" width="190" style="text-align: center;" colspan="2"><img src="http://img.webme.com/pic/b/belenleegroup/tkminilogo.png" _fcksavedurl="http://img.webme.com/pic/b/belenleegroup/tkminilogo.png" alt="" /></td> <td style="text-align: center;" colspan="2"><img width="468" height="60" src="http://img.webme.com/pic/b/bskurdu/altbannerpc.gif" _fcksavedurl="http://img.webme.com/pic/b/bskurdu/altbannerpc.gif" alt="" /></td> </tr> </tbody> </table> </div> <div id='cssmenu'> <ul> <li class='active'><a href='index.html' _fcksavedurl='index.html'><span>Ana Sayfa</span></a></li> <li><a href='#' _fcksavedurl='#'><span>Bize Ulaşın</span></a></li> <li><a href='#' _fcksavedurl='#'><span>Z Defteri</span></a></li> <li><a href='#' _fcksavedurl='#'><span>Tasarım İstek</span></a></li> <li><a href='#' _fcksavedurl='#'><span>Tasarımlar</span></a></li> <li class='has-sub'><a href='#' _fcksavedurl='#'><span>Bedava Sitem</span></a> <ul> <li><a href='#' _fcksavedurl='#'><span>Html Kodları</span></a></li> <li class='last'><a href='#' _fcksavedurl='#'><span>İkonlar</span></a></li> <li class='last'><a href='#' _fcksavedurl='#'><span>Css Menüler</span></a></li> <li class='last'><a href='#' _fcksavedurl='#'><span>İkonlar</span></a></li> </ul> </li> </ul> </div> <div id="icerik"> <span style="font-size: small;"> <span style="color: rgb(255, 255, 255);">Buradasınız =></span></span>

Tasarımın altındaki yazı: </div> <div id="alt"><table width="680" cellspacing="0" cellpadding="0" border="0" height="25"> <tbody> <tr> <td>Copyright 2013 <a href="#" _fcksavedurl="#">Siteadı</a> | Tüm Hakları Saklıdır | <a href="#" _fcksavedurl="#">TK-Mini V1</a></td> <td style="text-align: right;"><a href="http://tasarimkurdu.tr.gg/" _fcksavedurl="http://tasarimkurdu.tr.gg/"><img src="http://img.webme.com/pic/b/bskurdu/bmml.png" _fcksavedurl="http://img.webme.com/pic/b/bskurdu/bmml.png" width="96" height="29" alt="" /></a></td> </tr> </tbody> </table> <table width="680" border="0" align="center" cellpadding="1" cellspacing="1" height="140"> <tbody> <tr> <td style="text-align: center;"> <div class="bulanik"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/b/belenleegroup/bannertakas.png" _fcksavedurl="http://img.webme.com/pic/b/belenleegroup/bannertakas.png" width="125" height="125" alt="" /></a></td> <td style="text-align: center;"><div class="bulanik"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/b/belenleegroup/bannertakas.png" _fcksavedurl="http://img.webme.com/pic/b/belenleegroup/bannertakas.png" width="125" height="125" alt="" /></a></td> <td style="text-align: center;"><div class="bulanik"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/b/belenleegroup/bannertakas.png" _fcksavedurl="http://img.webme.com/pic/b/belenleegroup/bannertakas.png" width="125" height="125" alt="" /></a></td> <td style="text-align: center;"><div class="bulanik"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/b/belenleegroup/bannertakas.png" _fcksavedurl="http://img.webme.com/pic/b/belenleegroup/bannertakas.png" width="125" height="125" alt="" /></a></td> <td style="text-align: center;"><div class="bulanik"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/b/belenleegroup/bannertakas.png" _fcksavedurl="http://img.webme.com/pic/b/belenleegroup/bannertakas.png" width="125" height="125" alt="" /></a></div></td> </tr> </tbody> </table> </div> <br /><div style="text-align: center;"> </div> <center>

CSS kodu: /*tasarim: Belenmedia & Tasarimkurdu */ /*URL: http://www.tasarimkurdu.tr.gg*/ table {margin-left: auto;margin-right: auto} #webme_footer_textlink_dont_hide { color:#76C1FA; background:none;} h1#title{display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body { margin:0; padding:0; width:100%; color:#000000; font:normal 13px/1.8em Arial, Helvetica, sans-serif; background:#ffffff url(http://img.webme.com/pic/b/belenleegroup/tile_bg.gif) top center; } html, .main { padding:0; margin:0; } .main { } .clr { clear:both; padding:0; margin:0; width:100%; font-size:0; line-height:0; } .logo { margin:0; padding:0; float:left; width:auto; } h1 { margin:0; padding:36px 0 36px 40px; color:#feffff; font:bold 40px/1.2em Arial, Helvetica, sans-serif; letter-spacing:-2px; } h1 a, h1 a:hover { color:#feffff; text-decoration:none; } h1 small { display:block; padding-left:80px; font:normal 12px/1.2em Arial, Helvetica, sans-serif; color:#edf3f6; letter-spacing:normal; } h2 { font:normal 24px/1.5em Arial, Helvetica, sans-serif; padding:8px 0; margin:8px 0; color:#323a3f; } p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif; } p.spec { text-align:left; } a { color:#0E16F0; text-decoration:underline; } a.com { } #taarim { margin-left: auto; margin-right: auto; width: 828px; margin-top: -20px; padding-top: 20px; padding-bottom: 20px; padding-left:20px; padding-right: 20px; } .logo{ border: 0px solid #ffffff; margin-top: 10px; margin-left: ; } a { font-size: 13px; color:#009cff; text-decoration: none; } a:visited { font-size: 12px; text-decoration: none; } a:hover { font-size: 13px; color:#39DB47; text-decoration: crosses the cut; } #tasarim{margin-left:auto; width:680px; margin-right:auto; padding-top: 0px; padding-left: px; } h2#title{ margin-top:-65px; font-size:13px; font-family:arial; color:lightblue; margin-left:93px; } #ust{margin-top:-5px; width:680px; height:148px; border: 1px solid #76C1FA; border-radius:5px; background: #ffffff url(http://img.webme.com/pic/b/belenleegroup/minimavibg.png) repeat-x top center; color:#ffffff; text-align:; font-size:12px; font-family:arial; margin-left:auto; margin-right:auto; padding-top:2px; } #ust a{ font-size:11px; font-family:verdana;color:lightblue; } #ust a:hover{ font-size:11px; color:orange;} #icerik{margin-top:5px; width:680px; height:auto; border: 1px solid #76C1FA; border-radius:0px 0px 1px 1px; background: #ffffff url(http://img.webme.com/pic/b/belenleegroup/minimavibg.png) repeat-x top center; color:#BBC8D1; font-size:12px; font-family:arial; margin-left:auto; margin-right:auto; padding-top:4px; } #alt{margin-top:5px; width:682px; height:170px; border: 1px solid #70C6FF; border-radius:1px 1px 5px 5px; background: #ffffff url(http://img.webme.com/pic/b/belenleegroup/minimavibg.png)repeat-x top center; color:white; font-size:11px; font-family:; margin-left:auto; margin-right:auto; padding-top:4px; } #alt a{ font-size:11px; font-family:verdana;color:#B3D8E7; } #alt a:hover{ font-size:11px; color:white;} #cssmenu{ width:680px; height:37px; display:block; padding:0; margin-top:-30px; border:1px solid; border-radius:0px 0px 0px 0px; } #cssmenu > ul {list-style:inside none; padding:0; margin:0; width:680px;} #cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} #cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } #cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} #cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } #cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} #cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } #cssmenu > ul > li.has-sub:hover > a:before{top:19px;} #cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } #cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} #cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;} #cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } #cssmenu ul li > ul{width:200px;} #cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} #cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } #cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#4fbdf0; background:-moz-linear-gradient(top, #4fbdf0 0%, #45b2d2 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fbdf0), color-stop(100%,#45b2d2)); background:-webkit-linear-gradient(top, #4fbdf0 0%,#45b2d2 100%); background:-o-linear-gradient(top, #4fbdf0 0%,#45b2d2 100%); background:-ms-linear-gradient(top, #4fbdf0 0%,#45b2d2 100%); background:linear-gradient(top, #4fbdf0 0%,#45b2d2 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fbdf0', endColorstr='#45b2d2',GradientType=0); } #cssmenu{border-color:#3589a1;} #cssmenu > ul > li > a{border-right:1px solid #3589a1; color:#fff;} #cssmenu > ul > li > a:after{border-color:#6ed1ff;} #cssmenu > ul > li > a:hover{background:#36acd2;} .bulanik img{ opacity:0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; } .bulanik img:hover{ opacity:1.0; -moz-opacity: 1.0; -khtml-opacity: 1.0; } .bulanik img, .hover img:before, .hover img:after{ -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; }

Ana sayfaya eklenecek kod: <br /><br /><br /> <table width="644" height="158" border="0" align="center" cellpadding="1" cellspacing="1" background="http://img.webme.com/pic/t/tasarimkurdu/blogarkamv.png"> <tbody> <tr> <td colspan="2" height="29" align="center"><span style="font-size: large;"><span style="color: rgb(255, 255, 255);">Tasarımkurdu İlk Tasarım Yayında..! </span></span></td> </tr> <tr> <td width="120" align="center"><img src="http://img.webme.com/pic/b/bskurdu/konures.png" width="86" height="79" alt="" /></td> <td align="center">Evet Arkadaşlar Başlıktada Yazdığı Gibi İlk Tasarımımızı Sitemizin Acıldığı İlk Gün Yayınlayalım Dedik. Bu Tasarımın Tamamen Kendim Çizdim ve Kodladım. Yani Tasarım Tamamen bana Aittir. Tasarımı Bir Blog Tasarımı Olarak Kodladım , Sadeliği Daha Çok Ön planda Tutmaya ...</td> </tr> <tr> <td colspan="2" height="29"> <table width="640" height="29" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <img src="http://img.webme.com/pic/t/tasarimkurdu/ico08.png" width="12" height="14" alt="" /> <span style="color: rgb(51, 204, 204);">Yazı Tarihi:15.12.2013  </span><span style="color: rgb(0, 204, 255);"><img src="http://img.webme.com/pic/t/tasarimkurdu/ico09.png" width="13" height="15" alt="" /></span><span style="color: rgb(51, 204, 204);">  Yazar: Tasarimkurdu</span></td> <td style="text-align: center;" width="145"> <div class="logotksov logotk" style="text-align: left;"><a href="http://tasarimkurdu.tr.gg/TK_BlogV1.htm"><img src="http://img.webme.com/pic/b/bskurdu/kdevm.png" alt="" /></a></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <br /> <br /> <br /> <table width="644" height="158" border="0" align="center" cellpadding="1" cellspacing="1" background="http://img.webme.com/pic/t/tasarimkurdu/blogarkamv.png"> <tbody> <tr> <td colspan="2" height="29" align="center"><span style="font-size: large;"><span style="color: rgb(255, 255, 255);">Tasarımkurdu İlk Tasarım Yayında..! </span></span></td> </tr> <tr> <td width="120" align="center"><img src="http://img.webme.com/pic/b/bskurdu/konures.png" width="86" height="79" alt="" /></td> <td align="center">Evet Arkadaşlar Başlıktada Yazdığı Gibi İlk Tasarımımızı Sitemizin Acıldığı İlk Gün Yayınlayalım Dedik. Bu Tasarımın Tamamen Kendim Çizdim ve Kodladım. Yani Tasarım Tamamen bana Aittir. Tasarımı Bir Blog Tasarımı Olarak Kodladım , Sadeliği Daha Çok Ön planda Tutmaya ...</td> </tr> <tr> <td colspan="2" height="29"> <table width="640" height="29" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <img src="http://img.webme.com/pic/t/tasarimkurdu/ico08.png" width="12" height="14" alt="" /> <span style="color: rgb(51, 204, 204);">Yazı Tarihi:15.12.2013  </span><span style="color: rgb(0, 204, 255);"><img src="http://img.webme.com/pic/t/tasarimkurdu/ico09.png" width="13" height="15" alt="" /></span><span style="color: rgb(51, 204, 204);">  Yazar: Tasarimkurdu</span></td> <td style="text-align: center;" width="145"> <div class="logotksov logotk" style="text-align: left;"><a href="http://tasarimkurdu.tr.gg/TK_BlogV1.htm"><img src="http://img.webme.com/pic/b/bskurdu/kdevm.png" alt="" /></a></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <br /> <br /> <br />

Benzer Tasarımlar: