lostyazilim

Açılır Kapanır Menü Yapma Duacı Olurum

4 Mesajlar 1.827 Okunma
lstbozum
wmaraci reklam

Kordinator Kordinator Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 16.07.2016
  • Yaş/Cinsiyet 34 / E
  • Meslek Editör, Acil tıp teknisyeni
  • Konum Adana
  • Ad Soyad Y** E**
  • Mesajlar 543
  • Beğeniler 24 / 93
  • Ticaret 3, (%100)
Merhaba arkadaşlar wordpress sisteminde bir tema kullanıyorum temada kategoriler anasayfada ve yazının içinde sıralanıyor. Görüntü olarak çok rahatsız edici ancak Google botlarının bunu takip etmesini istiyorum. Yani o kategori linklerinin olması gerekiyor. Aklıma tıklayınca açılan bir menü yapmak geldi yardımcı olacak var mı ?

Kodu verirseniz ben entegre ederim


 

 

wmaraci
reklam

XnCN XnCN Yazılımcı Kullanıcı
  • Üyelik 30.11.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Yazılım
  • Konum Kocaeli
  • Ad Soyad A** H**
  • Mesajlar 447
  • Beğeniler 56 / 109
  • Ticaret 1, (%100)
istersen css ile gizle ,jquery için ise alttaki linklere bakabilirsin.
http://www.w3schools.com/JQuery/jquery_hide_show.asp
http://hakantasan.com/index/makaleler/9/jquery-hide-show-ve-toggle-fonksiyonlari-kullanimi/
 

 

muhdelibas muhdelibas WM Aracı Banlı Kullanıcı
  • Üyelik 09.02.2014
  • Yaş/Cinsiyet 30 / E
  • Meslek Türkolog
  • Konum İstanbul Avrupa
  • Ad Soyad M** D**
  • Mesajlar 362
  • Beğeniler 42 / 122
  • Ticaret 2, (%100)
Kişisel blogumda kullandığım açılır kapanır div şeklinde bi sistem vardı aynen vereyim sen düzenlersin.

Şu HTML



İş Türü (İletişim için sitenin sağ alt kısmına bakınız)







Firmanız için web sitesi ihtiyacınız varsa iletişime geçebilirsiniz.






Blog, video, galeri ve benzeri ihtiyaçlarınızı karşılayacak WordPress tabanlı web sitesi işleri için iletişime geçebilirsiniz.






Bilim, edebiyat, magazin veya herhangi bir konuda dergi projeniz varsa, tasarım işi için iletişime geçebilirsiniz. Ayrıca katalog, kartvizit ve diğer matbaa materyalleri ile alakalı da ulaşabilirsiniz.




<script>
var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
acc[i].onclick = function(){
this.classList.toggle("active");
this.nextElementSibling.classList.toggle("show");
}
}
</script>






Şunlar CSS

button.accordion {
float: left;
background-color: #eee;
color: #444;
padding: 10px;
cursor: pointer;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

button.accordion.active, button.accordion:hover {
background-color: #ddd;
}


div.panel {
padding: 10px 20px;
background-color: white;
display: none;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

div.panel.show {
display: block !important;
}

div.panel {

background-color: #f8f8f8;
max-height: 0;
overflow: hidden;
transition: 0.6s ease-in-out;
opacity: 0;
}

div.panel.show {
opacity: 1;
max-height: 500px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}


Bunları da üst kısımda bulundur (header) gerek olabilir
<script></script>
<script></script>
<script></script>
 

 

ontedi ontedi www.ontedi.com Kullanıcı
  • Üyelik 03.10.2013
  • Yaş/Cinsiyet 44 / E
  • Meslek Yazılım Uzmanı, Matematikçi
  • Konum Ankara
  • Ad Soyad S** T**
  • Mesajlar 1119
  • Beğeniler 325 / 324
  • Ticaret 2, (%100)
Buyur örneği mevcut

http://www.ontedi.com/javascript/jquery-ile-sinirsiz-acilir-akordiyon-menu-ornegi
 

 

www.ontedi.com
www.cizgi.site
wmaraci
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