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/
Basit bir akordiyon menu ? |
14 Mesajlar | 2.534 Okunma | ||
- Ü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)
- Ü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...
ben bunu kullandım gayet güzel tavsi ederim...
- Ü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)
http://www.htmldrive.net/items/show/1020/multi-level-slide-accordion-menu-with-Jquery
ben bunu kullandım gayet güzel tavsi ederim...
ben bunu kullandım gayet güzel tavsi ederim...
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 ?
- Ü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.
- Ü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)
.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.
- Ü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)
- Ü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.
- Ü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.
- Ü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)
İ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 )
- Ü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.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)