lostyazilim

Basit bir akordiyon menu ?

14 Mesajlar 2.488 Okunma
lstbozum
wmaraci reklam

mondschein mondschein WM Aracı Kullanıcı
  • Üyelik 27.05.2013
  • Yaş/Cinsiyet 40 / E
  • Meslek sd
  • Konum İstanbul Anadolu
  • Ad Soyad S** D**
  • Mesajlar 1206
  • Beğeniler 52 / 147
  • Ticaret 5, (%100)
basit bir akordiyon menuye ihtiyacım var.

ana menu
- alt manu
- alt menu

ana menu
- alt menu
- alt menu

...

seklinde kullanmak isityorum netten baktım ama siteme uygulayamedım.

burada istedigim gibi var ama menuye tıklayınca sayfanın en basına alıyor.

http://www.designchemical.com/blog/index.php/jquery/jquery-simple-vertical-accordion-menu/
 

 

wmaraci
reklam

zampanya zampanya WM Aracı Kullanıcı
  • Üyelik 28.04.2014
  • Yaş/Cinsiyet 34 / E
  • Meslek Seo & WebMaster
  • Konum İstanbul Avrupa
  • Ad Soyad E** Ü**
  • Mesajlar 178
  • Beğeniler 33 / 25
  • Ticaret 1, (%100)
http://www.htmldrive.net/items/show/1020/multi-level-slide-accordion-menu-with-Jquery

ben bunu kullandım gayet güzel tavsi ederim...
 

 

mondschein mondschein WM Aracı Kullanıcı
  • Üyelik 27.05.2013
  • Yaş/Cinsiyet 40 / E
  • Meslek sd
  • Konum İstanbul Anadolu
  • Ad Soyad S** D**
  • Mesajlar 1206
  • Beğeniler 52 / 147
  • Ticaret 5, (%100)



sağol hocam localhostta deneyim.

denedim sistemdelki dosyalarla cakısıyor galiba. temayı bozuyor. muhtemelen js dosyalarından kaynaklanıyor. sadece css ile olanı yok mu acaba ?
 

 

zampanya zampanya WM Aracı Kullanıcı
  • Üyelik 28.04.2014
  • Yaş/Cinsiyet 34 / E
  • Meslek Seo & WebMaster
  • Konum İstanbul Avrupa
  • Ad Soyad E** Ü**
  • Mesajlar 178
  • Beğeniler 33 / 25
  • Ticaret 1, (%100)





.tabMenu{
width: 200px;
}
.tabMenu a{
text-decoration: none;
color: black;
padding:4px;
background: #ddd;
display: block;
margin-left: 5px;
margin-bottom: 2px;
}
.tabMenu a:before{
content: "> ";

}
summary{
display: block;
padding-bottom: 10px;
background: #999;
color: black;
cursor: pointer;
border-bottom: 1px solid black;
margin-top: 1px;

}
summary > span{
position: relative;
top: 5px;
}
summary::-webkit-details-marker{
display: none;

}

bu da html5 özelliği bunu kullanın hocam isterseniz
ama firefox ta sorun çıkarırsa polyfiller.js kullanmanız gerekicektir.
 

 

wmaraci
wmaraci

mondschein mondschein WM Aracı Kullanıcı
  • Üyelik 27.05.2013
  • Yaş/Cinsiyet 40 / E
  • Meslek sd
  • Konum İstanbul Anadolu
  • Ad Soyad S** D**
  • Mesajlar 1206
  • Beğeniler 52 / 147
  • Ticaret 5, (%100)

zampanya adlı üyeden alıntı






.tabMenu{
width: 200px;
}
.tabMenu a{
text-decoration: none;
color: black;
padding:4px;
background: #ddd;
display: block;
margin-left: 5px;
margin-bottom: 2px;
}
.tabMenu a:before{
content: "> ";

}
summary{
display: block;
padding-bottom: 10px;
background: #999;
color: black;
cursor: pointer;
border-bottom: 1px solid black;
margin-top: 1px;

}
summary > span{
position: relative;
top: 5px;
}
summary::-webkit-details-marker{
display: none;

}

bu da html5 özelliği bunu kullanın hocam isterseniz
ama firefox ta sorun çıkarırsa polyfiller.js kullanmanız gerekicektir.


sağol hocam acılıp kapanma ozelliği yok galiba bu menunun. bayagı alt menu var. o yuzden acılır kapanır olursa sitede az yer kaplar.
 

 

zampanya zampanya WM Aracı Kullanıcı
  • Üyelik 28.04.2014
  • Yaş/Cinsiyet 34 / E
  • Meslek Seo & WebMaster
  • Konum İstanbul Avrupa
  • Ad Soyad E** Ü**
  • Mesajlar 178
  • Beğeniler 33 / 25
  • Ticaret 1, (%100)
nasıl yok buyrun demo

http://codepen.io/ercu145/pen/gbRKay
 

 

mondschein mondschein WM Aracı Kullanıcı
  • Üyelik 27.05.2013
  • Yaş/Cinsiyet 40 / E
  • Meslek sd
  • Konum İstanbul Anadolu
  • Ad Soyad S** D**
  • Mesajlar 1206
  • Beğeniler 52 / 147
  • Ticaret 5, (%100)


galiba benim sitedeki kodlarla cakısıyor hocam. acılır kapanır olmuyor yine.
 

 

sosyalmedya sosyalmedya Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 18.07.2012
  • Yaş/Cinsiyet 37 / E
  • Meslek Front End Developer
  • Konum İstanbul Avrupa
  • Ad Soyad S** A**
  • Mesajlar 219
  • Beğeniler 28 / 66
  • Ticaret 0, (%0)
İlk başta verdiğiniz örnek gayet çalışıyor.Sorunu anlamadım.
 

 

mondschein mondschein WM Aracı Kullanıcı
  • Üyelik 27.05.2013
  • Yaş/Cinsiyet 40 / E
  • Meslek sd
  • Konum İstanbul Anadolu
  • Ad Soyad S** D**
  • Mesajlar 1206
  • Beğeniler 52 / 147
  • Ticaret 5, (%100)

sosyalmedya adlı üyeden alıntı

İlk başta verdiğiniz örnek gayet çalışıyor.Sorunu anlamadım.



hocam calısmasında sorun yok. menu sayfanın altına dogru. tıklayınca sayfanın basına yolluyor. kulllanıcı tekrar asagı inmekle ugrasacak. o yuzden o tasarım gayet iyiydi ( belki benim sitedeki kodlarla cakıstıgı için oyle calısıyordur )
 

 

sosyalmedya sosyalmedya Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 18.07.2012
  • Yaş/Cinsiyet 37 / E
  • Meslek Front End Developer
  • Konum İstanbul Avrupa
  • Ad Soyad S** A**
  • Mesajlar 219
  • Beğeniler 28 / 66
  • Ticaret 0, (%0)
Aslında çok fazla var nette ama şu örnek işinizi görecektir.Anlatımı ve kodları da mevcut.
 

 

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