fix giúp mình với..,

[bavuongduongpho]

Bạn nào giúp mình sửa phần lastpost này với: attach



chỉ cần di chuyển ra bìa, chứ ko phải làm dãn ra.


Thank mọi người!

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

Thử lần cuối nè anh : cũng forumbits.css


.forumlastpost {
float: {vb:stylevar right};
clear: {vb:stylevar left};
text-align: {vb:stylevar right};
}

Không được thì chịu thôi. Sức mình có hạn.

[bavuongduongpho]

mình vẫn làm ko đc.

Cho mình hỏi cái này:

http://upanh.tv/images/78441793481469582888.jpg (http://upanh.tv/)

mình muốn tăng độ rộng của phần bên trái, còn phần lastpost thì mình biết

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

Toàn bộ hai cái là forumhome_forumbit_level2. Còn cái thứ nhất không có tên gọi, cái thứ hai là forumlastpost.

[bavuongduongpho]

mình muốn tăng độ rộng của phần bên trái, còn phần lastpost thì mình biết

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

Cái anh cần nó co dãn theo độ rộng chung của row, vì anh có sidebar nên nó chỉ có kích cỡ đó, khi thu gọn sidebar thì nó sẽ tự tăng kích thước.

[bavuongduongpho]

phần lastpost vẫn có thể dãn ra đc nữa mà (mình test rồi), vậy sao phần bên trái lại ko

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

phần lastpost vẫn có thể dãn ra đc nữa mà (mình test rồi), vậy sao phần bên trái lại ko
Ý anh cái forumlastpost dãn như thế nào ? Khi thu gọn sidebar thì nó cũng dãn ra.

P/S : width của forumlastpost là 21%-22%.

[bavuongduongpho]

Ý anh cái forumlastpost dãn như thế nào ? Khi thu gọn sidebar thì nó cũng dãn ra.

P/S : width của forumlastpost là 21%-22%.


.forumbit_post .forumrow .forumlastpost {
width: 30%;
font-size: {vb:stylevar mid_fontSize};
padding-top: {vb:math {vb:stylevar padding}/2};
}
http://upanh.tv/images/99439184280834481250.jpg (http://upanh.tv/)

dãn như thế đó.

nhưng mình ko muốn lastpost dãn mình chỉ muốn phần bên trái dãn thôi: http://upanh.tv/images/78441793481469582888.jpg

[HTT.itvn]

Bạn sửa code :


.forumbit_post .forumrow .forumlastpost {
width: 30%;
font-size: {vb:stylevar mid_fontSize};
padding-top: {vb:math {vb:stylevar padding}/2};
}


Thành :


.forumbit_post .forumrow {
width: 30%;
font-size: {vb:stylevar mid_fontSize};
padding-top: {vb:math {vb:stylevar padding}/2};
}

Sau đó thêm bên dưới đoạn code sau :


.forumlastpost {
left:0px;
width: 30%;
font-size: {vb:stylevar mid_fontSize};
padding-top: {vb:math {vb:stylevar padding}/2};
}

Bạn chỉnh sửa code trên phù hợp nhé ( có thể bỏ left:0px tùy ý bạn nhé ).

[bavuongduongpho]

vẫn ko đc anh ơi, em post code lên nha, chỉ co dãn lastpost chứ ko căn lề phải cho nó đc, giúp em với



@charset "UTF-8";
/* CSS Document */

#forums {
clear:both;
}

.forumhead {
background: {vb:stylevar forumhead_background};
height: 37px;
_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};
}

#forums .L1 .forumhead a {
font: {vb:stylevar forumhead_font};
}

#forums .L1 .forumhead .forumdescription {
display:none;
}

#forums .L1 .L2 {
display:block;
clear: both;
}

#forums a.username {
color: {vb:stylevar link_color};
}

#forums a.username:hover {
color: {vb:stylevar linkhover_color};
}

.forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead {
-moz-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
-webkit-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
}

.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
background: {vb:stylevar forumrow_firstentry_background};
_background-image: none;
border-top: 1px solid {vb:stylevar body_background.backgroundColor};
}

.forumrow + .childsubforum .forumrow, .forumhead + .childforum .L2:first-child .L2 .forumrow, .forumhead + .childforum .L2 .L2:first-child .forumrow {
background: {vb:stylevar forumrow_background};
_background-image: none;
}

.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
background: {vb:stylevar forumrow_background};
_background-image: none;
display:block;
width: 100%;
float: {vb:stylevar left};
min-height: {vb:math {vb:stylevar forumicon_size}+{vb:stylevar padding}}; /* 48px is the icon size */
position:relative;
border-bottom: {vb:stylevar forumbits_border};
border-{vb:stylevar left}: {vb:stylevar forumbits_border};
border-{vb:stylevar right}: {vb:stylevar forumbits_border};
}

