Tk-Cs V1

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

Tasarımın üzerindeki yazı: <div id="tasarim"> <div id="ust"></div> <div id="ustmenu"><div id='cssmenu'> <ul> <li><a href='index.html' _fcksavedurl='index.html'><span>Ana Sayfa</span></a></li> <li><a href='#' _fcksavedurl='#'><span>İletisim</span></a></li> <li><a href='#' _fcksavedurl='#'><span>Hakkımızda</span></a></li> <li><a href='#' _fcksavedurl='#'><span>Serverler</span></a></li> <li><a href='#' _fcksavedurl='#'><span>Counter Strike</span></a></li> <li><a href='#' _fcksavedurl='#'><span>Menu</span></a></li> </ul> </div></div> <div id="icerik">

Tasarımın altındaki yazı: </div><div id="alt"><table width="796" height="80" border="0" align="center" cellpadding="1" cellspacing="1"> <tbody> <tr> <td width="80" style="text-align: center;"><img src="http://img.webme.com/pic/r/referandumadogru/cvv1ik.png" _fcksavedurl="http://img.webme.com/pic/r/referandumadogru/cvv1ik.png" alt="" /></td> <td style="text-align: center;"> Copyrigt 2014 <a href="#" _fcksavedurl="#">Sitenizinadı</a> | Tüm Hakları Saklıdır |<a href="#" _fcksavedurl="#"> TK-Cs v1</a> | Servis Saglayıcısı : Bedava-Sitem<br /> Sitemizde Bulunan Reklamlar Servis Sağlayıcısına Aittir  | <a href="http://belenmedia.tr.gg/" _fcksavedurl="http://belenmedia.tr.gg/">Belenmedia</a> İnternet Hizmetleri</td> <td width="80" style="text-align: center;"><img src="http://img.webme.com/pic/r/referandumadogru/csv1tk.png" _fcksavedurl="http://img.webme.com/pic/r/referandumadogru/csv1tk.png" alt="" /></td> </tr> </tbody> </table></div> </div>

CSS kodu: /*Belenmedia & Tasarimkurdu */ /*URL: http://www.tasarimkurdu.tr.gg*/ table {margin-left: auto;margin-right: auto} #webme_footer_textlink_dont_hide { background:none; color:#ffffff; font-family:Arial Narrow, Graphite; font-size:14px; } textarea{ resize:none } 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.5em Arial, Helvetica, sans-serif; background:#ffffff url(http://wallpaperscraft.com/image/16288/1440x900.jpg?orig=1)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; } 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.4em Arial, Helvetica, sans-serif; } p.spec { text-align:left; } a { color:#0E16F0; text-decoration:underline; } a.com { } a { font-size: 13px; color:#4D749E; text-decoration: none; } a:visited { font-size: 12px; text-decoration: none; } a:hover { font-size: 13px; color:#000000; } img{ border: 0px; } #tasarim { margin-left: auto; margin-right: auto; width:800px; box-shadow: px px 5px #000000; } ::-moz-selection { background:#4372A2; color:#ffffff; } ::selection { background:#2B2C2C; color:#ffffff; } #enust{margin-top:-2px; width:756px; height:29px; border-radius:5px 5px 0 0; background: #E7F9FF url(http://img.webme.com/pic/r/referandumadogru/trnc.png)repeat left; color:white; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; } #ust{ width:800px; height:204px; background: #ffffff url(http://img.webme.com/pic/r/referandumadogru/csv1ust.jpg)no-repeat bottom right; color:gray; box-shadow: 0 0 15px #000000; margin-left:auto; margin-right:auto; margin-top:0px; border-radius:8px 8px 0px 0px; } #ustmenu{margin-top:0px; width:800px; height:50px; background: #F3F3F3 url(http://media.steampowered.com/apps/csgo/blog/images/nav_bar_dark.jpg)repeat; color:white; font-size:14px; font-family:verdana; text-shadow: 2px 2px 1px #000000; margin-left:auto; margin-right:auto; } #cssmenu { background: none; width: auto; } #cssmenu ul { list-style: none; margin: 0; padding: 0; line-height: 1; display: block; zoom: 1; } #cssmenu ul:after { content: ' '; display: block; font-size: 0; height: 0; clear: both; visibility: hidden; } #cssmenu ul li { float: left; display: block; padding: 0; } #cssmenu ul li a { color: #ffffff; text-decoration: none; display: block; padding: 15px 25px; font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 14px; position: relative; -webkit-transition: color .25s; -moz-transition: color .25s; -ms-transition: color .25s; -o-transition: color .25s; transition: color .25s; } #cssmenu ul li a:hover { color: #333333; } #cssmenu ul li a:hover:before { width: 100%; } #cssmenu ul li a:after { content: ''; display: block; position: absolute; right: -3px; top: 19px; height: 6px; width: 6px; background: #ffffff; opacity: .5; } #cssmenu ul li a:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: #333333; -webkit-transition: width .25s; -moz-transition: width .25s; -ms-transition: width .25s; -o-transition: width .25s; transition: width .25s; } #cssmenu ul li.last > a:after, #cssmenu ul li:last-child > a:after { display: none; } #cssmenu ul li.active a { color: #333333; } #cssmenu ul li.active a:before { width: 100%; } @media screen and (max-width: 768px) { #cssmenu ul li { float: none; } #cssmenu ul li a { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #cssmenu ul li a:after { display: none; } #cssmenu ul li a:before { height: 1px; background: #ffffff; width: 100%; opacity: .2; } #cssmenu ul li.last > a:before, #cssmenu ul li:last-child > a:before { display: none; } } #icerik{margin-top:-8px; width:800px; height:auto; background: #ffffff url(http://img.webme.com/pic/r/referandumadogru/csv1ic.jpg)repeat top center; color:#8095AA; font-size:12px; font-family:arial; font-weight:bold; text-shadow: 1px px px #000000; margin-left:auto; margin-right:auto; } #alt{margin-top:-8px; width:800px; height:80px; border-radius: 0 0 5px 5px; background: #ffffff url(http://img.webme.com/pic/r/referandumadogru/csv1alt.jpg)repeat top center; color:#4D749E; font-size:12px; font-family:arial; font-weight:bold; text-shadow: 1px px px #000000; margin-left:auto; margin-right:auto; } #alt a{ color:#ffffff; font-family:Arial, Graphite; font-size:12px; font-weight:bold; } #alt a:hover{ color:#000000; font-family:Arial, Graphite; font-size:12px; font-weight:bold; }

Ana sayfaya eklenecek kod:

Benzer Tasarımlar: