» » » » Açılır Menü

Açılır Menü

delinetci
delinetci 17-07-2014, 20:09
Merhaba arkadaşlar sizlere bir sorum olacak:
Benim menüm bu resimde ki gibi,
Açılır Menü

Ama ben bu resimde ki gibi yapmak istiyorum nasıl yaparım (kategorinin üstüne tıklayınca alt kategoriler açılacak)
Açılır Menü


Menü kodları:
<div class="block bcategory">
<h3 class="dtitle">Kategoriler</h3>
<div class="dcont">
	<ul class="reset">
		<li class="first"><li><a href="/oyun/"><strong>Oyun</strong></a </li>
		<li><a href="/film/"><strong>Film</strong></a></li>
		<li><a href="/hd-film/"><strong>Hd Film</strong></a></li>
		<li><a href="/3d-film/"><strong>3D Film</strong></a></li>
		<li><a href="/program/"><strong>Program</strong></a></li>
		<li><a href="/yerli-dizi/"><strong>Yerli Dizi</strong></a></li>
        <li><a href="/yabanci-dizi/"><strong>Yabancı Dizi</strong></a></li>
        <li><a href="/belgesel/"><strong>Belgesel</strong></a></li>
		<li class="last"><a href="/egitim-setleri/"><strong>Eğitim Setleri</strong></a></li>
	</ul>
</div>
Çözüldü İşleme Alındı Bekliyor Çözülemedi

Benzer Konular

Bilgilendirme
Yorum Ekleyebilmeniz için Sitemize Kayıt Olmanız Gerekmektedir.
0
Forbidden 6 Nisan 2017 18:21
@MaRZoCHi engine-large-slider-small-styles (Styles klasöründe csslar mevcut 5 adet dosya birde index war burada hangı dosyanın ıcıne atıcagım ccs ye eklemenız kod'u Htlm kodunu hangı dosyada bir cok dosya mevcuttur javascript Kodu: ( main.tpl'de </body den önce ekleyin ) demişssiniz dosya ıcerısındede libs-popup-slider-social-superfish-tooltip-webfont mevcuttur yazdıgım dosyalarda bır kac dosya mevcuttur bunlardan hangılerının ıcıne gırıpte dedıgınız kodları yerlestırmem gerektıgını bılmıyorum
Şikayet Et
3 779
MaRZoCHi 3 Nisan 2017 23:25
@Forbidden, yorumlarını okuyunuz.

--------------------
Mehmet Hanoğlu | mehmethanoglu.com.tr
Şikayet Et
0
Forbidden 3 Nisan 2017 20:34
Acil menü kodu lazım bu kodu uyarlamam gerekiyor fakat CSS HTLM javascript dosyaları nerede yer almaktadır
Şikayet Et
0
delinetci 19 Temmuz 2014 16:25
Hocam Saolun şimdi oldu ama verdiğim resimdeki gibi kategorinin sağına nasıl ikon eklerim?
Şikayet Et
3 779
MaRZoCHi 19 Temmuz 2014 15:21
@delinetci, javascript kodunu iki kez eklemişsiniz.

--------------------
Mehmet Hanoğlu | mehmethanoglu.com.tr
Şikayet Et
0
delinetci 19 Temmuz 2014 15:17
Tamam Teşekkürler.
Şikayet Et
3 779
MaRZoCHi 19 Temmuz 2014 14:55
@delinetci, şuan ilginlenmek için vaktim yok. Akşam saatlerinde müsait olacağım o zaman bakabilirim.

--------------------
Mehmet Hanoğlu | mehmethanoglu.com.tr
Şikayet Et
0
delinetci 19 Temmuz 2014 14:42
Alıntı: MaRZoCHi
Nereye ekleneceği farketmez, temada çalışan bir css olsun yeterli.
Menüye ekleyerek bildirin şuan eski halinde galiba ?

Evet şuan eski şimdi deniyorum

Hocam şuan düzenledim aynı sıkıntı var.Sayfayı yenileyince alt kategoriler açık gözüküyor üstüne tıklayınca kapanıyor tekrar açılsın diye tıklayınca hemen açılıp kapanıyor.
Şikayet Et
3 779
MaRZoCHi 19 Temmuz 2014 14:35
Nereye ekleneceği farketmez, temada çalışan bir css olsun yeterli.
Menüye ekleyerek bildirin şuan eski halinde galiba ?

--------------------
Mehmet Hanoğlu | mehmethanoglu.com.tr
Şikayet Et
0
delinetci 19 Temmuz 2014 13:41
Alıntı: MaRZoCHi
CSS'ye eklemeniz gereken kod.
li.submenu ul &#123; display&#58; none; }


Hocam bu kodu engine.css'e mi style.css'e mi hangi css dosyasına ekleyeceğiz?
Ben style.css ekleyip denedim, maint.tpl'de verdiğiniz örnekte ki gibi düzenledim.Açılan kategori oluştu ama üstüne tıklayınca açıldığı gibi hemen kapanıyordu.
Site adresini pm attım.
Şikayet Et
3 779
MaRZoCHi 18 Temmuz 2014 14:30
CSS'ye eklemeniz gereken kod.
li.submenu ul { display: none; }


HTML Kodu :

<li class="submenu"><a href="#"><strong>Açılır Kategori</strong></a>
	<ul class="reset">
		<li><a href="/film/"><strong>Alt kategori</strong></a></li>
		<li><a href="/hd-film/"><strong>Alt kategori</strong></a></li>
	</ul>
</li>


javascript Kodu: ( main.tpl'de </body den önce ekleyin )

<script type="text/javascript">
var is_open = 0;
$("li.submenu").click( function() {
	if ( is_open == 0 ) {
		is_open = 1;
		$(this).find('ul').slideDown();
	} else {
		is_open = 0;
		$(this).find('ul').slideUp();
	}
});
</script>


Site adresinizi de belirtirseniz iyi olur bu tarz sorular için.

Örnek HTML dosyası: indir

--------------------
Mehmet Hanoğlu | mehmethanoglu.com.tr
Şikayet Et