.forumbit_nopost .forumbit_nopost .forumrow .forumicon {
position: absolute;
{vb:stylevar left}: {vb:stylevar padding};
top: {vb:math {vb:stylevar padding}/2};
width: {vb:stylevar forumicon_size};
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata {
display: inline-block;
width:100%;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata .datacontainer {
margin-{vb:stylevar left}: {vb:math {vb:stylevar forumicon_size} + {vb:math {vb:stylevar padding}*2}};
}

.forumbit_nopost .forumbit_post .forumrow .forumdata .datacontainer {
margin-{vb:stylevar left}: 0;
}

/* forumbit nopost */
/* forumbit nopost -> forumhead */
.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {
display:block;
float: {vb:stylevar left};
clear: {vb:stylevar right};
font: {vb:stylevar forumhead_font};
padding: {vb:math {vb:stylevar padding}/2-1} 0;
color: {vb:stylevar forumbits_aForum};
}

.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2 {
/*border-top: 1px solid {vb:stylevar body_background.backgroundColor};*/
margin-{vb:stylevar left}: 3px;
margin-{vb:stylevar right}: 3px;
}
.forumbit_nopost {
clear:{vb:stylevar left};
}
.forumbit_nopost .forumrowdata {
clear:both;
display:block;
width: 100%;
}

.forumbit_nopost .subforumdescription {
padding: {vb:math {vb:stylevar padding}/2} {vb:stylevar padding};
font-weight: normal;
color: {vb:stylevar blocksubhead_color};
background: {vb:stylevar blocksubhead_background};
}

.forumbit_post .foruminfo .forumdata {
padding: {vb:math {vb:stylevar padding}/2-1} 0;
font-size: {vb:math {vb:stylevar font.fontSize}-1}px;
}

.forumbit_nopost .forumhead .forumtitle {
font-size: {vb:stylevar font.fontSize};
min-width: 76%;
}

.forumbit_nopost .forumhead .forumtitle a {
color: {vb:stylevar forumbits_aForum};
margin-{vb:stylevar left}: {vb:stylevar padding};
}

.forumbit_nopost .forumhead span, .forumbit_post .forumhead span {
font-size: {vb:math {vb:stylevar font.fontSize}-1}px;
}

.forumbit_nopost .forumhead span.forumlastpost, .forumbit_post .forumhead span.forumlastpost {
width: 21%;
}

.forumbit_nopost .forumhead a.collapse img {
/* values are based on the image */
position:absolute;
top: -15px;
{vb:stylevar right}: -6px;
display:block;
width:13px;
height:13px;
overflow:hidden;
background:transparent url({vb:stylevar imgdir_button}/collapse_collapsed_40b.png) no-repeat;
float: {vb:stylevar right};
clear: {vb:stylevar left};
}

.forumbit_nopost:hover .forumhead a.collapsegadget {
visibility:visible;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata, .forumbit_post .forumrow .forumdata {
padding: {vb:math {vb:stylevar padding}/2} {vb:stylevar padding};
padding-{vb:stylevar left}: 0;
font-size: {vb:stylevar small_fontSize};
}

.forumbit_nopost .forumbit_nopost .foruminfo .subforums {
margin-{vb:stylevar left}: {vb:stylevar padding};
position: relative;
top: -{vb:stylevar padding};
}

/* forumbit post */
.forumbit_post {
float: {vb:stylevar left};
position:relative;
width: 100%;
display:block;
}

.forumbit_post .forumhead span {
padding: 0;
}

.forumbit_post .forumhead .forumlastpost {
top: 0;
margin-top: 0;
}

.forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2{
padding: {vb:math {vb:stylevar padding}/2} 0;
}

/* commenting this out for the time being as it is included for test
.forumbit_post .forumstats {
background: #f2f6f8;
margin: 0;
padding-bottom: 15px;
overflow:hidden;
}
*/
.forumbit_post .forumhead .forumtitle {
width: 86%;
}

.forumbit_post .forumhead .forumtitle span {
padding: 0;
padding-{vb:stylevar left}: {vb:stylevar padding};
}

.forumbit_post .foruminfo {
width: 57%;
min-width: 30%;
float: {vb:stylevar left};
clear: {vb:stylevar right};
min-height: {vb:stylevar forumicon_size};
}

.forumbit_post .foruminfo .forumicon{
position: absolute;
{vb:stylevar left}: {vb:stylevar padding};
width: {vb:stylevar forumicon_size};
}

.forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing {
float: {vb:stylevar left};
clear: {vb:stylevar right};
color: {vb:stylevar forumbits_text_color};
}

.forumbit_post .foruminfo .viewing {
white-space:nowrap;
}

.forumbit_post .foruminfo .forumdata {
padding: 0;
width: 100%;
}

.forumbit_post .foruminfo .forumdata .datacontainer {
float: {vb:stylevar left};
width: 88%;
padding-{vb:stylevar left}: {vb:math {vb:stylevar forumicon_size} + {vb:math {vb:stylevar padding}*2}};
}

.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {

font-size: {vb:stylevar font.fontSize}px;
margin-{vb:stylevar right}: {vb:stylevar padding};
}

.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
/* color: {vb:stylevar link_color}; */
font-weight:bold;
}

.childsubforum .forumbit_post .foruminfo .forumdata .datacontainer .forumtitle a {
padding-{vb:stylevar left}:1.8em;
background:url('{vb:stylevar imgdir_misc}/child_forum.png') top {vb:stylevar left} no-repeat;
}

.forumbit_post .foruminfo .forumdata .viewing {
font-style: italic;
margin-{vb:stylevar right}:{vb:stylevar padding};
margin-top: 3px;
font-size: {vb:math {vb:stylevar font.fontSize}-2}px;
}

.forumbit_post .forumactionlinks {
width: 5%;
display:block;
float:{vb:stylevar left};
clear:{vb:stylevar right};
}

.forumbit_post .forumactionlinks li {
display: inline;
}

.forumbit_post .forumactionlink {
/* values based on icon size */
display:block;
width:18px;
height:12px;
overflow:hidden;
float: {vb:stylevar right};
clear: {vb:stylevar left};
background:transparent none no-repeat;
position: relative;
margin: 3px {vb:stylevar padding} 0 0;
}

.forumactionlink a {
/* values based on icon size */
display:block;
padding-{vb:stylevar left}:18px;
}

.forumactionlinks .rsslink {
background-image:url({vb:stylevar imgdir_misc}/rss_40b.png);
}

.forumactionlinks .subslink {
background-image:url({vb:stylevar imgdir_misc}/subscribed_40b.png);
}
.forumactionlinks .unsubslink {
background-image:url({vb:stylevar imgdir_misc}/unsubscribed_40b.png);
}
.forumbit_post .forumdescription {
display:block;
clear:both;
padding-{vb:stylevar right}: {vb:stylevar padding};
}

.forumbit_post .unsubscribe {
display:block;
{vb:stylevar right}: 0;
top: 2px;
}

.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
display: block;
float: {vb:stylevar left};
clear: {vb:stylevar right};
width: 2%;
margin-{vb:stylevar right}: 2%;
}

.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li{
font-size: {vb:stylevar mid_fontSize}{vb:stylevar font.units};
text-align: {vb:stylevar right};
padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}*2};
display:block;
}


