Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Mybb Yeni Üst Menü Kodu
#1
Admin Kp + Temalar Ve Şablonlar + Temalar + global.css'nin sonuna bu Kodları Ekleyin .



Kod:
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);



/* Menu CSS */

#cssmenu, #cssmenu > ul{
   
   background: url(images/highlight-bg.png) repeat;
   padding-bottom: 3px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   
   
}

#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {

   content: '';
   display: table;
   
}


#cssmenu:after, #cssmenu > ul:after {

   clear: both;
   
}

#cssmenu {

   zoom:1;
   
}

#cssmenu > ul{
   
   background: url(images/menu-bg.png) repeat;
   margin: 0;
   padding: 0;
   position: relative;
   
}

#cssmenu > ul li{
   
   margin: 0;
   padding: 0;
   list-style: none;
   
}

#cssmenu > ul > li{

   float: left;
   position: relative;
   
}

#cssmenu > ul > li > a{

   padding: 23px 26px;
   display: block;
   color: white;
   font-size: 13px;
   text-decoration: none;
   text-transform: uppercase;
   text-shadow: 0 -1px 0 #c28130;
   text-shadow: 0 -1px 0 rgba(151, 99, 33, .43);
   line-height: 18px;
   
}


#cssmenu > ul > li:hover > a{

   background: url(images/hover.png) repeat;
   
}

#cssmenu > ul > li > a > span{

   line-height: 18px;
   
}

#cssmenu > ul > li.active > a, #cssmenu > ul > li > a:active{
   
   background: url(images/highlight-bg.png) repeat;
   
}



/* Childs */

#cssmenu > ul ul{

   opacity: 0;
   visibility: hidden;
   position: absolute;
   top: 120px;
   background: url(images/hover.png) repeat;
   margin: 0;
   padding: 0;
   z-index: -1;
   -webkit-transition: all .35s .2s ease-in-out;
   -moz-transition: all .35s .2s ease-in-out;
   -ms-transition: all .35s .2s ease-in-out;
   transition: all .35s .2s ease-in-out;
   
}

#cssmenu > ul li:hover ul{
   opacity: 1;
   visibility: visible;
   margin: 0;
   color: #000;
   z-index: 2;
   top:64px;
   left: 0;
   
}

#cssmenu > ul ul:before{

   content: '';
   position: absolute;
   top: -10px;
   width: 100%;
   height: 20px;
   background: transparent;
   
}


#cssmenu > ul ul li{

   list-style: none;
   padding: 0;
   margin: 0;
   width: 100%;
   
}

#cssmenu > ul ul li a{

   padding: 18px 26px;
   display: block;
   color: white;
   font-size: 13px;
   text-decoration: none;
   text-transform: uppercase;
   width: 150px;
   border-left: 4px solid transparent;
   -webkit-transition: all .35s ease-in-out;
   -moz-transition: all .35s ease-in-out;
   -ms-transition: all .35s ease-in-out;
   transition: all .35s ease-in-out;
   text-shadow: 0 -1px 0 #c28130;
   text-shadow: 0 -1px 0 rgba(151, 99, 33, .43);

}

#cssmenu > ul ul li a:hover{

   border-left: 4px solid #055988;
   background: url(images/highlight-bg.png) repeat;

}

#cssmenu > ul ul li a:active{

   background: url(images/menu-bg.png) repeat;

}

Admin Kp + Temalar Ve Şablonlar + Şablonlar + Header Şablonların en üstüne Şu Kodu Ekleyin :



Kod:
<div id='cssmenu'>
<ul>
  <li><a href='/index.php' target='_blank'><span>Forum</span></a></li>
  <li class='has-sub '><a href='/memberlist.php'><span>Üye Listesi</span></a>
     <ul>
        <li><a href='/showteam.php'><span>Yöneticiler</span></a></li>
        <li><a href='/archive/index.php'><span>Arşiv</span></a></li>
     </ul>
  </li>
  <li><a href='/misc.php?action=help'><span>Yardım</span></a></li>
  <li><a href='/calendar.php'><span>Takvim</span></a></li>
</ul>
</div>

gr0y8.jpg
Ara
Cevapla
#2
Ekran görüntüsü yok muydu?
Ara
Cevapla
#3
Altta Var?
Ara
Cevapla
#4
Beğendim sağol.
Ara
Cevapla
#5
Rica Ederim.
Ara
Cevapla
#6
(02-05-2015, 12:37 PM)Corleone Nickli Kullanıcıdan Alıntı:  Altta Var?

Sonradan açıldı teşekkürler Smile
Ara
Cevapla
#7
Rica Ederim Ben Kaçar Fifa Atıcam Biraz Smile
Ara
Cevapla
#8
Konu için teşekkürler..
Ara
Cevapla
#9
Rica Ederim.
Ara
Cevapla
#10
teşekkürler
Ara
Cevapla


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi

Vidinli.net Shopping Platform
Vidinli.net Shopping Platform
Vidinli.net Shopping Platform