Tổng hợp những thủ thuật chỉnh sửa style mặc định cho VBB4.1.x

[HTT.itvn]

^{13 - Thay đổi khung bình chọn} ( hỏi bởi : romeoangle )

Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn Style >> StyleVars , tìm các vars sau :

- Nền bình chọn : poll_background
- Nền màu của mỗi pollbar : pollbar1_background , pollbar2_background , pollbar3_background , pollbar4_background , pollbar5_background , pollbar6_background
- Viền cho pollbar : pollbar_border
- Độ cao của pollbar : pollbar_height
- Độ dài của pollbar : pollbars_result_bit_width

Tiếp theo là thay màu chữ của poll

Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn Style >> Edit Templates >> CSS Templates >> poll.css , tìm code sau :

#pollinfo { padding-bottom:0;
margin: {vb:stylevar padding} {vb:math {vb:stylevar padding}*5} 0;
-moz-border-radius: {vb:math {vb:stylevar padding}/2};
-webkit-border-radius: {vb:math {vb:stylevar padding}/2};
border-radius: {vb:math {vb:stylevar padding}/2};
clear:both;
border: {vb:stylevar postbit_border};
padding-{vb:stylevar right}: {vb:stylevar padding};
}

Thêm màu như in đậm :

#pollinfo { padding-bottom:0;
margin: {vb:stylevar padding} {vb:math {vb:stylevar padding}*5} 0;
-moz-border-radius: {vb:math {vb:stylevar padding}/2};
-webkit-border-radius: {vb:math {vb:stylevar padding}/2};
border-radius: {vb:math {vb:stylevar padding}/2};
clear:both;
border: {vb:stylevar postbit_border};
padding-{vb:stylevar right}: {vb:stylevar padding};
color:#a0a0a0;
}

Như vậy đã thay đổi màu tiêu đề của mỗi poll và tỷ lệ % . Tiếp tục tìm từng code sau :

- Tiêu đề bình chọn :

#pollinfo .blockhead h2 { font-weight: normal;
font-size: {vb:math {vb:stylevar font.fontSize}*1.5}px;
display: inline-block;
float: {vb:stylevar left};
color: {vb:stylevar diffremove_color};

- DÒng thông báo bạn đã bình chọn :

#pollinfo .blockhead .stats { float: {vb:stylevar right};
color: {vb:stylevar body_color};
}

- Vorter

#pollinfo .blockhead .totalvotes { color:{vb:stylevar body_color};
font-size: {vb:stylevar font.fontSize}px;
display: inline-block;
margin-top: {vb:math {vb:math {vb:stylevar font.fontSize}*1.5}-{vb:stylevar font.fontSize}}px;
font-weight:bold;
}

- Nội dung bình chọn :

#pollinfo .polltitle { color: {vb:stylevar body_color};
}

- Số phiếu bình chọn :

#pollresults li .votes .numvotes { color:body_color; /*** Không hiểu sao ở đây lại thế này , đáng ra phải là {vb:stylevar body_color}; Nếu bạn chỉnh theo vars thì thay dòng body_color thành {vb:stylevar body_color} nhé ***/ padding:{vb:math {vb:stylevar pollbars_margin_size}/5} {vb:stylevar pollbars_margin_size};

display: block;
margin-{vb:stylevar left}: {vb:stylevar pollbars_margin_size};
float: {vb:stylevar left};
clear: {vb:stylevar right};
}

Thay đổi dòng màu xanh đậm thành mã màu tùy ý .

Nếu ngại làm thì có thể chỉnh màu ở vars sau :

- body_color
- diffremove_color

Tuy nhiên chỉnh ở Vars thì sẽ không linh động .

Link Topic : http://itvnn.net/showthread.php?3469...ll=1#post70507

Chú ý : Code trên được lấy từ style mặc định , tùy vào style mà bạn dùng có thể code trên khác một chút .