Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 1
  • 1
  • 2
  • 3
  • 4
  • 5
Açılır Kapanır Welcomeblock Yapımı
#1
Merhaba Arkadaşlar DF Olarak Adım Adım Mybb Tema Dersleri Vermeye Devam Edicez :) Bu Dersimizde Welcomblock'a. Aç-Kapa Özelliği Ekleyeceğiz


Ders Bitince Böyle Bir Şey Olacak :)

:görüntüler:

213r7s2.png

:kurulumu:

Admin KP > Temalar - Şablonlar > Şablonlar > Kullandığınız Tema > Header şablonlar > header şablonu

Bulun :

Kod:
<div id="panel">
     {$welcomeblock}
</div>

Değiştirin :

Kod:
<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script>
jQuery.noConflict();
jQuery(function($) {
     // Expand Panel
     $("#open").click(function(){
         $("div#panel").slideDown("slow");
    
     });    
    
     // Collapse Panel
     $("#close").click(function(){
         $("div#panel").slideUp("slow");    
     });        
    
     // Switch buttons from "Log In | Register" to "Close Panel" on click
     $("#toggle a").click(function () {
         $("#toggle a").toggle();
     });    
});

</script>
<div id="toppanel">
<div id="panel">
                 {$welcomeblock}
             </div>
<div class="tab">
<ul class="login">
<li class="left"> </li>
<li id="toggle">
<a id="open" class="open" href="#" style="display: block;">Kullanıcı Panelini Aç</a>
<a id="close" class="close" href="#" style="display:none">Kullanıcı Panelini Kapa</a>
</li>
<li class="right"> </li>
</ul>
</div>

Hayırlı Olsun İyi Forumlar

Not : Adımları Uygulanyınca Resimdeki Gibi Olmayacaktır Editlemeniz Gereklidir
Ara
Cevapla PGM
Teşekkür verenler:
#2
Temalarla Alakası Yok Aynı Ama Resimdeki Gibi Olması İçin Editlemek Lazım
Ara
Cevapla PGM
Teşekkür verenler:
#3
Bir Alıntıdır Yazsanız Nolacak ?
Ara
Cevapla PGM
Teşekkür verenler:
#4
Wanteds : Adil S. Benim Kullanıcı Panelimi Alıyor Koyuyor Alıntı Yazmıyor Bende Yazmam

RAPAEL : Hayır
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 2 Ziyaretçi


Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping