[Code] Chọn background của miamor ( đã thêm 1 số background)

[FeedXongOut]

Demo:

Spoiler:

Code:
ACP > Display > Pictures and Colors > Colors > Css Stylesheet:
Thêm vào đoạn sau

Code:

/* test */
.stylevandonstar{
  z-index: 999;
  padding:5px;
  position: absolute;
  overflow:hidden;
  height: 60px;}
.stylevandonstar:hover{height: auto; background-image: url("http://i48.servimg.com/u/f48/13/58/60/43/mainco13.png");}
#skin-none, li.stylevds{cursor: pointer;}
#skin-none:hover, li.stylevds:hover{background-color: #ffff00;}
.tcskin{display:none;position:fixed;padding:10px;width:300px;height:auto;top:40%;left:50%;margin-left:-130px;border:5px solid #000;background:#fff;z-index: 999;}
.bgtest{display:none;}
.luuskin{width:100%;}
.skinok,.skinko{cursor:pointer;font-weight:bold;border:1px solid #000;margin:5px;padding:2px 5px;}
.skinok:hover,.skinko:hover{color:red;}
.an{display:none;}

ACP > Modules > HTML and Javascripts > Javascripts codes management:
Tạo một JS mới như sau:
Title * : Nền ( hay gì cũng được)
Placement : Tích vào In all the pages
Javascript Code * :

Code:

$(document).ready(function () {
    laycookie();
    $('#skin-1').click(function () {
        skinhl(1)
    });
    $('#skin-2').click(function () {
        skinhl(2)
    });
    $('#skin-3').click(function () {
        skinhl(3)
    });
    $('#skin-4').click(function () {
        skinhl(4)
    });
    $('#skin-11').click(function () {
        skinhl(11)
    });
    $('#skin-12').click(function () {
        skinhl(12)
    });
 

    $('#skin-none').click(function () {
        $('.tcskin').fadeIn();
        $('.luuskin').val(my_getcookie('tcskin')).select();
        $('.skinok').click(function () {
            if($('.luuskin').val().search('http') != -1 && ($('.luuskin').val().search('jpg') != -1 || $('.luuskin').val().search('png') != -1 || $('.luuskin').val().search('gif') != -1)) {
                my_setcookie('tcskin', $('.luuskin').val(), 1);
                skinhl_none();
                $('.tcskin').fadeOut()
            } else {
                $('.luuskin').val('Link ảnh không hợp lệ')
            }
        });
        $('.skinko').click(function () {
            $('.tcskin').fadeOut()
        })
    })
});
function skinhl(skin) {
    my_setcookie('skvds', skin, 1);
    laycookie()
};
function skinhl_none() {
    my_setcookie('skvds', 'none', 1);
    laycookie()
};
function laycookie() {
    if(my_getcookie('skvds')) {
        soskin = my_getcookie('skvds');
        if(soskin == 'none') {
            bgskinhl = "#000 url(" + my_getcookie('tcskin') + ") repeat-x fixed 50% 50%"
        } else if(soskin == '1') {
            bgskinhl = '#C0DEED url(http://twimg0-a.akamaihd.net/images/themes/theme1/bg.png) repeat-x fixed 50% 0'
        } else if(soskin == '2') {
            bgskinhl = '#C6E2EE url(http://twimg0-a.akamaihd.net/images/themes/theme2/bg.gif) repeat-x fixed 50% 0'
        } else if(soskin == '3') {
            bgskinhl = '#EDECE9 url(http://twimg0-a.akamaihd.net/images/themes/theme3/bg.gif)  repeat-x fixed 50% 0'
        } else if(soskin == '4') {
            bgskinhl = '#0099B9 url(http://twimg0-a.akamaihd.net/images/themes/theme4/bg.gif) repeat-x fixed 50% 0'
        } else if(soskin == '11') {
            bgskinhl = '#352726 url(http://twimg0-a.akamaihd.net/images/themes/theme5/bg.gif) repeat-x fixed 50% 0'
        } else if(soskin == '12') {
            bgskinhl = '#9AE4E8 url(http://twimg0-a.akamaihd.net/images/themes/theme16/bg.gif) repeat-x fixed 50% 0'
 };
        $('body').css('background', bgskinhl)
    } else {
        skinbandau = 1 + Math.floor(Math.random() * 12);
        if(skinbandau == 1) {
            skinhl(1)
        }
        if(skinbandau == 2) {
            skinhl(2)
        }
        if(skinbandau == 3) {
            skinhl(3)
        }
        if(skinbandau == 4) {
            skinhl(4)
        }
        if(skinbandau == 11) {
            skinhl(11)
        }
        if(skinbandau == 12) {
            skinhl(12)
        }
    }
};

ấn Submit

Cuối cùng là code html:

Code:

<div style="left:150px; width: 260px; no-repeat; position:fixed; TOP: 100px"><div class="gen stylevandonstar"><img src="http://i48.servimg.com/u/f48/13/58/60/43/paint_10.png"><hr>
<li id="skin-1" class="stylevds">Style 1 <img width="30" height="20" src="http://twimg0-a.akamaihd.net/images/themes/theme1/bg.png"/></li>
<li id="skin-2" class="stylevds">Style 2 <img width="30" height="20" src="http://twimg0-a.akamaihd.net/images/themes/theme2/bg.gif"/></li>
<li id="skin-3" class="stylevds">Style 3 <img width="30" height="20" src="http://twimg0-a.akamaihd.net/images/themes/theme3/bg.gif"/></li>
<li id="skin-4" class="stylevds">Style 4 <img width="30" height="20" src="http://twimg0-a.akamaihd.net/images/themes/theme4/bg.gif"/></li>
<li id="skin-11" class="stylevds">Style 5 <img width="30" height="20" src="http://twimg0-a.akamaihd.net/images/themes/theme5/bg.gif"/></li>
<li id="skin-12" class="stylevds">Style 6 <img width="30" height="20" src="http://twimg0-a.akamaihd.net/images/themes/theme16/bg.gif"/></li>
    <hr><span id="skin-none" class="stylevds" style>Tùy chọn</span></div><div class="tcskin" style="display: none; "><span class="gen">Vui lòng nhập 1 link ảnh làm nền</span><hr><input class="luuskin" value=""><hr><span class="skinok">Đồng Ý</span><span class="skinko">Thoát</span><img class="bgtest" src=""></div></div>

Lưu ý: nếu là html thì phải tích Có ở Do you wish to use your forum header and footer ?
Nếu không thì bạn tạo một widget mới cũng được  

Code by miamor - Invision.chinhphuc.info
Edit by FeedXongOut

[ddr3]

thanks!!!!!!!!!!!!!!!!