Tk-Mavi V1

Evet Arkadaşlar bugün sizlere yine tasarimkurdu tasarımı olan 'TK-Mavi V1' in kodlarını sunacağız. İlk olarak tasarım css gibi gözüksede tam olarak bi css tasarım sayılmaz, bu tasarımda menü gizleme kodu kullanılmadı yani bu tasarım Bedava-Sitem in Clean Tasarımı gibi sayfalar siz eklediğinizde direkt menü de gözüküyor. ve işte 'TK-MaviV1' 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ı:

<table {margin-left: auto;margin-right: auto}  </style> <table cellspacing="1" cellpadding="1" border="0" width="790">     <tbody>         <tr>             <td>  <div id="baslik"><div class="bulanik"><a href="/" _fcksavedurl="/"><img src="http://img.webme.com/pic/d/designbelen/tkcleanlg.png" _fcksavedurl="http://img.webme.com/pic/d/designbelen/tkcleanlg.png" alt="" border="0" /></a></div></div> <div id="reklam"><div class="bulanik"><a href="/" _fcksavedurl="/"><img src="http://img.webme.com/pic/d/designbelen/reklam5.gif" _fcksavedurl="http://img.webme.com/pic/d/designbelen/reklam5.gif" alt="" border="0" /></a></div></div>  </td>         </tr>     </tbody> </table>

Tasarımın altındaki yazı:

<br /><div id="altbaslik"><table width="785" height="29" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td align="center" width="242"><strong>Link Takaslar</strong></td>             <td align="center" width="262"><strong>Son Eklenen Konular</strong></td>             <td align="center"><strong>Hakkımızda</strong></td>         </tr>     </tbody> </table></div><div id="alt">  <table width="780" height="108" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td align="right" width="84"><img alt="" src="http://img.webme.com/pic/b/belenlee-tr/tik.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/tik.png" /></td>             <td>             <div class="logotksov logotk"><a href="#" _fcksavedurl="#">Lin Takas</a></div>             </td>             <td rowspan="1" width="255">    <img src="http://img.webme.com/pic/b/belenlee-tr/ok.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/ok.png" alt="" /><a href="#" _fcksavedurl="#">Son Eklenen Konu Başlığı Buraya</a></td>             <td rowspan="6" width="255" align="center">Hakkınızda Kısa bir Yazı Yazabilirsiniz. Hakkınızda Kısa bir Yazı Yazabilirsiniz. Hakkınızda Kısa bir Yazı Yazabilirsiniz. Hakkınızda Kısa bir Yazı Yazabilirsiniz.</td>         </tr>         <tr>             <td align="right" width="64" rowspan="2"><img alt="" src="http://img.webme.com/pic/b/belenlee-tr/tik.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/tik.png" /></td>             <td rowspan="2">             <div class="logotksov logotk"><a href="#" _fcksavedurl="#">Lin Takas</a></div>             </td>         </tr>         <tr>             <td>    <img src="http://img.webme.com/pic/b/belenlee-tr/ok.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/ok.png" alt="" /><a href="#" _fcksavedurl="#">Son Eklenen Konu Başlığı Buraya</a></td>         </tr>         <tr>             <td align="right" width="64"><img alt="" src="http://img.webme.com/pic/b/belenlee-tr/tik.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/tik.png" /></td>             <td>             <div class="logotksov logotk"><a href="#" _fcksavedurl="#">Lin Takas</a></div>             </td>             <td rowspan="1">    <img src="http://img.webme.com/pic/b/belenlee-tr/ok.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/ok.png" alt="" /><a href="#" _fcksavedurl="#">Son Eklenen Konu Başlığı Buraya</a></td>         </tr>         <tr>             <td align="right" width="64"><img alt="" src="http://img.webme.com/pic/b/belenlee-tr/tik.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/tik.png" /></td>             <td>             <div class="logotksov logotk"><a href="#" _fcksavedurl="#">Lin Takas</a></div>             </td>             <td rowspan="1">    <img src="http://img.webme.com/pic/b/belenlee-tr/ok.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/ok.png" alt="" /><a href="#" _fcksavedurl="#">Son Eklenen Konu Başlığı Buraya</a></td>         </tr>         <tr>             <td align="right" width="64"><img alt="" src="http://img.webme.com/pic/b/belenlee-tr/tik.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/tik.png" /></td>             <td>             <div class="logotksov logotk"><a href="#" _fcksavedurl="#">Lin Takas</a></div>             </td>             <td rowspan="1">    <img src="http://img.webme.com/pic/b/belenlee-tr/ok.png" _fcksavedurl="http://img.webme.com/pic/b/belenlee-tr/ok.png" alt="" /><a href="#" _fcksavedurl="#">Son Eklenen Konu Başlığı Buraya</a></td>         </tr>     </tbody> </table> <style type="text/css">  .logotk:hover {     -webkit-transform: translate(1em, 0pt);     -moz-transform: translate(1em, 0pt);     -o-transform: translate(1em, 0pt);     -ms-transform: translate(1em, 0pt);  }  .logotksov {     -webkit-transition: all 1s ease-in-out 0s;     -moz-transition: all 1s ease-in-out 0s;     -o-transition: all 1s ease-in-out 0s;     -ms-transition: all 1s ease-in-out 0s; }  </style>    </div><div id="sidebar_container"><table width="782" height="30" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td><strong>Copyright © 2013 <a href="#" _fcksavedurl="#">Siteadı</a> | Tüm Hakları Saklıdır</strong></td>             <td align="right"><strong>Dizayn:<a href="http://tasarimkurdu.tr.gg" _fcksavedurl="http://tasarimkurdu.tr.gg"> Tasarimkurdu</strong></a></td>         </tr>     </tbody> </table></div>

