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

Anasayfaya Dönen Yapraklı Menü Ekleme


Sponsor Reklam
media venus

Çevrimdışı |FeX|MooNStear
 Tarih: 11-05-2013, Saat:09:56
(Son Düzenleme: 11-05-2013, Saat:10:02, Düzenleyen: |FeX|MooNStear.)
#1
resimEklenti İsmi : Anasayfaya Dönen Yapraklı Menü Ekleme
resimEklenti Yapımcısı : |FeX|MooNStear
resimEklenti Açıklaması: Sitenizin anasayfasına dönen yapraklı flash menü kodu ekleyceğiz.


resimEklenti Kurulumu :

Temalar&Şablonlar Sağ Ok Kullandığınız Tema Sağ Ok Global.css Sağ Ok Gelişmiş Düzenleme Sağ Ok En alta şu kodu ekliyoruz.

Kod:
<style type="text/css">
nav {
        width: 960px;
        height: 100px;
        margin: 120px auto;
        text-align: center;
}
.top-menu li {
        display: inline-block;
        text-align: center;
        margin: 30px 5px;
        position: relative;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
}
.top-menu li:hover {
        margin: 30px 20px;
}
.top-menu li:active {
        margin: 30px 33px;
}
.top-menu li a  {
        width: 100px;
        height: 100px;
        z-index: 9999;
        position: absolute;
        top: 35px;
        font-weight: bold;
        display: block;
        text-decoration: none;
        font-size: 20px;
        color: #fff;
        text-shadow: 0px 1px 1px rgba(0,0,0,0.4), 0px 4px 6px rgba(0,0,0,0.1), 0px 9px 11px rgba(0,0,0,0.1);
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
}
.top-menu li:active a {
        font-size: 26px;
        top: 30px;
        text-shadow: none;
}
.top-menu li div.menu-item {
        width: 100px;
        height: 100px;
        display: block;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -webkit-border-top-left-radius: 100px;
        -webkit-border-bottom-right-radius: 100px;
        -moz-border-radius-topleft: 100px;
        -moz-border-radius-bottomright: 100px;
        border-top-left-radius: 100px;
        border-bottom-right-radius: 100px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
}
.top-menu li:hover div.menu-item{
        -webkit-border-top-left-radius: 80px;
        -webkit-border-bottom-right-radius: 80px;
        -moz-border-radius-topleft: 80px;
        -moz-border-radius-bottomright: 80px;
        border-top-left-radius: 80px;
        border-bottom-right-radius: 80px;
                -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -o-transform: rotate(225deg);
}
.top-menu li:active div.menu-item{
        -webkit-border-top-left-radius: 50px;
        -webkit-border-bottom-right-radius: 50px;
        -moz-border-radius-topleft: 50px;
        -moz-border-radius-bottomright: 50px;
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px;
}
#home { background: #41D05F; }
#cataloge { background: #E42B2B;}
#price { background: #ff8400; }
#about { background: #a800ff; }
#contact { background: #49a7f3; }
</style>

Sonra Headera giriyoruz ve

Kod:
{$welcomeblock}
            </div>

Altına şu kodları ekliyoruz :

Kod:
<center><nav>
<ul class="top-menu">
<li><a href=http://hazirsistem.org/index.php>Anasayfa</a><div class="menu-item" id="home"></div></li>
<li><a href=http://hazirsistem.org/search.php>Ara</a><div class="menu-item" id="cataloge"></div></li>
<li><a href=http://hazirsistem.org/misc.php?action=rules>Kurallar</a><div class="menu-item" id="price"></div></li>
<li><a href=http://hazirsistem.org/memberlist.php>Uyeler</a><div class="menu-item" id="about"></div></li>
<li><a href=http://hazirsistem.org/misc.php?action=help>Yardim</a><div class="menu-item" id="contact"></div></li>
</ul>
</nav></center>

Ve bitti.

Ekran Görüntüsü :

resim


CANLI DEMOYA GİTMEK İÇİN TIKLA


+REP VERİN LÜTFEN
Cevapla
Bunu Beğenenler: Breezep
Sponsor Reklam
sponsor reklam sponsor reklam

İzinli Breezep
 Tarih: 11-05-2013, Saat:14:05
#2
Teşekkürler.
Cevapla
Bunu Beğenenler:

Çevrimdışı |FeX|MooNStear
 Tarih: 11-05-2013, Saat:17:40
(Son Düzenleme: 11-05-2013, Saat:17:41, Düzenleyen: |FeX|MooNStear.)
#3
(11-05-2013, Saat:14:05)Twocatys Adlı Kullanıcıdan Alıntı: Teşekkürler.

Sağol Gülümseme

(11-05-2013, Saat:14:05)Twocatys Adlı Kullanıcıdan Alıntı: Teşekkürler.

+Rep verirseniz sevinitim.
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Her kategoriye ayrı ikon ekleme yardım reddick 5 920 26-10-2014, Saat:19:37
Son Yorum: reddick
Eklenti - Yama - Plugin [MD - 1.6] Limitsiz Duyuru Sistemi - Sınırsız Duyuru Ekleme Özelliği [Plugin] BlackCat 39 16,322 26-10-2014, Saat:15:00
Son Yorum: Golsime
Eklenti - Yama - Plugin MyBB Son Mesajlar Kısmına Avatar Ekleme [Eklenti] ßyßurak 6 3,612 13-10-2014, Saat:22:56
Son Yorum: varl01
  [MD - 1.6] Yan Menü Eklentisi Türkçe 007combatant 18 6,229 09-09-2014, Saat:21:15
Son Yorum: mdf394
  Furkomm Menü V-2 Huracine 4 1,943 26-06-2014, Saat:15:58
Son Yorum: Huracine



Konuyu Okuyanlar: 1 Ziyaretçi