View Full Version : Giúp em đổi màu thanh tiêu đề
hivaids2512
06-08-2011, 08:42 AM
http://cC4.upanh.com/26.104.33309953.sah0/capture.jpg
Như hình trên ,em muốn đổi thành màu đen thì làm sao bây giờ .giúp em với,cám ơn nhiều
Dunglx
06-08-2011, 09:19 AM
Bạn vào stylevar tìm theadlisthead_background Xem link ảnh và thay nó thay màu tùy ý nhé
hivaids2512
07-08-2011, 09:05 AM
cho em hỏi thêm , muốn đổi màu chữ trên thanh đó thì làm sao vậy anh, ở đây là chữ MAIN CATEGORY ấy,cám ơn anh
Tiểu Bá Vương 1404
07-08-2011, 10:58 AM
...Như hình trên ,em muốn đổi thành màu đen thì làm sao bây giờ .giúp em với,cám ơn nhiều
Thứ nhất, đây là background tcat của style, không thay đổi, nếu anh sử dụng các trình biên tập ảnh tốt thì có thể dựa theo đó mà thay đổi màu sắc.
cho em hỏi thêm , muốn đổi màu chữ trên thanh đó thì làm sao vậy anh, ở đây là chữ MAIN CATEGORY ấy,cám ơn anh
Những style thế này thì chỉ có thể can thiệp trong CSS, nếu sử dụng tcat màu như vậy thì màu chữ là hợp lí rồi.
HTT.itvn
07-08-2011, 01:05 PM
http://cC4.upanh.com/26.104.33309953.sah0/capture.jpg
Như hình trên ,em muốn đổi thành màu đen thì làm sao bây giờ .giúp em với,cám ơn nhiều
Nếu em dùng style không phải của complete VB (demo là style mặc định ) thì dùng cách sau :
- Vào AdminCP >> Stylé & Templates >> Style Manager >> Chọn style >> StyleVars , tìm các vars sau :
+ forumhead_background : thay đổi màu nền forumhead ( hay còn gọi t-cat)
+ forumhead_color : thay đổi màu chữ trên forumhead
+ forumhead_border : viền bao quanh forumhead
+ forumhead_top_corner_radius : Độ viền bo cho forum head .
+ secondarycontent_header_background : thay đổi nền của wgo
+ secondarycontent_header_color : màu chữ trên wgo
+ secondarycontent_header_border : viền bao quanh wgo
Nếu dùng style của complete VB thì phải thay đổi CSS như sau :
- Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn style >> Edit Templates >> CSS Templates >> additional.css :
+ Với forumhead tìm code sau :
.tcat { background:url(images/styles/ShinyBlue/style/tcatBG.gif) repeat-x top left;/***** Thay đổi nền forumhead , wgo *****//
color: #fff;/*** Thay đổi màu chữ trên forumhead , wgo ****/
height:38px;
clear:both;
margin-top: 8px;
float: {vb:stylevar left};
border:0;
padding:0;
width: {vb:stylevar forumhead_width};
}
.tcatLeft {
background:url(images/styles/ShinyBlue/style/tcatLeft.gif) no-repeat top left;/***** Thay đổi nền forumhead bên trái ***/
height:38px;
}
.tcatRight {
background:url(images/styles/ShinyBlue/style/tcatRight.gif) no-repeat top right;/**** Thay đổi nền forumhead bên phải ****/
height:38px;
}
.tcat .forumtitle {
font-weight:700;
}
.tcat .tcatDesc {
font-size:11px;
font-weight:400;
}
.tcat h2 {
padding: 0 0 0 16px;
font: bold 14px arial, helvetica, sans-serif;
line-height: 38px;
float:left;
font-weight:700;
}
.tcat a:link, .tcat a:visited {
color:#fff;/*** Thay đổi màu chữ link trên forumhead , wgo .... ****/
}
.tcat a:hover {
}
.tcat .tcatCollapse {
float:right;
position:absolute;
top:10px;
right:10px;
}
Các chữ in đậm trên là các thay đổi cần thiết như yêu cầu của topic này , nếu có kiến thức về CSS thì có thể tùy cơ ứng biến cho phù hợp .
Chú ý : Demo code trên là style của complete VB giống ITVNN đang xài , các style khác của vBB có cấu trức tương tự .
P/s : Dunglx em ghi chép những cái này nhé , coi như là một bài học anh hướng dẫn em làm style nhé . Cần phải tiết kiệm thời gian .
Powered by vBulletin® Version 4.2.5 Copyright © 2025 vBulletin Solutions Inc. All rights reserved.