Tk-Mini V3

Merhaba Arkadaşlar ..! Bugün Sizlerle daha önce paylaştığımız bi tasarımın üçüncü versiyonunu paylaşacağız, yani; TK-Mini V3 ü. Mininin renkleri yine tamamen değişti. Link takas alanları kaldırıldı. işte 'TK-Miniv3' 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="ust"> <table width="728" cellspacing="0" cellpadding="0" border="0" align="center" height="158"> <tbody> <tr> <td width="228"><div class="bulanik"><a href="#" _fcksavedurl="#"> <img src="http://img.webme.com/pic/u/upload-resim/logo02.png" _fcksavedurl="http://img.webme.com/pic/u/upload-resim/logo02.png" alt="" /></a></div></td> <td><div class="bulanik"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/u/upload-resim/468x60_02.png" _fcksavedurl="http://img.webme.com/pic/u/upload-resim/468x60_02.png" alt="" /></a></div></td> </tr> <tr> <td height="45" colspan="2" style="text-align: center;"><div id="menu"><li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Yorumlar</a></li> <li><a href="#" _fcksavedurl="#">Tasarım</a></li> <li><a href="#" _fcksavedurl="#">Menü</a></li> <li><a href="#" _fcksavedurl="#">Menü</a></li> <li><a href="#" _fcksavedurl="#">Menü</a></li> <li><a href="#" _fcksavedurl="#">Menü</a></li></div></td> </tr> </tbody> </table> </div> <div id="icerikust"> </div> <div id="icerik"> <div class="icerik2">

Tasarımın altındaki yazı: </div> </div> <div id="altcizgi"> </div> <div id="alt"> <table width="728" cellspacing="0" cellpadding="0" border="0" height="30"> <tbody> <tr> <td>Copyright 2013 <a href="#" _fcksavedurl="#">Siteadı</a> ♦ Tüm Hakları Saklıdır ♦ <a href="#" _fcksavedurl="#">TK-Mini V3</a></td> <td style="text-align: right;"><div class="bulanik2"><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="90" height="28" alt="" /></a></div></td> </tr> </tbody> </table> </div> <br /> <center>

