[TUT] Tạo hiệu ứng bài viết cho rank tương ứng

[Zero]

Demo: Nhìn tiêu đề cũng biết là gì rồi khỏi cần demo nhá Example: Những người trong nhóm admin sẽ có màu chữ hoặc màu nền khác với những người khác

Hướng dẫn:

1. Users and Groups Ranks Rank Administration Chọn nhóm cần cho hiệu ứng chỗ dòng Rank title, thay bằng

   Code:

   <span class="tên class">[tên rank]</span>

   . Chỗ tên class thay bằng cái gì cũng được. Example: Ban đầu của mình là Administrator và thay thành bằng <span class="mod">Moderators</span>, tương tự với các nhóm khác mà bạn muốn cho hiệu ứng vào.
   
2. Display Templates General viewtopic_body (CHƯA CHỈNH SỬA, KIẾM KHÔNG RA THÌ ĐỪNG CÓ HỎI CŨNG KHÔNG AI KIẾM RA ĐƯỢC ĐÂU )
   Tìm
   

   Code:

   {postrow.displayed.POST_DATE_NEW}

   Thêm vào đằng sau
   

   Code:

   <span style="display:none;">{postrow.displayed.POSTER_RANK}</span>

3. Modules Javascript codes management Create a new javascript Title tuỳ chọn, Chọn in the topics
   

   Code:

   $(document).ready(function(){
$('.post:has(".tên class"),.postmain:has(".tên class"),.posthead:has(".tên class")').css('css here');
});

   Chỗ tên class thay bằng cái mà bạn đã đặt tên ở trên, ở example trên của mình là mod nên mình thay thành
   

   Code:

   $(document).ready(function(){
$('.post:has(".mod"),.postmain:has(".mod"),.posthead:has(".mod")').css(css here);
});

   Chỗ css here thay chỗ đó bằng css, ví dụ mình muốn chữ màu trắng. CSS bình thường như thế này color:white khi vào jquery thì nó thành 'color','white'. Cuối cùng mình có được
   

   Code:

   $(document).ready(function(){
$('.post:has(".mod"),.postmain:has(".mod"),.posthead:has(".mod")').css('color','white');
});

Bây giờ mình muốn đổi thêm màu chữ cho Admin, mình làm đủ các buớc trên rồi tới bước 3 (thay vì làm cho mod bây giờ mình làm cho admin nên class nó khác), mình chỉnh sửa script lại chút bằng cách thêm dòng $('.post:has(".tên class"),.postmain:has(".tên class"),.posthead:has(".tên class")').css(css here); trên });. Kết quả có được

Code:

$(document).ready(function(){
$('.post:has(".mod"),.postmain:has(".mod"),.posthead:has(".mod")').css('color','white');
$('.post:has(".admin"),.postmain:has(".admin"),.posthead:has(".admin")').css('color','black');
});

Copyright © by Zero. All Rights Reserved. Use, modification, and/or distribution of this script is not allowed without direct permission from Zero. This entire copyright notice must remain in the original, copied, or modified script.

Không hiểu chỗ nào thì nói, ghét mất mấy người tut dùng được cứ bảo không dùng được

Written by Zero.
Vui lòng ghi nguồn và tên tác giả khi share, thanks

[singh]

code này bị dị ứng với nhân vật avatar của baivong.chèn vào mất tiu nhân vật

[Zero]

code này bị dị ứng với nhân vật avatar của baivong.chèn vào mất tiu nhân vật

Toàn bộ code có gì liên quan tới avatar đâu nhỉ

[singh]

ai biết.mình làm xong thì mất avatar flash

[handsomevip007]

Chưa test nhưng thấy hay và rất khoái màu mè như thế này Vote

[DeGea]

VIP!Vote ZERO phát !

[quangtrung_it]

vote +

[heousieumap1]

kihông có demo nhỉ?

[KillAlt1.0]

cho e cái demo cho chắc ăn

[nh0xl0ve.dl]

Hay + Vote nhưng không xài

[Zero]

May mà mình ghi chữ Demo font to, bold, màu đỏ đấy vẫn mù như thường Cái này đỏi hỏi phải hiểu biết css vì bài hướng dẫn của mình không chỉ đổi màu chữ không đâu

[gokugal]

bạn à. sao trong view topic mặc định cũng đâu có

Code:

{postrow.displayed.POST_DATE_NEW}

[handsomevip007]

Của Zẻo viết hình nhưng trên punbb Với phpbb2 không biết làm được không Bạn kiếm code sau và làm như trên thử xem

Code:

{postrow.displayed.POST_DATE}

[Zero]

phpbb2 làm được, mà mình không dùng nên không biết temp là gì thôi Đa số bây giờ toàn xài punbb với phpbb3

[notme]

ai làm xong chưa cho mình xem cái demo với

[Zero]

ai làm xong chưa cho mình xem cái demo với

Demo có gì để xem ?

[jack lagger]

anh zero ơi
thế muốn thay đổi màu nền bài viết ứng với rank thì phải thay js ở b3 thế nào ạ?
cái css here chỉ thấy anh hướng dẫn thay màu chữ chứ ko thấy thay màu nền!!!

[dothinh]

Vote +

[Sponsored content]