Webmaster Destek Forumu

Yarınların için bir şey yapmazsan, ölene dek Alarm kurmaya mahkumsun !
İletişim
  • Duyuru; Sizde hemen Üye Olup Sorunuzu Sorabilirsiniz, katılım ve kullanım tamamen Ücretsizdir!

MyBB arkaplan değiştirme alanı [Modifikasyon]

S

Scarface

Forum Üyesi
Katılım
18 Eki 2022
Mesajlar
50
Puanları
0
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
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:
Z3aMEG.png


Ö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.
 
Cevap yazmak için giriş yap yada kayıt ol.
Üst