freelancer

Mybb Açılır Kapanır Sağ Blok (sidebar) Eklemek [Modifikasyon]
Konuyu başlatan yazar root


Bu konuyu oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5


0 konudaki cevap sayısı
root
Yönetici
3 Aylık Kullanıcı


Yönetici
Ticaret Sayısı: 0
Ad Soyad: Webmaskar
Mesajlar: 60
Katılım: 20-02-2021
Konum: Balıkesir
Cinsiyet: Erkek
Meslek: Webmaskar Yönetici
WPuan: 3
60 threads Kayıt Tarihi: 20-02-2021
Beğeniler: 6 / 0
16-04-2021, 01:57 AM -
#1
Bu modifikasyon sayesinde ana sayfaya açılır kapanır sağ blok(sidebar) eklenecektir. Diğer yapılan sağ bloklardan en önemli farkları; açılır kapanır olması, animasyonlu olması, sayfa yenilendikten sonra seçili ayarın hatırlanması ve plugine ihtiyaç duyulmaması.
Farklı bir sitede paylaşırken yapımcı ismi belirtmenizi rica ediyorum, örn: Modifikasyon Yapımcısı: Novruz.

Admin KP > Temalar ve şablonlar > Şablonlar > Kullandığınız temanın şablon seti > Ana sayfa şablonları > index aşağıdaki kodu bu bulun;
PHP Kod:
{$forums

aşağıdaki kod ile değiştirin.
PHP Kod:
<div class="layout">
 <
div class="layout_main">{$forums}</div>
 <
div class="layout_sidebar">
 
  <div class="layout_sidebar-inner">
 
 <
table border="0" cellspacing="0" cellpadding="5" class="tborder denemetb" id="denemetb">
<
thead>
<
tr>
<
td class="thead" colspan="5">
<
div class="expcolimage"><img src="{$theme['imgdir']}/collapse.png" id="cat_reklam_img" class="expander" alt="[-]" title="[-]" /></div>
<
div><strong>Reklam Alanı</strong></div>
</
td>
</
tr>
</
thead>
<
tbody style="" id="cat_reklam_e">
<
tr>
<
td class="trow1" align="center">
<
img src="http://lorempixel.com/90/90/" title="">
<
img src="http://lorempixel.com/90/90/" title="">
<
img src="http://lorempixel.com/90/90/" title="">
<
img src="http://lorempixel.com/90/90/" title="">
<
img src="http://lorempixel.com/90/90/" title="">
<
img src="http://lorempixel.com/90/90/" title=""></td>
</
tr>
</
tbody>
</
table>
</
div>
</
div>
</
div

Admin KP > Temalar ve şablonlar > Şablonlar > Kullandığınız temanın şablon seti > Ana sayfa şablonları > index > <body> tagının üstüne aşağıdaki kodu ekleyin.
PHP Kod:
<script>
var 
indicator="";
 if(
document.cookie.indexOf("indicator")>-1){
 
  indicator=document.cookie[document.cookie.indexOf("indicator")+10];
 
  }
var 
zaman=new Date();
zaman.setFullYear("2050");
var 
main document.getElementsByClassName("layout_main")[0];//forum
var sidebar document.getElementsByClassName("layout_sidebar")[0];//sidebar
function toggle(f){
 if(
indicator && indicator==1){
 
main.style.cssText="transition:none;width:100%";
 
sidebar.style.cssText="transition:none;width:0;opacity:0;"
 
}
 if(
f==&& indicator==){
 
main.style.cssText="width:75%;";
 
sidebar.style.cssText="width:24;opacity:1;";
 
document.cookie="indicator=2;expires="+zaman;
 
       indicator=document.cookie[document.cookie.indexOf("indicator")+10];
 return 
3;
 }
 if(
f==&& (indicator==|| !indicator)){
 
      console.log("indicator 2-dir");
 
      document.cookie="indicator=1;expires="+zaman;
 
main.style.cssText="width:100%;transition: width 500ms ease .5s;";
 
sidebar.style.cssText="width:0;opacity:0;transition: opacity .5s ease 0s, width .5s ease .5s";
 
       indicator=document.cookie[document.cookie.indexOf("indicator")+10];
 }
}
toggle();
 
</script> 


Admin KP > Temalar ve şablonlar > Kullandığınız tema > global.css > Gelişmiş düzenleme aşağıdaki kodları en alta ekleyin.
PHP Kod:
.layout {
 
displayflex;
 
justify-contentspace-between;
}

.
layout_main {
 
width75%;
 
transitionwidth 500ms ease 0s;
}

.
layout_sidebar {
 
width24%;
 
margin-bottom1.6%;
 
transitionopacity .5s ease .5swidth .5s ease 0s;
}

.
layout_sidebar-inner {
 
positionsticky;
 
top1%;


Aşağıdaki kod ise fonksiyonumuzu çalıştıracak butondur, Admin KP > Temalar ve şablonlar > Şablonlar > Kullandığınız temanın şablon seti > Ana sayfa şablonları > index şablonunda istediğiniz bölüme ekleye bilirsiniz.
PHP Kod:
<button type="button" onclick="toggle(3)">Sidebar aç/kapat</button

Önizleme;
[Resim: GmVb2v.png]
Beğenenler:

Hesap açın veya yorum yazmak için giriş yapın.

Yorum yazmak için Giriş yapmanız gerekiyor.

Kayıt Ol

Hesap oluşturmak ve bize katılmak çok kolay!

Kayıt Ol

Giriş Yap

Bir hesabın mı var? Hemen giriş yap!

Giriş Yap



Konuyu Okuyanlar: 1 Ziyaretçi

[-]
Etiketler
açılır , kapanır , sağ , blok , sidebar , eklemek , modifikasyon