Mybb Hakkında Soru ve Sorunlarız, Yardım ve Destek için MybbDepo external Adresini Ziyaret Ediniz.
Sponsor Reklam

duyuru Güncel Duyurular!
Güncel MyBB Dökümanları.. Güncel + Orijinal MyBB Sürümleri..
bilgi mybb

Konuyu Oyla:
  • Derecelendirme: 5/5 - 1 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 5/5 - 1 oy
[Soru] Açılır Menü Yapmak ?
#1
Soru-Sorun 
S.a Değerli Arkadaşlar Ve Hocalarım. Böyle Bir Menü Yapmak
İstiyorum Veya Eğer Varsa Kodunu Verebilirmsiniz ?

61570241590868268038.jpg


Ara
Cevapla
#2
İnceleyin:

Kod:
http://www.sorbize.com/05/10/2010/25-adet-kullanisli-jquery-acilir-menu-uygulamasi/
Ara
Cevapla
#3
Walla BU İşte Yeniyim Fazla Birşey Anlayamadım
PHP Kod:
http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html 
Bana Burdaki Menünün Dosyalarını Verebilirmisiniz ?
Teşekkürler
Ara
Cevapla
#4
Sitenizde eklemek istediğiniz yere şu kodları gireceksiniz:

Kod:
<ul class="topnav">  
    <li><a href="#">Home</a></li>  
    <li>  
        <a href="#">Tutorials</a>  
        <ul class="subnav">  
            <li><a href="#">Sub Nav Link</a></li>  
            <li><a href="#">Sub Nav Link</a></li>  
        </ul>  
    </li>  
    <li>  
        <a href="#">Resources</a>  
        <ul class="subnav">  
            <li><a href="#">Sub Nav Link</a></li>  
            <li><a href="#">Sub Nav Link</a></li>  
        </ul>  
    </li>  
    <li><a href="#">About Us</a></li>  
    <li><a href="#">Advertise</a></li>  
    <li><a href="#">Submit</a></li>  
    <li><a href="#">Contact Us</a></li>  
</ul>

Global.CSS'e şunları ekleyeceksiniz:

Kod:
ul.topnav {  
    list-style: none;  
    padding: 0 20px;  
    margin: 0;  
    float: left;  
    width: 920px;  
    background: #222;  
    font-size: 1.2em;  
    background: url(topnav_bg.gif) repeat-x;  
}  
ul.topnav li {  
    float: left;  
    margin: 0;  
    padding: 0 15px 0 0;  
    position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}  
ul.topnav li a{  
    padding: 10px 5px;  
    color: #fff;  
    display: block;  
    text-decoration: none;  
    float: left;  
}  
ul.topnav li a:hover{  
    background: url(topnav_hover.gif) no-repeat center top;  
}  
ul.topnav li span { /*--Drop down trigger styles--*/  
    width: 17px;  
    height: 35px;  
    float: left;  
    background: url(subnav_btn.gif) no-repeat center top;  
}  
ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  
ul.topnav li ul.subnav {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; top: 35px;  
    background: #333;  
    margin: 0; padding: 0;  
    display: none;  
    float: left;  
    width: 170px;  
    border: 1px solid #111;  
}  
ul.topnav li ul.subnav li{  
    margin: 0; padding: 0;  
    border-top: 1px solid #252525; /*--Create bevel effect--*/  
    border-bottom: 1px solid #444; /*--Create bevel effect--*/  
    clear: both;  
    width: 170px;  
}  
html ul.topnav li ul.subnav li a {  
    float: left;  
    width: 145px;  
    background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;  
    padding-left: 20px;  
}  
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
    background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;  
}

Ve bir jqueryze.js adlı dosya oluşturup içine şunları yapıştırmanız gerekiyor:

Kod:
$(document).ready(function(){  
  
    $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)  
  
    $("ul.topnav li span").click(function() { //When trigger is clicked...  
  
        //Following events are applied to the subnav itself (moving subnav up and down)  
        $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click  
  
        $(this).parent().hover(function() {  
        }, function(){  
            $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up  
        });  
  
        //Following events are applied to the trigger (Hover events for the trigger)  
        }).hover(function() {  
            $(this).addClass("subhover"); //On hover over, add class "subhover"  
        }, function(){  //On Hover Out  
            $(this).removeClass("subhover"); //On hover out, remove class "subhover"  
    });  
  
});

Sonra bu dosyayı MyBB'nin Kurulu Olduğu dizine atıp, sitenizde <head></head> kısımlarının arasına şu kodu eklemeniz gerekiyor:

Kod:
<script type="text/javascript" src="jquerzy.js"></script>

Tüm işlem bu ancak yapabileceğinizi zannetmiyorum. İsterseniz birlikte deneyebiliriz Göz Kırp
Ara
Cevapla
#5
Özelden iletişime geçtik. Konu kilitlenebilir...
Ara
Cevapla
#6
Ben geçen denedim o menüyü çok güzel çalışıyor fakat editör ve konu tiklerin de jqery çakışması oluyor.
Image klasörü olmadığı sürece o kodlarla yapılsa bile menü gözükmez, alt fonksiyonlar çalışmaz. Şu çakışmaya bir çözüm bulunsa süper bir menü.
Ara
Cevapla
#7
(31.03.2012, Saat: 03:12)grdiyan Adlı Kullanıcıdan Alıntı: Ben geçen denedim o menüyü çok güzel çalışıyor fakat editör ve konu tiklerin de jqery çakışması oluyor.
Image klasörü olmadığı sürece o kodlarla yapılsa bile menü gözükmez, alt fonksiyonlar çalışmaz. Şu çakışmaya bir çözüm bulunsa süper bir menü.

O menüyü kurmadık. Eksik o menünün dosyaları. Herhangi bir resim dosyası yok Gülümseme Biz de bunu kurduk:

Kod:
http://www.scriptiny.com/2011/04/javascript-dropdown-menu/

menu ve nav class'ında çakışma oluyor. CSS'ten ve HTML'den bunların adlarını değiştirerek kurduk. Düzgün bir biçimde çalışıyor. Gülümseme
Ara
Cevapla

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
Soru-Sorun [1.6] Redinside temasını oval yapmak? bağımsızkare 1 1,850 07.01.2012, Saat: 19:48
Son Yorum: weqale



Konuyu Okuyanlar: 1 Ziyaretçi
© 2009-2019 MyBB.Com.TR Internet Hizmetleri, MyBBGrup.Com Alt Kuruluşudur.

Web sitemiz dahilindeki tüm sayfalar, bu sayfaları gösteren tüm ekranlar ve içerdiği her türlü bilgi ve bağlı materyal, yerleşim ve öğeler, (çözüm ortaklarının logoları ve yasal hakları hariç) MyBB.Com.TR'ye aittir.
Yazılı izin olmaksızın ve kaynak belirtilmedikçe, (Kaynak göstererek alıntı yapılabilir.) kopyalanamaz ya da yayınlanamaz. MyBB.Com.TR sitesindeki içerik-ler 5070 sayılı kanun kapsamında dijital zaman damgasıyla ve DMCA tarafından korunmaktadır.
Tüm hakları, (insafiyet ile) saklıdır.
teknoloji forumu , haber