Tk-Radyo V1

Öncelikle Merhaba Arkadaşlar ..! Bugün Sizlerle yine tasarimkurdu tasarımın kodlarını paylaşacağız. Adındanda belli olduğu üzere tasarım bir radyo sitesi tasarımı. Tasarımda sadece üst menü bulunuyor, şeffaf bir tasarım ve işte 'TK-RadyoV1' 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ü

Tasarımın üzerindeki yazı: <img style="LEFT: 0px; POSITION: absolute; TOP: 5px" alt="TÜRKİYE" border="0" src="http://heavenscountry.com/e107_images/custom/onair3.gif" _fcksavedurl="http://heavenscountry.com/e107_images/custom/onair3.gif" _fcksavedurl="http://img.webme.com/pic/b/belen-fm/onair.png" _fcksavedurl="http://img.webme.com/pic/b/belen-fm/onair.png" _fcksavedurl="http://img.webme.com/pic/b/belen-fm/onair.png" /> <table width="800" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody> <tr> <td></td> <td align="right"><div id="enust"><table width="200" height="25" border="0" align="right" cellpadding="1" cellspacing="1"> <tbody> <tr> <td><div id="bulanik"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/b/belen-fm/faceikon.png" _fcksavedurl="http://img.webme.com/pic/b/belen-fm/faceikon.png" width="25" height="25" alt="" /></a></div></td> <td><div id="bulanik"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/b/belen-fm/twtikon.png" _fcksavedurl="http://img.webme.com/pic/b/belen-fm/twtikon.png" width="25" height="25" alt="" /></a></div></td> <td><div id="bulanik"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/b/belen-fm/gglikon.png" _fcksavedurl="http://img.webme.com/pic/b/belen-fm/gglikon.png" width="25" height="25" alt="" /></a></div></td> <td><div id="bulanik"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/b/belen-fm/youtubeikon.png" _fcksavedurl="http://img.webme.com/pic/b/belen-fm/youtubeikon.png" width="25" height="25" alt="" /></a></div></td> <td><div id="bulanik"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/b/belen-fm/vikon.png" _fcksavedurl="http://img.webme.com/pic/b/belen-fm/vikon.png" width="25" height="25" alt="" /></a></div></td> <td><div id="bulanik"><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/b/belen-fm/rss.png" _fcksavedurl="http://img.webme.com/pic/b/belen-fm/rss.png" width="25" height="25" alt="" /></a></div></td> </tr> </tbody> </table></div></td> </tr> </tbody> </table><div id="ust"><table width="788" height="129" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td> <div style="text-align: center;"><span style="font-size: xx-large;"> Radyonuzun Adı veya Logo</span></div> <div style="text-align: center;"><span style="font-size: x-small;"><span style="font-family: Arial;"><span style="color: rgb(51, 153, 102);">Radyunuzun Sloganı Buraya </span></span></span></div> </td> </tr> </tbody> </table></div><table width="785" height="30" border="0" align="center" cellpadding="4" cellspacing="4"> <tbody> <tr> <td><div id="ustmenu"><a href="#" _fcksavedurl="#">Ana Sayfa</a></div></td> <td><div id="ustmenu"><a href="#" _fcksavedurl="#">Canlı Yayın</a></div></td> <td><div id="ustmenu"><a href="#" _fcksavedurl="#">Dj Girşi</a></div></td> <td><div id="ustmenu"><a href="#" _fcksavedurl="#">Nick Al</a></div></td> <td><div id="ustmenu"><a href="#" _fcksavedurl="#">İstek hattı</a></div></td> <td><div id="ustmenu"><a href="#" _fcksavedurl="#">Hakkımızda</a></div></td> </tr> </tbody> </table><div id="icerik">

