Açılır Kapanır Welcomeblock Yapımı - MyBB

[admin]

Admin KP > Temalar - Şablonlar > Şablonlar > Kullandığınız Tema > Header Şablonlar > Header şablonuna giriyoruz, aşağıdaki kodu buluyoruz..

Kod: Tümünü Seç Tümünü Kopyala

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

Aşağıdaki kod ile değiştiriyoruz..

Kod: Tümünü Seç Tümünü Kopyala

<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 Kapat</a>
</li>
<li class="right"> </li>
</ul>
</div>