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

[HTT.itvn]

Hẳn các bạn muốn tự làm riêng 1 style theo cách riêng của bạn . Bài viết này mình tổng hợp các thủ thuật hiệu chỉnh style từ style mặc định của các thành viên ITVNN , coi như là một ebook mini về thủ thuật tự thiết kế style . Để không gây lũng đoạn về bài viết này mình khóa chủ đề để các bạn không thể gửi câu hỏi , tuy nhiên mình sẽ gửi link của bài viết kèm theo để các bạn có thể đặt câu hỏi ở topic sẵn có để dễ dàng nghiên cứu hơn .

1. Đổi màu khung đăng nhập / đăng ký ( theo câu hỏi của VNSAF ):

Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn style >> Edit Templates >> CSS Templates >> vbulletin-chrome.css

- Phần khung đăng nhập tìm code sau :

.toplinks .logindetails { padding: 0 {vb:stylevar padding};
text-align: center;
background:{vb:stylevar navbar_tab_background.backgroundColor};-moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
height: {vb:stylevar navbar_tab_size.height}px;
}

- Phần đăng ký , trợ giúp tìm code sau :

.toplinks ul.nouser li a{ display: block;
float: {vb:stylevar right};
clear: {vb:stylevar left};
color:{vb:stylevar toplinks_link_color};
position: relative;
padding: 6px {vb:stylevar padding} 0 {vb:stylevar padding};
background:{vb:stylevar navbar_tab_background.backgroundColor};
-moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
height:{vb:math 8px + {vb:math {vb:stylevar font.fontSize}-1}};
font-weight:bold;
font-size:{vb:stylevar mid_fontSize};
margin-{vb:stylevar right}: 10px;
}

.toplinks ul.nouser li a:hover {
background:{vb:stylevar navbar_tab_background.backgroundColor};
color:{vb:stylevar toplinks_linkhover_color};
}

Cậu thay đổi dòng màu in đậm thành mã màu tùy ý nhé .

Link topic : http://itvnn.net/showthread.php?3352...BA%ADp&p=67704