Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
lostyazilim
tr.link

Css Alt Kategori Ekleme

 8 Mesajlar 6.038 Okunma
acebozum
tr.link

#1
keremg keremg WM Aracı Kullanıcı
  • Üyelik 10.04.2012
  • Yaş/Cinsiyet 29 / E
  • Meslek AR-GE
  • Konum Van
  • Ad Soyad K** G**
  • Mesajlar 767
  • Beğeniler 100 / 92
  • Ticaret 12, (%92)
Merhaba arkadaşlar.Web sitemde aşşağıdaki kategori kodlarını kullanıyorum.Fakat her bir kategoriye kendine göre alt menü eklemek istiyorum.Böyle bir şeyi nasıl yapabilirim.Şimdiden teşekkürler.




Css Kodları

/* Sol Menü */
#smenu .smb{display:block;width:221px;height:48px;background:url(../img/kat-bas.png);color:#fff;font-size:16px;font-weight:bold;text-align:center;line-height:40px}
#smenu .smliste {background:url(../img/kat-orta.png) repeat-y;width:221px}
#smenu .smliste ul {background:url(../img/kat-alt.png) no-repeat bottom;padding-bottom:20px;width:221px}
#smenu .smliste ul li a{display:block;padding:5px 10px;margin-left:22px;color:#252525;font-size:13px}
#smenu .smliste ul li a.aktif ,
#smenu .smliste ul li a:hover {background:url(../img/menu-hover.png) no-repeat;color:#fff;font-weight:bold}
 

 

googleasistan
webimgo

#2
ErenKeskin ErenKeskin Girişimci, Front-end Developer Kullanıcı
  • Üyelik 11.09.2011
  • Yaş/Cinsiyet 29 / E
  • Meslek Elektrik-Elektronik Mühendisi
  • Konum Eskişehir
  • Ad Soyad E** K**
  • Mesajlar 1223
  • Beğeniler 243 / 336
  • Ticaret 2, (%100)
http://erenkeskin.com/wordpresste-acilir-menu-yapmak-jquery-ile/

Yazımdaki kodlardan yararlanabilirsiniz.
 

 

herenkeskin.com - Elektrik ve Elektronik Mühendisi - Gömülü Sistemler üzerine çalışıyorum.

#3
CezaLet CezaLet WM Aracı Kullanıcı
  • Üyelik 15.01.2012
  • Yaş/Cinsiyet 29 / E
  • Meslek Dil Öğrencisi
  • Konum Muğla
  • Ad Soyad Y** K**
  • Mesajlar 1268
  • Beğeniler 418 / 276
  • Ticaret 15, (%100)
Kategoriler

burda class açmak yerine

Kategoriler

yapın.

ve

#smenu .smliste ul li a.aktif ,

burda yapmak istediğinizi anlamadım.



---------------

Sorunuza gelicek olursak bu işlemleri kopyalayarak birden fazla kategori oluşturabilirsiniz.

yani:

Kategoriler1







Kategoriler2

style.css deki #smenu .smb de #smenu h2 {} olarak değişecek.


Niyetli kafayla anca bu kadar anlayabildim ve anlatabildim soru varsa sorabilirsiniz.
 

 

Öyle böyle. Şöyle şöyle.

#4
keremg keremg WM Aracı Kullanıcı
  • Üyelik 10.04.2012
  • Yaş/Cinsiyet 29 / E
  • Meslek AR-GE
  • Konum Van
  • Ad Soyad K** G**
  • Mesajlar 767
  • Beğeniler 100 / 92
  • Ticaret 12, (%92)

CezaLet adlı üyeden alıntı

Kategoriler

burda class açmak yerine

Kategoriler

yapın.

ve

#smenu .smliste ul li a.aktif ,

burda yapmak istediğinizi anlamadım.



---------------

Sorunuza gelicek olursak bu işlemleri kopyalayarak birden fazla kategori oluşturabilirsiniz.

yani:

Kategoriler1







Kategoriler2

style.css deki #smenu .smb de #smenu h2 {} olarak değişecek.


Niyetli kafayla anca bu kadar anlayabildim ve anlatabildim soru varsa sorabilirsiniz.


Yapmak istediğimi tam olarak anlatamadım galiba.Ben 5-6 tane ana kategori oluşturucam ve örnek olarak "Kategori 1" e tıklandığında aşşağıya doğru "Kategori 1 Alt" , "Kategori 1 Alt 2" şeklinde olmasını istiyorum. Ve yardımcı olduğunuz için teşekkürler..
 

 

wmaraci
wmaraci

#5
CezaLet CezaLet WM Aracı Kullanıcı
  • Üyelik 15.01.2012
  • Yaş/Cinsiyet 29 / E
  • Meslek Dil Öğrencisi
  • Konum Muğla
  • Ad Soyad Y** K**
  • Mesajlar 1268
  • Beğeniler 418 / 276
  • Ticaret 15, (%100)
o zaman jquery giriyor işi içine şimdi daha iyi anladım hocam

@ErenKeskin doğru bağlantığı vermiş.
 

 

Öyle böyle. Şöyle şöyle.

#6
keremg keremg WM Aracı Kullanıcı
  • Üyelik 10.04.2012
  • Yaş/Cinsiyet 29 / E
  • Meslek AR-GE
  • Konum Van
  • Ad Soyad K** G**
  • Mesajlar 767
  • Beğeniler 100 / 92
  • Ticaret 12, (%92)

CezaLet adlı üyeden alıntı

o zaman jquery giriyor işi içine şimdi daha iyi anladım hocam

@ErenKeskin doğru bağlantığı vermiş.


;) Tamam hocam teşekkürler.Eren Keskin'in bağlantısından yapalım o zaman.
 

 

#7
jsdev jsdev WM Aracı Kullanıcı
  • Üyelik 21.03.2012
  • Yaş/Cinsiyet 35 / E
  • Meslek -
  • Konum İstanbul Anadolu
  • Ad Soyad F** A**
  • Mesajlar 360
  • Beğeniler 23 / 168
  • Ticaret 0, (%0)
Bunu jQuery ya da CSS ile yapamazsınız bu istediğinizi PHP ya da .NET tabanlı diller ile yapabilirsiniz.
 

 

Buraya yakında yeni proje gelecek Coming soon!

#8
ErenKeskin ErenKeskin Girişimci, Front-end Developer Kullanıcı
  • Üyelik 11.09.2011
  • Yaş/Cinsiyet 29 / E
  • Meslek Elektrik-Elektronik Mühendisi
  • Konum Eskişehir
  • Ad Soyad E** K**
  • Mesajlar 1223
  • Beğeniler 243 / 336
  • Ticaret 2, (%100)

KorkakHerif adlı üyeden alıntı

Bunu jQuery ya da CSS ile yapamazsınız bu istediğinizi PHP ya da .NET tabanlı diller ile yapabilirsiniz.


Arkadaş HTML olarak sormuş. Benim verdiğim bağlantıyı düzenleyerek HTML şeklinde açılır menü yapabilir.
 

 

herenkeskin.com - Elektrik ve Elektronik Mühendisi - Gömülü Sistemler üzerine çalışıyorum.
Yazı kayıyor
HTML5 Drag & Drop Örnekleri
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
 
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al