Bu modifikasyon sayesinde forumunuza resimlere tıkladığınızda forum arkplanını değiştiren bir alan eklemiş olacaksınız. 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 > {$header} değişkenin altında aşağıdaki kodu ekleyin.
Admin KP > Temalar ve şablonlar > Şablonlar > Kullandığınız temanın şablon seti > Headerinclude - [Gruplandırılmamış] Şablonlar > headerinclude > {$stylesheets} değişkenin üstüne aşağıdaki kodu ekleyin.
Önizleme:
Özelleştirmek için;
HTML kodlarındaki url'leri değiştirerek alanda gözüken resimleri değiştirmiş olacaksınız. 1. link yeri boş yani tıkladığınızda sitenin varsayılan arkaplanına geri dönüyor bu yüzden önerim ilk gözükmesini istediğiniz resimi global.css'deki body'yeeklemeniz. Modifikasyon default tema için değildir, çünkü default temada content arkaplanı kapladığı için body arkaplanı gözükmeyecektir.
Bildiğim kadarıyla bu tarzda bir konu yok forumda, varsa kusura bakmayın.
Mybb multiple background area, mybb clicabkle background change.
Admin KP > Temalar ve şablonlar > Şablonlar > Kullandığınız temanın şablon seti > Ana Sayfa Şablonları > index > {$header} değişkenin altında aşağıdaki kodu ekleyin.
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead{$expthead}"><strong>Site arkaplanını seç</strong>
<div class="expcolimage"><img src="{$theme['imgdir']}/collapse.png" id="unique_id_img" class="expander" alt="[-]" title="[-]" /></div>
</td>
</tr>
</thead>
<tbody style="{$collapsed['unique_id_e']}" id="unique_id_e">
<tr>
<td class="trow1"> <center>
<img src="https://wallpapersite.com/images/wallpapers/sunset-1920x1080-forest-minimal-4k-8k-5165.jpg" width="250px" class="rsm">
<img src="http://www.qygjxz.com/data/out/80/4239912-flat-wallpaper.png" width="250px" class="rsm">
<img src="https://i.pinimg.com/originals/d6/f0/13/d6f0130ff38d7d197f7be368dd98c034.png" width="250px" class="rsm">
</center> </td>
</tr>
</tbody>
</table>
</br>Admin KP > Temalar ve şablonlar > Şablonlar > Kullandığınız temanın şablon seti > Headerinclude - [Gruplandırılmamış] Şablonlar > headerinclude > {$stylesheets} değişkenin üstüne aşağıdaki kodu ekleyin.
PHP Kod:
<script>var setCookie = function (n, val) {
var exdays = 30;
var d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
var expires = "expires=" + d.toGMTString();
document.cookie = n + "=" + val + "; " + expires;
};
var getCookie = function (n) {
var name = n + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1);
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
};
document.onclick = function (e) {
if (e.target.className == 'rsm') {
var favColor = e.target.src;
setCookie('color', favColor);
document.body.style.cssText = "background-image: url("+favColor+")";
}
};
window.onload = function () {
var favColor = document.body.style.background;
var color = getCookie('color');
if (color === '') {
document.body.style.cssText = "background-image: +favColor+";
} else {
document.body.style.cssText = "background-image: url("+color+")";
}
};
</script>
Önizleme:
Özelleştirmek için;
HTML kodlarındaki url'leri değiştirerek alanda gözüken resimleri değiştirmiş olacaksınız. 1. link yeri boş yani tıkladığınızda sitenin varsayılan arkaplanına geri dönüyor bu yüzden önerim ilk gözükmesini istediğiniz resimi global.css'deki body'yeeklemeniz. Modifikasyon default tema için değildir, çünkü default temada content arkaplanı kapladığı için body arkaplanı gözükmeyecektir.
Bildiğim kadarıyla bu tarzda bir konu yok forumda, varsa kusura bakmayın.
Mybb multiple background area, mybb clicabkle background change.
