MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
|FeX|MooNStear avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Mükemmel Menü |FeX|MooNStear Frkıyla....


Sponsor Reklam
media venus

Çevrimdışı |FeX|MooNStear
 Tarih: 11-05-2013, Saat:18:51
(Son Düzenleme: 11-05-2013, Saat:18:53, Düzenleyen: |FeX|MooNStear.)
#1
Eklenti-Plugin Eklenti İsmi : Anasayfaya Mükemmel Menü
Yapımcı Eklenti Yapımcısı : |FeX|MooNStear
isim Eklenti Kurulumu :

Temalar&Şablonlar Sağ Ok Kullandığınız Tema Sağ Ok Global.css Sağ Ok Gelişmiş Mod Sağ Ok Ve En Alta Gelin

Kod:
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  height: 49px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #141414;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  border-bottom: 2px solid #0fa1e0;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #141414;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  color: #ffffff;
  display: inline-block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 49px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0fa1e0;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a {
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
}
#cssmenu > ul > li:hover > a {
  background: #070707;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #0fa1e0;
  border-bottom: 1px dotted #6fc7ec;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
  background: #0c7fb0;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #0c7fb0;
  border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #095c80;
}

Şu kodları ekleyin.

Ve headera girin

Kod:
<div class="menu">
                <ul>

Şu kodların altına

Kod:
<div id='cssmenu'>
<ul>
   <li class='active'><a href='http://hazirsistem.org'><span>Anasayfa</span></a></li>
   <li class='has-sub'><a href='http://hazirsistem.org'><span>Products</span></a>
      <ul>
         <li class='has-sub'><a href='http://hazirsistem.org'><span>Product 1</span></a>
            <ul>
               <li><a href='http://hazirsistem.org'><span>Sub Item</span></a></li>
               <li class='last'><a href='http://hazirsistem.org'><span>Sub Item</span></a></li>
            </ul>
         </li>
         <li class='has-sub'><a href='http://hazirsistem.org'><span>Product 2</span></a>
            <ul>
               <li><a href='http://hazirsistem.org'><span>Sub Item</span></a></li>
               <li class='last'><a href='http://hazirsistem.org'><span>Sub Item</span></a></li>
            </ul>
         </li>
      </ul>
   </li>
   <li><a href='http://hazirsistem.org'><span>About</span></a></li>
   <li class='last'><a href='http://hazirsistem.org'><span>Contact</span></a></li>
</ul>
</div>

Bunu ekleyin.

Eklenti hazır.

CANLI DEMO

Birde Caps Verelim :

resim


+REPİ ÇOK GÖRMEYELİM Gülümseme
Bunu Beğenenler: Makko
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı DrsnWeb
 Tarih: 11-05-2013, Saat:18:53
#2
Dorusu Beğenmedim Gülümseme
Bunu Beğenenler:

Çevrimdışı |FeX|MooNStear
 Tarih: 11-05-2013, Saat:19:21
#3
(11-05-2013, Saat:18:53)DrsnWeb Adlı Kullanıcıdan Alıntı: Dorusu Beğenmedim Gülümseme


Sizin Tercihiniz Kararınıza Saygı duyuyorum.
Bunu Beğenenler:

Çevrimdışı DrsnWeb
 Tarih: 11-05-2013, Saat:19:47
#4
saolun .
Bunu Beğenenler:

Çevrimdışı |FeX|MooNStear
 Tarih: 11-05-2013, Saat:20:27
#5
(11-05-2013, Saat:19:47)DrsnWeb Adlı Kullanıcıdan Alıntı: saolun .


bişey deil.
Bunu Beğenenler:

Çevrimdışı ßyßurak
 Tarih: 11-05-2013, Saat:20:30
(Son Düzenleme: 11-05-2013, Saat:20:40, Düzenleyen: ßyßurak.)
#6
Yapımcı İsmini Gerçeğine Göre Düzenlermisiniz Yoksa Konuyu Kilitleyeceğim Emeğe Saygı Lütfen, Ve Linkler Code Tag İçine, Herkes Aldı Başını Gidiyor.
Bunu Beğenenler:

Çevrimdışı |FeX|MooNStear
 Tarih: 12-05-2013, Saat:09:28
#7
(11-05-2013, Saat:20:30)ßyßurak Adlı Kullanıcıdan Alıntı: Yapımcı İsmini Gerçeğine Göre Düzenlermisiniz Yoksa Konuyu Kilitleyeceğim Emeğe Saygı Lütfen, Ve Linkler Code Tag İçine, Herkes Aldı Başını Gidiyor.

Yapımcı zaten benim neden değiştiriyim ki..
Bunu Beğenenler:

Çevrimdışı kafle
 Tarih: 12-05-2013, Saat:09:46
#8
(12-05-2013, Saat:09:28)|FeX|MooNStear Adlı Kullanıcıdan Alıntı:
(11-05-2013, Saat:20:30)ßyßurak Adlı Kullanıcıdan Alıntı: Yapımcı İsmini Gerçeğine Göre Düzenlermisiniz Yoksa Konuyu Kilitleyeceğim Emeğe Saygı Lütfen, Ve Linkler Code Tag İçine, Herkes Aldı Başını Gidiyor.

Yapımcı zaten benim neden değiştiriyim ki..

Senmisin hahhahahha güldürdün beni Gülümseme

resim
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
Kisneme-Gülme [1.8] Side Boxes plus Hızlı Menü Hatası ViruSs1 14 1,331 13-03-2016, Saat:15:48
Son Yorum: Tureg
  menü rejaksit 4 301 31-01-2016, Saat:23:56
Son Yorum: Pheky
  [1.8] Dark blue skin 1.8 mükemmel tema derim trafikci258 10 1,692 17-10-2014, Saat:23:02
Son Yorum: trafikci258
  css menü kullanmaya başladım önerilerinizi istiyorum bitanem03 9 946 09-06-2014, Saat:01:39
Son Yorum: bitanem03
  Mükemmel Program Projem İçin Ekip Aranıyor! daLTon 9 2,658 19-05-2014, Saat:09:59
Son Yorum: ibrahimx42



Konuyu Okuyanlar: 1 Ziyaretçi