» » » » Alt menülerde sorun

Alt menülerde sorun

FGFC820
FGFC820 18-12-2016, 18:33
Merhabalar herkese iyi forumlar. Şimdi benim şöyle bir sorunum var. Benim sitem http://acom.az adreste city skyline adlı hazır tema kullanıyorum. Sitedeki menülerden olan "acom mühasibatlıq" başlığa tıklandıkta alt menüler geliyor. Benim isteğim ise alt menüde olan "şirket" başlığına da tıklandığında onun yan tarafına da alt menüler açılsın.HTML kodlarını tekrarladıkta açılan münü alta açıldığından kayboluyor. Bu konuda yardımlarınızı bekliyorum. Şimdiden herkese teşekkür ederim

URL:http://acom.az

Çözüldü İşleme Alındı Bekliyor Çözülemedi
Bilgilendirme
Yorum Ekleyebilmeniz için Sitemize Kayıt Olmanız Gerekmektedir.
75
Mtemizce 26 Aralık 2016 21:39
Biraz araştırma yaptım ve aşağıdaki resimde gördüğün menüyü istediğini anladım. Kodlarıda paylaştım. Sendeki kodları sil aşağıda verdiğim html kodunu menü kodlarını yazdıgın dosyaya, javascript kodnunu kendi kullandığın js dosyası varsa ona yoksa yeni bi js dosyası aç ona ekle onuda main.tpl ye ekle, css kodunuda kendi stil dosyana ekle. Sonra istediğin menüyü elde edeceksin.


html kodları;

Html Kodu

Bu kod javascript dosyana ekle;

$(document).ready(function() {
    $('.navbar a.dropdown-toggle').on('click', function(e) {
        var $el = $(this);
        var $parent = $(this).offsetParent(".dropdown-menu");
        $(this).parent("li").toggleClass('open');

        if(!$parent.parent().hasClass('nav')) {
            $el.next().css({"top": $el[0].offsetTop, "left": $parent.outerWidth() - 4});
        }

        $('.nav li.open').not($(this).parents("li")).removeClass("open");

        return false;
    });
});


Son olarak Css kodu;
@media (min-width: 767px) {
    .navbar-nav .dropdown-menu .caret {
	transform: rotate(-90deg);
    }
}


İyi çalışmalar.
0
0
FGFC820 26 Aralık 2016 19:49
Main.tpl

buyrun işte main.tpl-de eklenen kodlar. Şunu da belirteyim ki MaRZoCHi20 hocamın vermiş olduğu aşağıdaki kaynaklardan 1ci linkte olan kodları kullandım. içerisinde olan css kodlarını da main.tpl-de head taginden önceye ekledim. belki de sorun ordan da kaynaklanabilir.
0
75
Mtemizce 26 Aralık 2016 18:41
Menülerin kaynak kodlarını paylaşırsan ne gibi düzenleme yapabileceğimize bir bakarız. Mutlaka bir tag ı eksiktir böyle kayıyorsa yada css ayarlarında oynama yapılması gerekebilir. Menüde kullandığın kodları paylaşırmısın inceleyelim
0
0
FGFC820 26 Aralık 2016 14:11
Şimdi usta belirtdiğiniz kaynaklara göz atdım teşekkür ederim. Ordaki kodları main.tpl dosyasına eklediğimde sonuç iki şekil oluyor. ya düzgün bir şekilde çıkıyor ve üzerine kliklediğimde aynı şekilde menüden çıkıyor yada aşağıda vereceğim resimdeki gibi olup düzgün şekilde çalışıyor fakat resimde de göreceğiniz üzre menüler oynuyor yerinden.



0
3 745
MaRZoCHi 20 Aralık 2016 22:07
Temanızı inceledim, bootstrap ile yapılmış. Bulduğum örnekleri vereyim:

1) http://www.w3schools.com/Bootstrap/tryit.asp?filename=trybs_ref_js_dropdown_mult
ilevel_css&stacked=h

2) http://bootsnipp.com/snippets/featured/multi-level-dropdown-menu-bs3

3) http://stackoverflow.com/questions/17380517/bootstrap-3-level-collapsing-menu

--------------------
0
İSTATİSTİKLER