CSS kodu: table {margin-left: auto;margin-right: auto} /*tasarim: Belenmedia & Tasarimkurdu */ /*URL: http://www.tasarimkurdu.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 { background: url(http://img.webme.com/pic/u/upload-resim/arka.jpg)fixed 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 { } a { font-size: 13px; color:#42D48E; text-decoration: none; } a:visited { font-size: 12px; text-decoration: none; } a:hover { font-size: 13px; color:#6FB999; text-decoration: crosses the cut; } #tasarim{margin-left:auto; width:728px; margin-right:auto; padding-top: 0px; padding-left: px; } #ust{margin-top:0px; width:728px; height:159px; border: px solid green; border-radius:6px 6px 6px 6px; background: white url(http://img.webme.com/pic/u/upload-resim/usttkminir.png) repeat-x bottom center; color:#ffffff; text-align:center; font-size:15px; font-family:tahoma; margin-left:auto; margin-right:auto; padding-top:px; box-shadow:0px 0px 5px #B1D3DD; } #menu { list-style-type: none; padding: 1px; margin: 0px; } #menu li { display: inline; } #menu li a { font-size:17px; font-family: Impact, Arial; text-decoration: none; padding: .5em 1em; color: #B1D3DD; background-color: none; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; border-radius:7px 7px 7px 7px; } #menu li a:hover { border-radius:7px 7px 7px 7px; color: #00A9DD; background: white; url(http://img.webme.com/pic/u/upload-resim/beyazz.png); opacity:0.4; } #icerikust{margin-top:5px; width:728px; height:10px; border: px solid orange; border-radius:6px 6px 0px 0px; background: white url(http://img.webme.com/pic/u/upload-resim/icerik_ust.png) repeat-x top left; color:#888888; text-align:; font-size:15px; font-family:Times New Roman; margin-left:auto; margin-right:auto; padding-top:1px; line-height: 1.6em; clear:both; display:block; opacity:0.7; } #altcizgi{margin-top:-9px; width:728px; height:10px; border: px solid orange; border-radius:0px 0px 6px 6px; background: white url(http://img.webme.com/pic/u/upload-resim/icerik_ust.png) repeat-x top left; color:#888888; text-align:; font-size:15px; font-family:Times New Roman; margin-left:auto; margin-right:auto; padding-top:px; line-height: 1.6em; clear:both; display:block; opacity:0.7; } #icerik{margin-top:-10px; width:728px; height:auto; border: px solid orange; border-radius:px px px px; background: white url(http://img.webme.com/pic/u/upload-resim/icerikic.png)center; color:#50B4D3; text-align:; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; padding-top:px; line-height: 1.6em; opacity:0.8; } .icerik2{ width:710px; height:auto; margin-left:auto; margin-right:auto; padding-top:0px;} #alt{margin-top:5px; width:728px; height:30px; border: px solid orange; border-radius:7px 7px 7px 7px; background: white url(http://img.webme.com/pic/u/upload-resim/alt_tk.png) repeat-x top; color:#ffffff; text-align:; font-size:12px; font-family:Arial; margin-left:auto; margin-right:auto; padding-top:px; line-height: 1.6em; clear:both; display:block; text-shadow: 0px 0px 2px #00FF66; box-shadow:0px 0px 5px #5A5A5A; } #alt a{ font-size:12px; font-family:Arial;color:lightblue; text-shadow: 0px 0px 2px #00FF66; } #alt a:hover{ font-size:12px; color:white; text-shadow: 0px 0px 2px #00FF66; } .bulanik img{ opacity:1.0; -moz-opacity: 1.0; -khtml-opacity: 1.0; } .bulanik img:hover{ opacity:0.2; -moz-opacity: 0.2; -khtml-opacity: 0.2; } .bulanik img, .hover img:before, .hover img:after{ -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; } .bulanik2 img{ opacity:0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; } .bulanik2 img:hover{ opacity:1.0; -moz-opacity: 1.0; -khtml-opacity: 1.0; } .bulanik2 img, .hover img:before, .hover img:after{ -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; } ::-moz-selection { background:#5FE8B1; color:#ffffff; } ::selection { background:#5FE8B1; color:#ffffff; } #webme_footer_textlink_dont_hide { color: green; text-align:center; background:none; }

Ana sayfaya eklenecek kod: <table width="650" border="0" cellpadding="1" cellspacing="1" height="160" align="center"> <tbody> <tr> <td background="http://img.webme.com/pic/u/upload-resim/renkliv3konu.png" height="35" style="text-align: center;" colspan="2"> <a href="#"><span style="font-size: large;">Buraya Konunuzun Başlığı</span></a></td> </tr> <tr> <td bgcolor="#F7F7F7" style="text-align: center;" width="130"><img src="http://img.webme.com/pic/b/bskurdu/konures.png" width="125" height="100" alt="" /></td> <td bgcolor="#F7F7F7" style="text-align: center;"><span style="color: rgb(51, 153, 102);">Konu içeriği , yazılar , resimler. Konu içeriği , yazılar , resimler. Konu içeriği , yazılar , resimler. Konu içeriği , yazılar , resimler. Konu içeriği , yazılar , resimler. Konu içeriği , yazılar , resimler.</span></td> </tr> </tbody> </table> <br /> <br /> <br /> <table width="650" border="0" cellpadding="1" cellspacing="1" height="160" align="center"> <tbody> <tr> <td background="http://img.webme.com/pic/u/upload-resim/renkliv3konu.png" height="35" style="text-align: center;" colspan="2"> <a href="#"><span style="font-size: large;">Buraya Konunuzun Başlığı</span></a></td> </tr> <tr> <td bgcolor="#F7F7F7" style="text-align: center;" width="130"><img src="http://img.webme.com/pic/b/bskurdu/konures.png" width="125" height="100" alt="" /></td> <td bgcolor="#F7F7F7" style="text-align: center;"><span style="color: rgb(51, 153, 102);">Konu içeriği , yazılar , resimler. Konu içeriği , yazılar , resimler. Konu içeriği , yazılar , resimler. Konu içeriği , yazılar , resimler. Konu içeriği , yazılar , resimler. Konu içeriği , yazılar , resimler.</span></td> </tr> </tbody> </table> <br /> <br /> <br /> <table width="650" border="0" cellpadding="1" cellspacing="1" height="160" align="center"> <tbody> <tr> <td background="http://img.webme.com/pic/u/upload-resim/renkliv3konu.png" height="35" style="text-align: center;" colspan="2"> <a href="#"><span style="font-size: large;">Buraya Konunuzun Başlığı</span></a></td> </tr> <tr> <td bgcolor="#F7F7F7" style="text-align: center;" width="130"><img src="http://img.webme.com/pic/b/bskurdu/konures.png" width="125" height="100" alt="" /></td> <td bgcolor="#F7F7F7" style="text-align: center;"><span style="color: rgb(51, 153, 102);">Konu içeriği , yazılar , resimler. Konu içeriği , yazılar , resimler. Konu içeriği , yazılar , resimler. Konu içeriği , yazılar , resimler. Konu içeriği , yazılar , resimler. Konu içeriği , yazılar , resimler.</span></td> </tr> </tbody> </table>

Benzer Tasarımlar: