PDA

View Full Version : help thay đổi màu khung bình chọn



romeoangle
06-09-2011, 11:54 AM
cái khung bình chọn của web em nó màu trắng và chữ màu vàng không nhìn thấy dc gì! ACE ai biết đôỉ màu ở chổ nào chỉ dùm mình với!
http://www.uphinhnhanh.com/images/24123.gif (http://www.uphinhnhanh.com/view-24123.gif)

HTT.itvn
06-09-2011, 01:25 PM
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 .

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 .