Tk-Motif V1

Bugün Sizlerle daha öncede sözünü ettiğimiz bir tasarımı paylaşacağız yani; TK-Motif V1 i. Tasarım sade ve soluk renklerden oluşmakta. Sadecce üst menü bulunuyor. kısacası işte 'TK-Motif 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:
• Üst Menü
• 468x60 Reklam Alanı

Tasarımın üzerindeki yazı: <div id="ust"> <table width="749" height="105" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td> <div class="bulanik"><a href="#" _fcksavedurl="#" ><img src="http://img.webme.com/pic/t/turk-rap-fm/logo18.png" _fcksavedurl="http://img.webme.com/pic/t/turk-rap-fm/logo18.png" alt="" /></a></div></td> <td align="center"> <div class="bulanik"><a href="#" _fcksavedurl="#" ><img src="http://img.webme.com/pic/t/turk-rap-fm/reklam5.gif" _fcksavedurl="http://img.webme.com/pic/t/turk-rap-fm/reklam5.gif" alt="" /></a></div> </td> </tr> </tbody> </table></div> <div id="ustmenu"><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="#">Menü</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></div> <div id="icerik">

Tasarımın altındaki yazı: </div> <div id="altt"> <table width="700" border="0" align="center" cellpadding="1" cellspacing="1" height="36"> <tbody> <tr> <td style="text-align: center;">© 2014 <a href="#" _fcksavedurl="#" target="_blank">Site Adı</a> | Tüm Hakları Saklıdır | Tasarım: <a href="http://tasarimkurdu.tr.gg/" _fcksavedurl="http://tasarimkurdu.tr.gg/" target="_blank">Belenmedia</a></td> </tr> </tbody> </table></div>

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:px; width:800px; height:auto; border: px solid #6DFF96; border-radius:5px 5px 5px 5px; background:white; color:#80CCAE; font-family:Arial Narrow, Graphite; font-size:14px; filter: alpha(opacity=70); opacity: 0.7; } textarea{ resize:none } ::-moz-selection { background:#CF8585; color:#ffffff; } ::selection { background:#CF8585; color:#ffffff; } 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/t/turk-rap-fm/tkmotifarka.png) top center fixed; background-size:cover; -moz-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 { } #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:#CF8585; text-decoration: none; } a:visited { font-size: 12px; text-decoration: none; } a:hover { font-size: 13px; color:#9B6969; text-decoration: crosses the cut; } #enust{margin-top:-2px; width:789px; height:27px; border: px solid #6DBFFF; border-radius:9px 9px 0px 0px; background: #E7F9FF url(http://img.webme.com/pic/b/bskurdu/maviust.png)repeat left; color:white; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; box-shadow:0px 0px 5px #5A5A5A; } #ust a{ font-size:14px; font-family:;color:blue; } #ust a:hover{ font-size:14px; color:lightblue; } #ust{margin-top:px; width:759px; height:110px; border: px solid #ffffff; border-radius:8px 8px 8px 8px; background: #ffffff url(http://img.webme.com/pic/t/turk-rap-fm/tkmotifv1_ust.png)repeat top center; color:white; box-shadow:0px 0px 5px #5A5A5A; font-size:14px; font-family:verdana; text-shadow: 2px 2px 1px #; margin-left:auto; margin-right:auto; filter: alpha(opacity=80); opacity: 0.8; } #ustmenu{ margin-top:10px; width:759px; height:43px; border: px solid #ffffff; border-radius:7px 7px 7px 7px; background: #F3F3F3 url(http://img.webme.com/pic/t/turk-rap-fm/motificust.png)repeat; color:white; box-shadow:0px 0px 5px #5A5A5A; margin-left:auto; margin-right:auto; } #menu { list-style-type: none; padding: 10px; margin-left: auto; margin-right: auto; text-align:center; } #menu li { margin-left: auto; margin-right: auto; text-align:center; display: inline; } #menu li a { font-size:15px; font-family:Impact; text-decoration: none; padding: .7em 1em; color: #DAAAAA; background: url(http://img.webme.com/pic/t/turk-rap-fm/icerikmotif_v1.png); } #menu .active a, #menu li a:hover { -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; color: #9B6969; background: url(http://img.webme.com/pic/t/turk-rap-fm/tkmotifv1_ust.png); } .menu li a:active { color: #9B6969; background: url(http://img.webme.com/pic/t/turk-rap-fm/tkmotifv1_ust.png); } #altt{margin-top:9px; width:759px; height:36px; border: px solid #6DBFFF; border-radius:8px 8px 8px 8px; background: #ffffff url(http://img.webme.com/pic/t/turk-rap-fm/icerikustmotif.png)repeat top center; color:#DAAAAA; font-size:12px; font-family:Arial; text-shadow: 1px px px #000000; margin-left:auto; margin-right:auto; box-shadow:0px 0px 5px #5A5A5A; } #altt a{ font-size:12px; font-family:Arial;color:#D68282; } #altt a:hover{ font-size:12px; color:#DAAAAA; } #icerik{margin-top:10px; width:759px; height:auto; border: px solid #6DFF96; border-radius:8px 8px 8px 8px; background: #ffffff url(http://img.webme.com/pic/t/turk-rap-fm/icerikmotif_maviv1.png)repeat top left; color:#888888; font-family:Arial, Graphite; box-shadow:0px 0px 5px #5A5A5A; font-size:12px; margin-left:auto; margin-right:auto; } #alt{margin-top:-1px; width:789px; height:32px; border: px solid #6DBFFF; border-radius:0px 0px 8px 8px; background: #ffffff url(http://img.webme.com/pic/b/bskurdu/maviust.png)repeat top center; color:lightblue; font-size:11px; font-family:Arial, Graphite; margin-left:auto; margin-right:auto; box-shadow:0px 2px 3px #5A5A5A; } #alt a{ font-size:13px; font-family:;color:lightblue; text-shadow: 3px 2px 1px #000000; } #alt a:hover{ font-size:13px; color:#39DB47; text-shadow: 2px 2px 1px #000000; } input[type="text"] { resize:none; font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #CF8585; background : #f6f6f6; url() repeat-x top; border-radius:5px 0px 5px 0px; } input[type="text"]:focus, input[type="text"]:active { border-color : #000000; } input[type="submit"] { cursor : pointer; font-family : "Trebuchet MS"; font-size : 12px; font-weight : normal; color : #CF8585; border : 1px solid #c6c7ca; background : #e4e4e4; url() repeat-x top; border-radius:8px 0px 8px 0px; } textarea { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #CF8585; background : #f6f6f6; url() repeat-x top; border-radius:8px 0px 8px 0px; } input { resize:none; } .bulanik img{ opacity:1.0; -moz-opacity: 1.0; -khtml-opacity: 1.0; } .bulanik img:hover{ -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); -o-filter: blur(2px); filter: blur(2px); } .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:

Benzer Tasarımlar: