Tk-Mini V2

Merhaba Arkadaşlar ..! Bugün Sizlerle daha önce paylaştığımız bi tasarımın ikinci versiyonunu paylaşacağız, yani; TK-Mini V2 yi. Mininin renkleri tamamen değişti.Daha çok siyah ve gri ağırlıkta oldu. Banner Takas alanları kaldırıldı, onun yerine Link takas alanları getirildi. işte 'TK-Miniv2' 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:

Link Takas Yeri
Duyuru Paneli
Üst Menü
717x80 Reklam Alanı

Tasarımın üzerindeki yazı:

<div id="ustbaslik"><table width="725" height="97" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td style="text-align: center;" width="230"><div class="bulanik"><a href='#' _fcksavedurl='#'><img src="http://img.webme.com/pic/b/bskurdu/logominiv2.png" _fcksavedurl="http://img.webme.com/pic/b/bskurdu/logominiv2.png" alt="" border="0" /></a></div></td>             <td><table border="0" width="490" cellpadding="1" cellspacing="1" height="19" align="left">     <tbody>         <tr>             <td width="15"><img src="http://img.webme.com/pic/b/bskurdu/dyr.png" _fcksavedurl="http://img.webme.com/pic/b/bskurdu/dyr.png" width="15" height="15" alt="" /></td>             <td><script type="text/javascript" src="http://www.mehmetduran.com/files/inner_fade/jquery.js"></script> <script type="text/javascript" src="http://www.mehmetduran.com/files/inner_fade/jquery.innerfade.js"></script> <script type="text/javascript">
       $(document).ready(
                function(){
                    $('.yazi').innerfade({
                        animationtype: 'slide',
                        speed: 850,
                        timeout: 4000,
                        type: 'random',
                        containerheight: '20px'
                    });
                   
                    $('.resim').innerfade({
                        animationtype: 'fade',
                        speed: 750,
                        timeout: 2000,
                        type: 'random',
                        containerheight: '230px'
                    });
            });
</script> <div class="yazi"> <p><a href='#' _fcksavedurl='#'>Buraya Küçük Duyurularınızı , Eklediğiniz Konuların Başlıklarını Ekleyebilirsiniz.</a> </p> <p><a href='#' _fcksavedurl='#'> Buraya İkinci Duyurunuzu Ekleyebilirsiniz  </a></p> <p><a href='#' _fcksavedurl='#'> Buraya Üçüncü Duyurunuzu Ekleyebilirsiniz  </a></p> </div></td>         </tr>     </tbody> </table></td>         </tr>     </tbody> </table></div> <div id="ustmenuu">   <div id='cssmenu'> <ul>    <li class='active'><a href='index.html' _fcksavedurl='index.html'><span>Ana Sayfa </span></a></li>       <li class='last'><a href='#' _fcksavedurl='#'><span>İletişim</span></a></li>     <li class='last'><a href='#' _fcksavedurl='#'><span>Ziyaretci Defteri</span></a></li>     <li class='last'><a href='#' _fcksavedurl='#'><span>Tasarımlar</span></a></li>     <li class='last'><a href='#' _fcksavedurl='#'><span>Menü</span></a></li>    <li class='last'><a href='#' _fcksavedurl='#'><span>İkonlar</span></a></li>    <li class='last'><a href='#' _fcksavedurl='#'><span>Bedava Sitem</span></a></li>     <li class='has-sub'><a href='#' _fcksavedurl='#'><span>Kategoriler <img src="http://img.webme.com/pic/b/bskurdu/okasa.png" _fcksavedurl="http://img.webme.com/pic/b/bskurdu/okasa.png" width="10" height="9" alt="" /></span></a>       <ul>         <li><a href='#' _fcksavedurl='#'><span>Menü</span></a></li>         <li><a href='#' _fcksavedurl='#'><span>Menü2</span></a></li>         <li><a href='#' _fcksavedurl='#'><span>Menü3</span></a></li>          <li><a href='#' _fcksavedurl='#'><span>Menü4</span></a></li>          <li class='last'><a href='#' _fcksavedurl='#'><span>Menü5</span></a></li>       </ul>    </li>  </ul> </div><center><a href="#" _fcksavedurl="#"><img src="http://img.webme.com/pic/b/bskurdu/minira.png" _fcksavedurl="http://img.webme.com/pic/b/bskurdu/minira.png" border="0" alt="" /></a></center> <div id='icerikk'>

Tasarımın altındaki yazı:

<div id='link'><table width="600" height="20" border="0" align="right" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td> <img src="http://img.webme.com/pic/b/bskurdu/tikkk.png" _fcksavedurl="http://img.webme.com/pic/b/bskurdu/tikkk.png" alt="" /></td>             <td><a href="#" _fcksavedurl="#">Siteni Ekle</a></td>             <td><img src="http://img.webme.com/pic/b/bskurdu/tikkk.png" _fcksavedurl="http://img.webme.com/pic/b/bskurdu/tikkk.png" alt="" /></td>             <td><a href="#" _fcksavedurl="#">Siteni Ekle</a></td>             <td><img src="http://img.webme.com/pic/b/bskurdu/tikkk.png" _fcksavedurl="http://img.webme.com/pic/b/bskurdu/tikkk.png" alt="" /></td>             <td><a href="#" _fcksavedurl="#">Siteni Ekle</a></td>             <td><img src="http://img.webme.com/pic/b/bskurdu/tikkk.png" _fcksavedurl="http://img.webme.com/pic/b/bskurdu/tikkk.png" alt="" /></td>             <td><a href="#" _fcksavedurl="#">Siteni Ekle</a></td>             <td><img src="http://img.webme.com/pic/b/bskurdu/tikkk.png" _fcksavedurl="http://img.webme.com/pic/b/bskurdu/tikkk.png" alt="" /></td>             <td><a href="#" _fcksavedurl="#">Siteni Ekle</a></td>             <td><img src="http://img.webme.com/pic/b/bskurdu/tikkk.png" _fcksavedurl="http://img.webme.com/pic/b/bskurdu/tikkk.png" alt="" /></td>             <td><a href="#" _fcksavedurl="#">Siteni Ekle</a></td>         </tr>     </tbody> </table></div> </div>    </div><div id='alt'>  <table width="725" height="30" border="0" align="center" cellpadding="1" cellspacing="1">     <tbody>         <tr>             <td>© 2013 <a href="#" _fcksavedurl="#">Siteadı</a> | Tüm Hakları Saklıdır | <a href="#" _fcksavedurl="#">TK-MiniV2</a></td>             <td width="140" style="text-align: right;"><div class="bulanik3"><a href="http://tasarimkurdu.tr.gg/" _fcksavedurl="http://tasarimkurdu.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" border="0"width="98" 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}

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: #ffffff
url(http://img.webme.com/pic/b/bskurdu/bg01.png)fixed; } 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:#333333;  text-decoration:underline; } a.com { }     a {    font-size: 13px;    color:#5A5A5A;    text-decoration: none;     }   a:visited {    font-size: 12px;    text-decoration: none;   }   a:hover {    font-size: 13px;                              color:#E02424;    text-decoration: crosses the cut;   }


 #ustbaslik{margin-top:1px;  width:725px;  height:97px; border: px solid orange;  border-radius:px;  background: white url(http://img.webme.com/pic/b/bskurdu/tkminiv2ust.png)repeat top left; 
color:#ffffff;
box-shadow:0px 0px 5px #5A5A5A;
font-size:12px;
font-family:  Arial;
margin-left:auto; margin-right:auto;  
padding-top:px;
clear:both;
border: px solid #5695A8; border-radius:7px 7px 0px 0px;

 }     
#ustbaslik a{ font-size:12px; font-family:Arial;color:white; }  
#ustbaslik a:hover{ font-size:12px; 
color:#F57676;}  



 #ustmenuu{margin-top:-1px;  width:725px;  height:auto; border: px solid orange;  border-radius:px;  background: white url(http://img.webme.com/pic/b/bskurdu/icerikbas.png)repeat-x top center; 
color:#888888;
box-shadow:0px 0px 3px #888888;
font-size:12px;
font-family:Arial;
margin-left:auto; margin-right:auto;  
padding-top:0px;
clear:both;
border: px solid #5695A8; border-radius:0px 0px 0px 0px;
 }     



#ustmenu a{ font-size:12px; font-family:Arial; 
color:gray; }  
#ustmenu a:hover{ font-size:12px; 
color:lightblue;}  


 #icerikk{margin-top:-58px;  width:725px;  height:auto; border: px solid orange;  border-radius:px;  
margin-left:auto; margin-right:auto;  
padding-top:0px;
clear:both;
 }  


 #alt{margin-top:-3px;  width:725px;  height:32px; border: px solid orange;  border-radius:px;  background: white url(http://img.webme.com/pic/b/bskurdu/tkminiv2a.png)repeat-x bottom; 
color:#888888;
box-shadow:0px 0px 4px #757575;
font-size:12px;
font-family:Arial;
margin-left:auto; margin-right:auto;  
padding-top:px;
clear:both;
border: px solid #5695A8; border-radius:0px 0px 7px 7px;

 }     


#enust{  width:725px;  height:35px; border: px solid orange;  border-radius:px;  background: white url(http://img.webme.com/pic/b/bskurdu/tkminiv2a.png)repeat-x bottom; 
color:#888888;
box-shadow:0px 0px 3px #757575;
font-size:12px;
font-family:Arial;
margin-left:auto; margin-right:auto;  
left:0px;
right:0px;
border: px solid #5695A8; border-radius:0px 0px 7px 7px;
position:fixed;
top:0px;
overflow:hidden;
display:block;
 }     

#cssmenu ul {
  margin: 0;
  padding: 2px 2px 0;
  background:none;
  line-height: 100%;
  border-radius: 1em;
  font: normal 0.5333333333333333em Arial, Helvetica, sans-serif;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;

  width: auto;
}
#cssmenu li {
  margin: 0 5px;
  padding: 0 0 8px;
  float: left;
  position: relative;
  list-style: none;
}
#cssmenu a,
#cssmenu a:link {
  font-weight: bold;
  font-size: 12px;
  color: #888888;
  text-decoration: none;
  display: block;
  padding: 7px 10px;
  margin: 0;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
transition:color .2s ease-in;

}
#cssmenu a:hover {
  background: #000;
  color: #fff;
}
#cssmenu .active a,
#cssmenu li:hover > a {
  background: none;url(overlay.png) repeat-x 0 -40px;
  background: none; url(overlay.png) repeat-x 0 -40px;
  color: #E02424;
  border: solid 0px  #B9B9B9;
 
 -webkit-box-shadow: 0 0px 1px #888888;
  -moz-box-shadow: 0 0px 1px #888888;
  box-shadow: 0 0px 1px #888888;



}
#cssmenu ul ul li:hover a,
#cssmenu li:hover li a {
  background: none;
  border: none;
  color: #666;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;


}
#cssmenu ul ul a:hover {
  background: #CECECE url(overlay.png) repeat-x 0 -100px !important;
  color: #E02424 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);


}
#cssmenu li:hover > ul {
  display: block;


}
#cssmenu ul ul {
  display: none;
  margin: 0;
  padding: 0;
  width: 155px;
  position: absolute;
  top: 35px;
  left: 0;
  background: white; url(overlay.png) repeat-x 0 0;
  border: solid 1px #b4b4b4;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);



}
#cssmenu ul ul li {
  float: none;
  margin: 0;
  padding: 3px;
}
#cssmenu ul ul a,
#cssmenu ul ul a:link {
  font-weight: normal;
  font-size: 12px;
}
#cssmenu ul:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
* html #cssmenu ul {
  height: 1%;
}

.yazi {
  background: none;
  border: none;
  color: #666;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
margin-top:-16px;
 }

#link {
margin-top:-33px;  
width:697px;  
height:27px; 
border: px solid orange;  border-radius:px;  
background:  url(http://img.webme.com/pic/b/bskurdu/linktkas.png)no-repeat; 


margin-left:auto; margin-right:auto;  
padding-top:6px;
 }     


.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;
}


.bulanik3 img{
opacity:0.3;
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
}

.bulanik3 img:hover{
opacity:1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}


.bulanik3 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:#E02424;
    color:#ffffff;
}
::selection {
    background:#E02424;
    color:#ffffff;
 
 }

                #webme_footer_textlink_dont_hide {
z-index: 10000;
color: #999999;
background: none;
}            //-->

Ana sayfaya eklenecek kod:

<table width="705" border="0" align="center" cellpadding="5" cellspacing="0">
    <tbody>
        <tr>
            <td>
            <table width="232" height="157" border="0" align="center" cellpadding="1" cellspacing="1" background="http://img.webme.com/pic/b/bskurdu/tkminiv2ko.png">
                <tbody>
                    <tr>
                        <td height="32" style="text-align: center;"><span style="color: rgb(192, 192, 192);"><span style="font-size: medium;"><a href="#"><span style="font-size: small;">Buraya Konunuzun Başlığı</span></a></span></span></td>
                    </tr>
                    <tr>
                        <td style="text-align: center;">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.</td>
                    </tr>
                </tbody>
            </table>
            </td>
            <td>
            <table width="232" height="157" border="0" align="center" cellpadding="1" cellspacing="1" background="http://img.webme.com/pic/b/bskurdu/tkminiv2ko.png">
                <tbody>
                    <tr>
                        <td height="32" style="text-align: center;"><a href="#"><span style="font-size: small;">Buraya Konunuzun Başlığı</span></a></td>
                    </tr>
                    <tr>
                        <td style="text-align: center;">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.</td>
                    </tr>
                </tbody>
            </table>
            </td>
            <td>
            <table width="232" height="157" border="0" align="center" cellpadding="1" cellspacing="1" background="http://img.webme.com/pic/b/bskurdu/tkminiv2ko.png">
                <tbody>
                    <tr>
                        <td height="32" style="text-align: center;"><a href="#"><span style="font-size: small;">Buraya Konunuzun Başlığı</span></a></td>
                    </tr>
                    <tr>
                        <td style="text-align: center;">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.</td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
        <tr>
            <td>
            <table width="232" height="157" border="0" align="center" cellpadding="1" cellspacing="1" background="http://img.webme.com/pic/b/bskurdu/tkminiv2ko.png">
                <tbody>
                    <tr>
                        <td height="32" style="text-align: center;"><a href="#"><span style="font-size: small;">Buraya Konunuzun Başlığı</span></a></td>
                    </tr>
                    <tr>
                        <td style="text-align: center;">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.</td>
                    </tr>
                </tbody>
            </table>
            </td>
            <td>
            <table width="232" height="157" border="0" align="center" cellpadding="1" cellspacing="1" background="http://img.webme.com/pic/b/bskurdu/tkminiv2ko.png">
                <tbody>
                    <tr>
                        <td height="32" style="text-align: center;"><span style="font-size: small;"><a href="#">Buraya Konunuzun Başlığı</a></span></td>
                    </tr>
                    <tr>
                        <td style="text-align: center;"><img src="http://img.webme.com/pic/b/bskurdu/res.png" alt="" /></td>
                    </tr>
                </tbody>
            </table>
            </td>
            <td>
            <table width="232" height="157" border="0" align="center" cellpadding="1" cellspacing="1" background="http://img.webme.com/pic/b/bskurdu/tkminiv2ko.png">
                <tbody>
                    <tr>
                        <td height="32" style="text-align: center;"><span style="font-size: small;"><a href="#">Buraya Konunuzun Başlığı</a></span></td>
                    </tr>
                    <tr>
                        <td style="text-align: center;">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.</td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
        <tr>
            <td>
            <table width="232" height="157" border="0" align="center" cellpadding="1" cellspacing="1" background="http://img.webme.com/pic/b/bskurdu/tkminiv2ko.png">
                <tbody>
                    <tr>
                        <td height="32" style="text-align: center;"><span style="font-size: small;"><a href="#">Buraya Konunuzun Başlığı</a></span></td>
                    </tr>
                    <tr>
                        <td style="text-align: center;">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.</td>
                    </tr>
                </tbody>
            </table>
            </td>
            <td>
            <table width="232" height="157" border="0" align="center" cellpadding="1" cellspacing="1" background="http://img.webme.com/pic/b/bskurdu/tkminiv2ko.png">
                <tbody>
                    <tr>
                        <td height="32" style="text-align: center;"><span style="font-size: small;"><a href="#">Buraya Konunuzun Başlığı</a></span></td>
                    </tr>
                    <tr>
                        <td style="text-align: center;">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.</td>
                    </tr>
                </tbody>
            </table>
            </td>
            <td>
            <table width="232" height="157" border="0" align="center" cellpadding="1" cellspacing="1" background="http://img.webme.com/pic/b/bskurdu/tkminiv2ko.png">
                <tbody>
                    <tr>
                        <td height="32" style="text-align: center;"><span style="font-size: small;"><a href="#">Buraya Konunuzun Başlığı</a></span></td>
                    </tr>
                    <tr>
                        <td style="text-align: center;">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.</td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>

Tk-Mini V2

Benzer Tasarımlar:

Yorum Gönder

Kategoriler

En Popüler Tasarımlar

Son Yorumlar