[Hỏi] cách kéo dãn chiều rộng của forum ?

[trapstraps]

http://imageshack.us/photo/my-images/534/20110808135458.png/4174
Cho hỏi cách kéo dãn forum max màn hình (theo chiều rộng) như hình trên trong forum VBB 4 thì phải chỉnh giá trị nào. Cám ơn :MatCuoi (38):

[PhucSD]

Vào stylevar của skin, tìm doc_width ,rồi chọn doc_width, sửa giá trị thành auto

[Tiểu Bá Vương 1404]

Một lời khuyên cho các bạn làm chủ một diễn đàn vBulletin về trường hợp này, phương án tốt nhất cho một giao diện của diễn đàn là có một độ rộng thích hợp. Bạn có thể lựa chọn một style fixed (cố định chiều rộng), nhưng như thế vẫn chưa phải là tối ưu.
Theo kinh nghiệm (kém cỏi của mình) thì bạn nên đặt ở các mức như sau sẽ vẫn hợp lí :
- doc_minWidth :
- - Units : px
- - Size : 955
- doc_width :
- - Units : px
- - Size : 955
- doc_margin :
- - Units : [trống]
- - Top : 0
- - Right : auto
- - Bottom : 0
- - Left : auto

[hanhkhat]

Một lời khuyên cho các bạn làm chủ một diễn đàn vBulletin về trường hợp này, phương án tốt nhất cho một giao diện của diễn đàn là có một độ rộng thích hợp. Bạn có thể lựa chọn một style fixed (cố định chiều rộng), nhưng như thế vẫn chưa phải là tối ưu.
Theo kinh nghiệm (kém cỏi của mình) thì bạn nên đặt ở các mức như sau sẽ vẫn hợp lí :
- doc_minWidth :
- - Units : px
- - Size : 955
- doc_width :
- - Units : px
- - Size : 955
- doc_margin :
- - Units : [trống]
- - Top : 0
- - Right : auto
- - Bottom : 0
- - Left : auto


các mức này hợp lý đây

[santosfc]

rất chi là hợp lý. có thể hiển thị tốt trên các cấu hình máy .

[HTT.itvn]

Thu nhỏ cái này thì chỉnh ở đâu hả các bác ???

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

- doc_width : điều chỉnh như bài #3 hoặc để auto
- doc_maxwidth: để 955px
- doc_minwidth: 650px

[xoắn]

Thu nhỏ cái này thì chỉnh ở đâu hả các bác ???


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

- doc_width : điều chỉnh như bài #3 hoặc để auto
- doc_maxwidth: để 955px
- doc_minwidth: 650px

Ơ cái hình attach của em nó biến đâu mất rồi ???

Ý của em là muốn điều chỉnh độ dầy mỏng của 2 thanh này ạ :

http://itvnn.net/attachment.php?attachmentid=4186&d=1312891251

[HTT.itvn]

Ơ cái hình attach của em nó biến đâu mất rồi ???

Ý của em là muốn điều chỉnh độ dầy mỏng của 2 thanh này ạ :

http://itvnn.net/attachment.php?attachmentid=4186&d=1312891251


Vào adminCP >> Styles & Templates >> Style manager >> Chọn style >> StyleVars >> CSS Templates >> additional.css

- Chỉnh forumhead : tìm code sau




.tcat {
background:url(images/styles/ShinyBlue/style/tcatBG.gif) repeat-x top left;
color: #fff;
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;
height:38px;
}
.tcatRight {
background:url(images/styles/ShinyBlue/style/tcatRight.gif) no-repeat top right;
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;
}
.tcat a:hover {


}
.tcat .tcatCollapse {
float:right;
position:absolute;
top:10px;
right:10px;
}




- Với Theadbar , tìm code sau :


.thead_bar .theadrow { background:#035497 url(images/styles/ShinyBlue/style/theadBG.gif) repeat-x top left;
display:block;
width: 100%;
float: {vb:stylevar left};
position:relative;
line-height:22px;
font-size:12px;
border:1px solid #0569ab;
border-bottom:1px solid #004680;
border-top:1px solid #1f91c5;
color:#b3dde8;
}

Chỉnh sửa dòng màu đỏ và xanh cho phù hợp . Chú ý là các thông số dòng màu đỏ phải giống nhau nhé .

[trandiem2210]

Thu nhỏ cái này thì chỉnh ở đâu hả các bác ???



Ơ cái hình attach của em nó biến đâu mất rồi ???

Ý của em là muốn điều chỉnh độ dầy mỏng của 2 thanh này ạ :

http://itvnn.net/attachment.php?attachmentid=4186&d=1312891251

Trường hợp Style mặc định thì edit chỗ nào các bạn ?
Mình thấy additional.css của Style mặc định trống không :MatCuoi (10):

[VNSAF]

Trường hợp Style mặc định thì edit chỗ nào các bạn ?
Mình thấy additional.css của Style mặc định trống không :MatCuoi (10):
Cái mặc định ngày xưa mình dùng 4.1.7 thì tìm thấy, giờ bản 4.1.11 thì tìm hoài không thấy chỗ nào?

[PhucSD]

Trường hợp Style mặc định thì edit chỗ nào các bạn ?
Mình thấy additional.css của Style mặc định trống không :MatCuoi (10):

Thực chất những cái chiều rộng của thanh forumhead là padding của forumtitle , muốn chỉnh sửa nó thì bạn vào forumhome.css trong css templates của style và tìm dòng



.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {


và sửa dòng padding thành padding: (chỉnh lại thành con số mong muốn) 0; vd như padding: 6px 0;
lưu và xem KQ

[VNSAF]

Thực chất những cái chiều rộng của thanh forumhead là padding của forumtitle , muốn chỉnh sửa nó thì bạn vào forumhome.css trong css templates của style và tìm dòng




.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {


và sửa dòng padding thành padding: (chỉnh lại thành con số mong muốn) 0; vd như padding: 6px 0;
lưu và xem KQ

Thay như vậy không được cậu ơi, phải sửa nó thành

padding: {vb:math {vb:stylevar padding}/1-1} 0;
Mới được :-(||>

[PhucSD]

Thay như vậy không được cậu ơi, phải sửa nó thành

Mới được :-(||>

:)) bạn à, nếu như bạn chỉnh trong padding trong stylevar thì cả forum sẽ loạn lên đấy cái {vb:math {vb:stylevar padding}/1-1} thực chất là thông số padding-top và padding-bottom, cho nên bạn phải xóa dòng {vb:math {vb:stylevar padding}/1-1} và thay bằng số px mà bạn thích khoảng 7px là đẹp đó :), thử xem mình có sai không !

[VNSAF]

:)) bạn à, nếu như bạn chỉnh trong padding trong stylevar thì cả forum sẽ loạn lên đấy cái {vb:math {vb:stylevar padding}/1-1} thực chất là thông số padding-top và padding-bottom, cho nên bạn phải xóa dòng {vb:math {vb:stylevar padding}/1-1} và thay bằng số px mà bạn thích khoảng 7px là đẹp đó :), thử xem mình có sai không !

Tớ dùng vbb 4.1.11 chỉnh như cách của bạn nó vỡ tùm lum luôn, hic lai phải chạy lại cái lệnh trên thì lại bình thường!

[HTT.itvn]

Cái mặc định ngày xưa mình dùng 4.1.7 thì tìm thấy, giờ bản 4.1.11 thì tìm hoài không thấy chỗ nào?

Mặc định chính là forumhead , cậu vào 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: 100%;
-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};
}

Thêm như 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: 100%;
-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};
line-height:40px;
}

Thay số 40 bằng chiều cao của forumhead mà cậu muốn chỉnh.