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.
Kod: Tümünü Seç Tümünü Kopyala
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: Tümünü Seç Tümünü Kopyala
Ö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: Tümünü Seç Tümünü Kopyala
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: Tümünü Seç Tümünü Kopyala
Kod:
[COLOR=#007700]<[/COLOR][COLOR=#0000BB]script[/COLOR][COLOR=#007700]>var [/COLOR][COLOR=#0000BB]setCookie [/COLOR][COLOR=#007700]= function ([/COLOR][COLOR=#0000BB]n[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000BB]val[/COLOR][COLOR=#007700]) {
var [/COLOR][COLOR=#0000BB]exdays [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]30[/COLOR][COLOR=#007700];
var [/COLOR][COLOR=#0000BB]d [/COLOR][COLOR=#007700]= new [/COLOR][COLOR=#0000BB]Date[/COLOR][COLOR=#007700]();
[/COLOR][COLOR=#0000BB]d[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]setTime[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]d[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]getTime[/COLOR][COLOR=#007700]() + ([/COLOR][COLOR=#0000BB]exdays [/COLOR][COLOR=#007700]* [/COLOR][COLOR=#0000BB]24 [/COLOR][COLOR=#007700]* [/COLOR][COLOR=#0000BB]60 [/COLOR][COLOR=#007700]* [/COLOR][COLOR=#0000BB]60 [/COLOR][COLOR=#007700]* [/COLOR][COLOR=#0000BB]1000[/COLOR][COLOR=#007700]));
var [/COLOR][COLOR=#0000BB]expires [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#DD0000]"expires=" [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000BB]d[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]toGMTString[/COLOR][COLOR=#007700]();
[/COLOR][COLOR=#0000BB]document[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]cookie [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]n [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#DD0000]"=" [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000BB]val [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#DD0000]"; " [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000BB]expires[/COLOR][COLOR=#007700];
};
var [/COLOR][COLOR=#0000BB]getCookie [/COLOR][COLOR=#007700]= function ([/COLOR][COLOR=#0000BB]n[/COLOR][COLOR=#007700]) {
var [/COLOR][COLOR=#0000BB]name [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]n [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#DD0000]"="[/COLOR][COLOR=#007700];
var [/COLOR][COLOR=#0000BB]ca [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]document[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]cookie[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]split[/COLOR][COLOR=#007700]([/COLOR][COLOR=#DD0000]';'[/COLOR][COLOR=#007700]);
for (var [/COLOR][COLOR=#0000BB]i [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]0[/COLOR][COLOR=#007700]; [/COLOR][COLOR=#0000BB]i [/COLOR][COLOR=#007700]< [/COLOR][COLOR=#0000BB]ca[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]length[/COLOR][COLOR=#007700]; [/COLOR][COLOR=#0000BB]i[/COLOR][COLOR=#007700]++) {
var [/COLOR][COLOR=#0000BB]c [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]ca[/COLOR][COLOR=#007700][[/COLOR][COLOR=#0000BB]i[/COLOR][COLOR=#007700]];
while ([/COLOR][COLOR=#0000BB]c[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]charAt[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]0[/COLOR][COLOR=#007700]) == [/COLOR][COLOR=#DD0000]' '[/COLOR][COLOR=#007700]) [/COLOR][COLOR=#0000BB]c [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]c[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]substring[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]1[/COLOR][COLOR=#007700]);
if ([/COLOR][COLOR=#0000BB]c[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]indexOf[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]name[/COLOR][COLOR=#007700]) == [/COLOR][COLOR=#0000BB]0[/COLOR][COLOR=#007700]) {
return [/COLOR][COLOR=#0000BB]c[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]substring[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]name[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]length[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000BB]c[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]length[/COLOR][COLOR=#007700]);
}
}
return [/COLOR][COLOR=#DD0000]""[/COLOR][COLOR=#007700];
};
[/COLOR]
[COLOR=#0000BB]document[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]onclick [/COLOR][COLOR=#007700]= function ([/COLOR][COLOR=#0000BB]e[/COLOR][COLOR=#007700]) {
if ([/COLOR][COLOR=#0000BB]e[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]target[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]className [/COLOR][COLOR=#007700]== [/COLOR][COLOR=#DD0000]'rsm'[/COLOR][COLOR=#007700]) {
var [/COLOR][COLOR=#0000BB]favColor [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]e[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]target[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]src[/COLOR][COLOR=#007700];
[/COLOR][COLOR=#0000BB]setCookie[/COLOR][COLOR=#007700]([/COLOR][COLOR=#DD0000]'color'[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000BB]favColor[/COLOR][COLOR=#007700]);
[/COLOR][COLOR=#0000BB]document[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]body[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]style[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]cssText [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#DD0000]"background-image: url("[/COLOR][COLOR=#007700]+[/COLOR][COLOR=#0000BB]favColor[/COLOR][COLOR=#007700]+[/COLOR][COLOR=#DD0000]")"[/COLOR][COLOR=#007700];
}
};
[/COLOR]
[COLOR=#0000BB]window[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]onload [/COLOR][COLOR=#007700]= function () {
var [/COLOR][COLOR=#0000BB]favColor [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]document[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]body[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]style[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]background[/COLOR][COLOR=#007700];
var [/COLOR][COLOR=#0000BB]color [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]getCookie[/COLOR][COLOR=#007700]([/COLOR][COLOR=#DD0000]'color'[/COLOR][COLOR=#007700]);
if ([/COLOR][COLOR=#0000BB]color [/COLOR][COLOR=#007700]=== [/COLOR][COLOR=#DD0000]''[/COLOR][COLOR=#007700]) {
[/COLOR][COLOR=#0000BB]document[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]body[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]style[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]cssText [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#DD0000]"background-image: +favColor+"[/COLOR][COLOR=#007700];
} else {
[/COLOR][COLOR=#0000BB]document[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]body[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]style[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000BB]cssText [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#DD0000]"background-image: url("[/COLOR][COLOR=#007700]+[/COLOR][COLOR=#0000BB]color[/COLOR][COLOR=#007700]+[/COLOR][COLOR=#DD0000]")"[/COLOR][COLOR=#007700];
}
};
</[/COLOR][COLOR=#0000BB]script[/COLOR][COLOR=#007700]> [/COLOR]
Ö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.