Kéo dài forumhead

[babylovevt]

Các bạn coi hình demo rồi giúp mình với nhé.
Thanks

[HTT.itvn]

Do bản forum không có forumhead_width như bản suite nên dùng style của bản suite sang forum của VBB415 là lỗi .

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


.forumhead { background: {vb:stylevar forumhead_background};
_background-image: none;
padding: 0;
font:{vb:stylevar forumhead_font};
color:{vb:stylevar forumhead_color};
clear:both;
margin-top: 8px;
float: {vb:stylevar left};
border: {vb:stylevar forumhead_border};
width: {vb:stylevar forumhead_width};
-moz-border-radius-top{vb:stylevar right}: {vb:stylevar forumhead_top_corner_radius};
-moz-border-radius-top{vb:stylevar left}: {vb:stylevar forumhead_top_corner_radius};
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius};
-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
border-top-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius};
border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
}

Chỉnh in đậm thành 100% ;

Tiếp tục vào additional.css , tìm code sau :


.tcat { background:url(images/styles/Movara/style/tcatBG.gif) repeat-x top left;
color: #343b42;
height:47px;
clear:both;
margin-top: 8px;
float: {vb:stylevar left};
border:0;
width: {vb:stylevar forumhead_width};
}

Thay chữ đỏ đậm thành 100% .

Tiếp tục tìm code sau :


.thead_bar .theadrow { background:#fff url(images/styles/Movara/style/theadBG.gif) repeat-x bottom left;
display:block;
width: {vb:stylevar forumhead_width};
float: {vb:stylevar left};
position:relative;
line-height:34px;
font-size:11px;
border: 1px solid #fff;
color:#9e9e9e;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
}

Chỉnh thành 100% . OK vậy là xong .

Chú ý : Tùy vào mỗi style thì có chữ đỏ đậm khác nhau không giống như demo trên , có thể 1 trong 3 đoạn code CSS trên đã được chỉnh về 100% như mặc định . Chắc chắn sẽ có 1 đoạn code CSS như demo trên nếu style có lỗi trên , các bạn tùy chỉnh như hướng dẫn trên là được .

[destop]

èo èo sao nhiều người giỏi quá vậy ta. Chắc chắn đi tầm sư phụ ta vào đây là đúng đắn rồi. Ha ha

[PhucSD]

Cách của anh HTT là một cách mình còn có một cách nữa sưu tầm được từ một thành viên trên ITVNN, cáhc này rất đơn giản, mình đã test thành công

Vào Edit Template của skin đó => Css Template => additional.css => Tìm



.tcatBar {
background:url(images/styles/AnimatedArena/style/tcatBG.gif) repeat-x top left;
color: #837e6e;
height:40px;
clear:both;
margin-top: 8px;
float: {vb:stylevar left};
border:0;
padding:0;
width: {vb:stylevar forumhead_width};
}


Xóa đoạn màu đỏ đi là được

[HTT.itvn]

Cách của anh HTT là một cách mình còn có một cách nữa sưu tầm được từ một thành viên trên ITVNN, cáhc này rất đơn giản, mình đã test thành công

Vào Edit Template của skin đó => Css Template => additional.css => Tìm



.tcatBar {
background:url(images/styles/AnimatedArena/style/tcatBG.gif) repeat-x top left;
color: #837e6e;
height:40px;
clear:both;
margin-top: 8px;
float: {vb:stylevar left};
border:0;
padding:0;
width: {vb:stylevar forumhead_width};
}


Xóa đoạn màu đỏ đi là được

Sao lại xóa cái đó nhỉ ? Trong bản suite của VBB4.1.5 không có vars forumhead_width nên nó chỉ lấy độ rộng mặc định là co giãn theo số ký tự trong forumhead , hay gọi là tcat . Còn thuộc tính float không ảnh hưởng đến chiều dài của forumhead .

[sadoa05]

Cách của anh HTT là một cách mình còn có một cách nữa sưu tầm được từ một thành viên trên ITVNN, cáhc này rất đơn giản, mình đã test thành công

Vào Edit Template của skin đó => Css Template => additional.css => Tìm



.tcatBar {
background:url(images/styles/AnimatedArena/style/tcatBG.gif) repeat-x top left;
color: #837e6e;
height:40px;
clear:both;
margin-top: 8px;
float: {vb:stylevar left};
border:0;
padding:0;
width: {vb:stylevar forumhead_width};
}


Xóa đoạn màu đỏ đi là được


Cách của bạn này thì dc , cách của admin dài dòng mà ko dc