CSS kodu:

<!--/*tasarim: Belenmedia & Tasarimkurdu */ /*URL: http://www.tasarimkurdu.tr.gg*/         table {margin-left: auto;margin-right: auto}  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/d/designbelen/tkcleanarka.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 { }    #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;   } #container { color:#85C4FF;  width:798px;  background:#DEECF1 url(http://img.webme.com/pic/d/designbelen/tkmini.png)no-repeat bottom right;  margin:0 auto 15px auto;  border:px solid #999999; box-shadow:0px 0px 5px #ffffff; } #header_container {   display:none; } #nav_container {  margin-top:5px; } #nav_heading {  display:none; } #nav {  list-style:none; font-family:Arial Narrow, Graphite;  margin:0px;  padding:0;  height:39px;  border:px solid #006699; box-shadow:0px 0px 5px #8FDDFA;  background:url(http://img.webme.com/pic/d/designbelen/tkcleanmn.png) repeat-x; } .nav_element {  list-style:none;  float:left; } .menu { margin-left:auto; margin-right:auto; text-align:center;  color:lightblue;  font-size:13px;  text-decoration:none;  display:block;  padding:10px 8px 9px 8px;  border-bottom:0px solid #51E0A7;  background:url(http://img.webme.com/pic/d/designbelen/tkcleanmn.png) repeat-x; } .menu:hover {   border-bottom:0px solid #97F1CD;  color:#FFFFFF;  background:url(http://img.webme.com/pic/d/designbelen/tkcleanmn2.jpg) repeat-x; } #content_container {   padding:40px 8px 8px 8px; } #content {  padding:0 10px 0 10px; } #title {  display:none; }     h1 {  font-size:31px;  margin:0;  padding:0 0 0 5px;  font-weight:normal;  color:#006699; } h2 {  font-size:24px;  margin:0 0 5px 0;  padding:0 0 0 5px;  font-weight:normal;  letter-spacing:1px;  color:#666666; } .imageCreate {  float:right;  padding:3px;  background:#FFFFFF;  border:1px solid #CCCCCC;  margin:4px; } .trennText {  border-bottom:1px solid #CCCCCC;  clear:both;  margin:8px 0; } #counter {  display:none; } #sidebar_heading {  display:none; } #post_content {  clear:both; } #sidebar_container {  font-size:12px; color:lightblue; background:#6BABFF;  margin:20px 0 0 0;  clear:both;  border:0px solid #ffffff; box-shadow:0px 0px 5px #5A8EFF; }  #sidebar_container a{ font-size:12px; color:#ffffff; text-shadow: 3px 2px 1px #; }   #sidebar_container a:hover{ font-size:12px;  color:lightblue; text-shadow: 2px 2px 1px #;  }    #altbaslik { font-size:14px; text-shadow: 0px 0px 3px #D3EAFF;   box-shadow:0px 0px 5px #5A8EFF; background:#6BABFF;  color:#FFFFFF;  height:30px;  }    .abstnd {  font-weight:bold;  float:left;  width:220px;  padding:4px; } #alt {  height:129px;  background: #F7F7F7;url() repeat-x;  box-shadow:0px 0px 4px #5A8EFF; }  #alt a{ font-size:12px; color:#4B9FEE; text-shadow: 3px 2px 1px #; }   #alt a:hover{ font-size:12px;  color:#60CA9C; text-shadow: 2px 2px 1px #;  }   } .ftrlnk {  color:#333333;  text-decoration:none; } .ftrlnk:hover {  text-decoration:underline; } #reklam {  position:absolute;  top:0px;  left:44%;  margin-left:0px; margin-top:125px; } #crightadvice {  font-size:10px; } #baslik {  width:800px;  margin:0 auto;  height:80px; margin-top:15px; }  .bulanik img{ opacity:1.0; -moz-opacity: 1.0; -khtml-opacity: 1.0; }  .bulanik img:hover{  opacity:0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; } .bulanik img, .hover img:before, .hover img:after{ -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; }   ::-moz-selection {     background:#5CCA9A;     color:#ffffff; } ::selection {     background:#5CCA9A;     color:#ffffff;    }   input[type="text"]  { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(http://img.webme.com/pic/o/osmantalay/style1_txt_bgot.gif) repeat-x top; } input[type="text"]:focus, input[type="text"]:active { border-color : #777; } input[type="submit"] { cursor : pointer; font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #c6c7ca; background : #e4e4e4 url(http://img.webme.com/pic/o/osmantalay/style1_btn_bgot.gif) repeat-x top; } textarea { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(http://img.webme.com/pic/o/osmantalay/style1_txt_bgott.gif) repeat-x top; }  #webme_footer_textlink_dont_hide { margin-left:auto; margin-right:auto; color:#7FA9D1; background:none; text-align:center; font-family:Arial Narrow, Graphite;  margin-left:auto; margin-right:auto; }

Ana sayfaya eklenecek kod:

Tk-Mavi V1

Benzer Tasarımlar:

Yorum Gönder

Kategoriler

En Popüler Tasarımlar

Son Yorumlar