.forumbit_post .forumlastpost {
display:block;
float: {vb:stylevar left};
clear: {vb:stylevar right};
}

.forumbit_post .forumrow {
width: 100%;
font-size: {vb:stylevar mid_fontSize};
padding-top: {vb:math {vb:stylevar padding}/2};
}

.forumbit_post .forumlastpost .lastpostdate {
font-size: {vb:stylevar small_fontSize};
}

.forumbit_post .forumlastpost .lastposttitle a, .forumbit_post .forumlastpost .lastpostby a {
/* color: {vb:stylevar link_color}; */
}

.lastpostlabel {
display: none;
}

.moderators, .subforums {
display: block;
clear:both;
}

.moderators h4, .subforums h4 {
font-weight: bold;
padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
}

.moderators h4, .moderators .commalist, .subforums h4, .subforums .commalist {
float:{vb:stylevar left};
clear:{vb:stylevar right};
}

/* Project Tools Forum Display */
.forumstats dt {
display: inline;
margin-{vb:stylevar right}: 0;
}

.forumstats dl {
color: {vb:stylevar body_color};
font-size: {vb:stylevar mid_fontSize};
display: block;
text-align: {vb:stylevar right};
}

.forumstats dd {
display: inline-block;
padding-{vb:stylevar left}: {vb:stylevar padding};
padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}*2};
}

.forumstats dt:after {
content:":";
}
.forumlastpost {
right:0px;
width: 30%;
font-size: {vb:stylevar mid_fontSize};
padding-top: {vb:math {vb:stylevar padding}/2};
}

[HTT.itvn]

Muốn nó giãn ra thì phải chỉnh cả foruminfo ( phần bên trái ) nữa . Ở forumbits.css em tìm code sau :


.forumbit_post .foruminfo {
width: 57%;
min-width: 30%;
float: {vb:stylevar left};
clear: {vb:stylevar right};
min-height: {vb:stylevar forumicon_size};
}


Chỉnh thông số 57% tùy ý , nhưng chú ý điều này : nếu chỉnh forumlastpost giảm ( hay tăng ) % bao nhiêu thì chỉnh foruminfo tăng ( hay giảm ) lên bấy nhiêu và độ rộng của foruminfo phải nhỏ hơn độ rộng của forumbit_post . Nếu chỉnh foruminfo tăng % nhiều so với sự chênh lệch của forumlastpost so với ban đầu thì phần forumlastpost sẽ bị đẩy xuống dòng .

Giải thích cho em hiểu thế này . Do position của forumbit_post là relative , nên các class nằm trong nó ( các class này có thể không khai báo position ) sẽ được sắp xếp khoảng cách canh trái bằng độ rộng của class trước . Như vậy trong class forumbit_post gồm có class foruminfo ( phần chứa tên thư mục ) , forumicon ( phần chứa icon của thư mục ) , forumstats , forumlastpost ... sẽ được canh bên trái mặc định bằng chiều rộng của class trước gần kề nó + padding/2 + khoảng cách của class trước gần kề nó . Nếu khoảng cách của class nào lớn hơn class forumbit_post sẽ bị đẩy xuống dòng