Tasarımın altındaki yazı: </div><table width="795" border="0" align="center" cellpadding="3" cellspacing="3"> <tbody> <tr> <td><div id="alt"> <table width="390" border="0" cellpadding="0" cellspacing="0" height="100" align="center"> <tbody> <tr> <td height="29" align="center"><img src="http://img.webme.com/pic/b/belen-fm/radohakv1.png" _fcksavedurl="http://img.webme.com/pic/b/belen-fm/radohakv1.png" alt="" /></td> </tr> <tr> <td align="center"><strong> Buraya Radyonuz Hakkında Bişeyler Yazabilirsiniz. Buraya Radyonuz Hakkında Bişeyler Yazabilirsiniz. Buraya Radyonuz Hakkında Bişeyler Yazabilirsiniz. Buraya Radyonuz Hakkında Bişeyler Yazabilirsiniz.</strong> </td> </tr> </tbody> </table> </div></td> <td><div id="alt2"><table width="390" border="0" cellpadding="0" cellspacing="0" height="110" align="center"> <tbody> <tr> <td height="32" align="center"><img src="http://img.webme.com/pic/b/belen-fm/tkradyobuv1.png" _fcksavedurl="http://img.webme.com/pic/b/belen-fm/tkradyobuv1.png" alt="" /></td> </tr> <tr> <td><strong>Telefon : 0535 XXX XX XX<br /> E-Posta: Belenmedia@gmail.com<br /> Adresimiz: Radynuzun Adresinini Buraya Yazabilirsiniz</strong></td> </tr> </tbody> </table> </div></td> </tr> </tbody> </table><div id="enalt"><table width="788" border="0" align="center" cellpadding="1" cellspacing="1" height="30"> <tbody> <tr> <td style="text-align: left"><strong>© 2013 ♦ TK-Radyo V1 ♦ Tüm Hakları Saklıdır</strong></td> <td> <div style="text-align: right;"><a href="http://belenmedia.tr.gg/" _fcksavedurl="http://belenmedia.tr.gg/" target="_blank"><img src="http://img.webme.com/pic/b/bskurdu/bmml.png" _fcksavedurl="http://img.webme.com/pic/b/bskurdu/bmml.png" width="95" height="28" alt="" /></a></div> </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} #webme_footer_textlink_dont_hide {margin-top:-5px; width:800px; height:auto; border: px solid #6DFF96; border-radius:9px 9px 9px 9px; background: #ffffff; url(http://img.webme.com/pic/f/fbmlkodarsiv/sol-bayrak-ekle.gif)no-repeat top left; color:#999999; font-family:Arial Narrow, Graphite; font-size:14px; text-decoration: blink; box-shadow:0px 0px 5px #5A5A5A; text-shadow: 1px px px #000000; margin-left:auto; margin-right:auto; filter: alpha(opacity=50); opacity: 0.5; } 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 { 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/belen-fm/tkradyov1arka.jpg) top center fixed; -moz-background-size: cover; background-size: cover; } 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 { } #tas{ margin-left: auto; margin-right: auto; width: 800px; margin-top: px; padding-top: px; padding-bottom:px; padding-left:px; padding-right: px; } 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; } #enust{margin-top:2px; width:210px; height:30px; border: px solid #6DBFFF; border-radius:9px 9px 0px 0px; background: #ffffff; url(http://img.webme.com/pic/b/belen-fm/ustarka.png)repeat center; color:white; font-size:12px; font-family:verdana; text-shadow: 2px 2px 1px #000000; box-shadow:0px 0px 5px #5A5A5A; filter: alpha(opacity=80); opacity: 0.8; } #ust a{ font-size:14px; font-family:;color:lightblue; text-shadow: 3px 2px 1px #; } #ust a:hover{ font-size:14px; color:lightblue; text-shadow: 2px 2px 1px #; } #ust{margin-top:0px; width:800px; height:130px; border: px solid #ffffff; border-radius:9px 0px 9px 9px; background: #ffffff url(http://img.webme.com/pic/b/belen-fm/fm_logo.jpg)no-repeat left; color:#79B1D6; box-shadow:2px 2px 2px #5A5A5A; text-shadow: 0px 0px 0px #; margin-left:auto; margin-right:auto; filter: alpha(opacity=80); opacity: 0.8; text-align:center; text-shadow: 0px 0px 5px #A2CEDB; } #ustmenu{margin-top:5px; width:123px; height:30px; border: px solid #ffffff; border-radius:9px 9px 9px 9px; background: #ffffff; url(http://img.webme.com/pic/b/bskurdu/renklimnu.png)repeat; color:#79B1D6; filter: alpha(opacity=80); opacity: 0.8; font-size:17px; font-family:Impact; margin-left:auto; margin-right:auto; box-shadow:0px 0px 5px #5A5A5A; padding-top:5px; text-align:center; } #ustmenu a{ font-size:17px; font-family:Impact; color:#79B1D6; } #ustmenu a:hover{ font-size:17px; color:#53CF89; } #içerikust{margin-top:1px; width:789px; height:36px; border: px solid #6DBFFF; border-radius:2px 2px 0px 0px; background: #ffffff; url(http://img.webme.com/pic/b/bskurdu/maviust.png)repeat top center; color:white; font-size:12px; font-family:verdana; text-shadow: 1px px px #000000; margin-left:auto; margin-right:auto; } #icerik{margin-top:-5px; width:800px; height:auto; border: px solid #6DFF96; border-radius:9px 9px 9px 9px; background: #ffffff url(http://img.webme.com/pic/b/belen-fm/ustarka.png)no-repeat center; color:#0DB68F; font-family:Arial Narrow, Graphite; font-size:14px; text-decoration: blink; box-shadow:0px 0px 5px #5A5A5A; text-shadow: 1px px px #000000; margin-left:auto; margin-right:auto; filter: alpha(opacity=80); opacity: 0.8; } #alt{margin-top:-5px; width:395px; height:110px; border: px solid #6DFF96; border-radius:9px 9px 9px 9px; background: #ffffff url(http://img.webme.com/pic/b/belen-fm/tkikon.png)no-repeat left top; color:#79B1D6; font-family:Arial Narrow, Graphite; text-align:center; font-size:13px; text-decoration: blink; box-shadow:0px 0px 5px #5A5A5A; text-shadow: 0px 0px 4px #C2DFFF; margin-left:auto; margin-right:auto; filter: alpha(opacity=80); opacity: 0.8; } #alt2{margin-top:-5px; width:395px; height:110px; border: px solid #6DFF96; border-radius:9px 9px 9px 9px; background: #ffffff url(http://img.webme.com/pic/b/belen-fm/tkikon.png)no-repeat right top; color:#79B1D6; font-family:Arial Narrow, Graphite; text-align:center; font-size:13px; text-decoration: blink; box-shadow:0px 0px 5px #5A5A5A; text-shadow: 0px 0px 4px #C2DFFF; margin-left:auto; margin-right:auto; filter: alpha(opacity=80); opacity: 0.8; } #enalt{margin-top:5px; width:800px; height:30px; border: px solid #6DFF96; border-radius:9px 9px 9px 9px; background: #9EC2FF; url(http://img.webme.com/pic/b/belen-fm/mzkgf.png)no-repeat center; color:#ffffff; font-family:Arial Narrow, Graphite; text-align:center; font-size:14px; text-decoration: blink; box-shadow:0px 0px 5px #5A5A5A; text-shadow: 0px 0px 2px #056988; margin-left:auto; margin-right:auto; filter: alpha(opacity=80); opacity: 0.8; } #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.8s; -moz-transition: opacity 0.8s; -o-transition: opacity 0.8s; transition: opacity 0.8s; }

Ana sayfaya eklenecek kod:

Benzer Tasarımlar: