[Hỏi đáp] Xin mod đổi background theo profiles

Forum : http://ilolvn.123.st
Mình đang tạo 1 forum về LOL. Đến phần viewtopic thì cần 1 cái mod mà khi đăng ký user phải chọn ở đây là " Vị trí" ví dụ như : AP - AD - Jungle. Sau đó background thay đổi theo những thông tin đó luôn.
Đây là phần mình muốn thay
Giúp mình với cảm ơn

Cái đoạn hiện profile trong view

Code:

<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->

Thay bằng

Code:

[code]<!-- BEGIN profile_field -->
<div class="bg-find">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
<!-- END profile_field -->[/code]

* Tạo một field tên là Background để thành viên có thể chèn link ảnh vào bên trong (Text zone) hoặc là chọn mục có sẵn (List)
Thêm đoạn này vào cuối template viewtopic_body

Code:

$('.bg-find .label:contains("Background")').parents('.bg-find').addClass('bg-set');
$('.bg-find .label:contains("Background")').remove();
$('.post-container .postbody-head').each(function(){$(this).attr('style','background:url('+$(this).prev('.postprofile').children('.bg-set').html()+');')});
$('.bg-set').remove();

Hi vọng là được :v

bị null @@~. Mình muốn lúc thành viên chọn nó hiện ra là ad - ap -rừng - sp v...v rồi ứng vs mỗi text đó là 1 ảnh thì chọn gì?

Sửa js lại nha, méo bị lỗi một chỗ :v

Code:

$('.bg-find .label:contains("Background")').parents('.bg-find').addClass('bg-set');
$('.bg-find .label:contains("Background"), .bg-set *').remove();
$('.post-container .postbody-head').each(function(){$(this).attr('style','background:url('+$(this).prev('.postprofile').find('.bg-set').html()+');')});
$('.bg-set').remove();

Méo ơi! Nếu lập profile thì điền vào link của background member không hiểu đó là gì . Ý mình muốn cái mod đó là member chọn phần Lane là vị trí:Mid => Tìm link vị trí mid => Background mid .

Tạo một field để type: list rồi chèn từng cái tên vào
Cái field đó giả sử tên là Lane (như trong forum của thím)

Code:

$('.bg-find .label:contains("Lane")').parents('.bg-find').addClass('bg-set');
$('.bg-find .label:contains("Background"), .bg-set *').remove();
$('.post-container .postbody-head').each(function(){$(this).addClass($(this).prev('.postprofile').find('.bg-set').html());});
$('.bg-set').hide();

Ví dụ như tên của mục trong list là abc
Thì sẽ chèn vào css là

Code:

.abc {background:blah blah blah}

Còn nếu tên mục là something-abc xyz thì chèn vào css là

Code:

.something-abc.xyz {background:blah blah blah}

OK THANK Bạn mình làm được rồi :v YES !!!! (y)

Cho em hỏi tí, anh @NCat ơi, 4rum em như thế này, chèn vào làm sao đây anh?

Code:

<!-- BEGIN profile_field -->
                          <div class="khung">
                          <span class="fmviTT">
                            {postrow.displayed.profile_field.LABEL}
                            <span class="fmviZZ">{postrow.displayed.profile_field.CONTENT}
                            </span>
                            </span>
                            {postrow.displayed.profile_field.SEPARATOR}
                          </div>
            <!-- END profile_field -->

với lại giờ em đặt tên cái list đó là nhân vật yêu thích, em chèn như sau được không anh?

Code:

$('.bg-find .label:contains("Nhân vật yêu thích")').parents('.bg-find').addClass('bg-set');
$('.bg-find .label:contains("Nhân vật yêu thích"), .bg-set *').remove();
$('.post-container .postbody-head').each(function(){$(this).attr('style','background:url('+$(this).prev('.postprofile').find('.bg-set').html()+');')});
$('.bg-set').remove();

Code:

<!-- BEGIN profile_field -->
                        <div class="bg-find"> <div class="khung">
                          <span class="fmviTT">
                            {postrow.displayed.profile_field.LABEL}
                            <span class="fmviZZ">{postrow.displayed.profile_field.CONTENT}
                            </span>
                            </span>
                            {postrow.displayed.profile_field.SEPARATOR}
                          </div> </div>
            <!-- END profile_field -->

Code trên là phải chèn thêm code vào CSS, còn muốn để thành viên tự đổi thì làm sao vậy Méo?

@anhdaodaica1 : https://devs.forumvi.com/t759-hoi-dap-xin-mod-doi-background-theo-profiles?showpost=p4725

Dùng view của Méo thì sửa sao ?

Code:

$('.bg-find .label:contains("Lane")').parents('.bg-find').addClass('bg-set');
$('.bg-find .label:contains("Lane"), .bg-set *').remove();
$('.infovifus').each(function(){$(this).addClass($(this).prev('.poster-field').find('.bg-set').html());});
$('.bg-set').hide();

phải ntn không ?

NCat wrote:Sửa js lại nha, méo bị lỗi một chỗ :v

Code:

$('.bg-find .label:contains("Background")').parents('.bg-find').addClass('bg-set');
$('.bg-find .label:contains("Background"), .bg-set *').remove();
$('.post-container .postbody-head').each(function(){$(this).attr('style','background:url('+$(this).prev('.postprofile').find('.bg-set').html()+');')});
$('.bg-set').remove();

Bao nhiêu class trong đoạn js này cần thay đổi để phù hợp với từng forum vậy méo ?

Không chỉ class mà còn cả cách sắp xếp bố cục trong forum nữa

Méo ơi cho mình xin cái js đổi background ở view này của bạn https://devs.forumvi.com/t123-dong-gop-view-ngang-co-avatar-drop-va-khung-quote-code-spoiler-cua-devs

nói chung là cứ làm như hướng dẫn, không nì nèo