PDA

View Full Version : Xin hỏi mod chia forum thành 2 cột như thế này tên là gì?



thang32k
20-04-2011, 08:28 AM
xem demo như trang: game8.vn/forum.php

Thấy đẹp quá :MatCuoi (16): ace biết thì chỉ giúp.

xuanmao87
20-04-2011, 11:31 AM
dùng cho vbb4:
http://www.mediafire.com/?on47kft84m7ali8

thang32k
20-04-2011, 12:30 PM
[QUOTE=xuanmao87;52559]dùng cho vbb4:


Bạn có thể cho demo ko!.......................................

Dunglx
20-04-2011, 12:32 PM
[QUOTE=xuanmao87;52559]dùng cho vbb4:


Bạn có thể cho demo ko!.......................................

Bạn yêu cầu giúp đỡ thì có người giúp demo chính là cái bạn đưa ra đó không có demo đó sao ai giup được bạn
Vì vậy demo chính là rum bạn trick link đó thôi

Tiểu Bá Vương 1404
20-04-2011, 05:57 PM
xem demo như trang: game8.vn/forum.php...
Chú ý tìm kiếm cái mình cần trước khi ra câu hỏi, gần đây có đề tài về vấn đề này rồi : http://itvnn.net/showthread.php?27303 và ngay dưới đề tài này trong khung Similar Threads cũng có một bài : http://itvnn.net/showthread.php?10688

P.S : Phạt 1 điểm để nhớ quy định.

thang32k
01-05-2011, 02:54 PM
Lâu ngày vào itvnn thấy bị phạt lạ quá :MatCuoi (8):
Thứ nhất : cái này đã đọc vào ko giải quyết vấn đề gì : http://itvnn.net/showthread.php?10688
Thứ 2: Cái này thì ko phải là mod và phải can thiệp quá sâu : http://itvnn.net/showthread.php?27303-%C4%90%E1%BA%B7t-forum-n%E1%BA%B1m-ngang
@dunglx: bên HQTH không dùng dc cho vbb4. Mấy cái mod loại này cho vbb3 không dùng dc cho vbb 4. Mình đã tìm trên mấy 4rum khác mà vẫn chưa ai fix lại mod này.
@All: Cảm ơn ace giúp đở.

Tiểu Bá Vương 1404
01-05-2011, 03:09 PM
Lâu ngày vào itvnn thấy bị phạt lạ quá...
Phạt có nguyên nhân thế mà la.
Dùng mod cũng chẳng được gì. Chèn cái code sau vào additional.css :


.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
border-top: 0;
}
.forumrow .table {
height: 100px;
}
ol.childforum {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.childforum li.forumbit_post {
float: left;
width: 50%;
margin: 0;
padding: 0;
clear:none;
}
#forums .L1 .L2 {
clear:none;
}
.forumbit_post .forumrow .forumlastpost {
clear:both;
width:95%;
}
.forumbit_post .forumlastpost .lastpostby {
display: block;
float: left;
}
.forumbit_post .forumlastpost .lastpostdate {
display: block;
float: right;
}
.forumbit_post .forumlastpost .lastposttitle {
display: block;
float: left;
}
.forumbit_post .foruminfo {
clear:right;
float:left;
min-width:50%;
width:70%;
}
.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
width:20%;
}

Thêm cái này nếu muốn bỏ shadow :


*{ -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}

Thêm cái này nếu muốn chia cột cho sub-forum (không dùng mod) :


.subforums ol.subforumlist {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.subforumlist li.subforum {
float: left;
width: 50%;
margin: 0;
padding: 0;
clear:none;
}
/* to remove the commas */
.commalist li.subforum:after {
content:"";
}

s0ct0j0c
04-05-2011, 06:06 PM
FORUMHOME
Tìm

{vb:raw headinclude_bottom}

Chèn vào sau:

<style type="text/css">
<!--
/* Start Css chinh lai */
.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
border-top: 0;
}
.forumrow .table {
height: 200px;
}
ol.childforum {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.childforum li.forumbit_post {
float: left;
width: 50%;
margin: 0;
padding: 0;
clear:none;
}
#forums .L1 .L2 {
clear:none;
}
.forumbit_post .forumrow .forumlastpost {
clear:both;
width:95%;
}
.forumbit_post .forumlastpost .lastpostby {
display: block;
float: left;
}
.forumbit_post .forumlastpost .lastpostdate {
display: block;
float: right;
}
.forumbit_post .forumlastpost .lastposttitle {
display: block;
float: left;
}
.forumbit_post .foruminfo {
clear:right;
float:left;
height:68px;
min-width:50%;
width:100%;
margin-left:-9px;
margin-right:5px;
}
.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
width:20%;
}
subforums ol.subforumlist {
float: left;
width: 400px;
margin: 0;
padding: 0;
}
.subforumlist li.subforum {
float: left;
width: 50%;
margin: 0;
padding: 0;
clear:none;
}
/* to remove the commas */
.commalist li.subforum:after {
content:"";
}
/* End Css chinh lai*/
-->
</style>Thay thế các Tem sau

forumhome_forumbit_level1_nopost


<li class="forumbit_nopost L1" id="cat{vb:raw forum.forumid}">
<div class="forumhead foruminfo L1 collapse">
<h2>
<span class="forumtitle"><a href="{vb:link forum, {vb:raw forum}}">{vb:raw forum.title}</a></span>
<vb:if condition="!$show['collapsable_forums']">
<a class="collapse" id="collapse_c_cat{vb:raw forum.forumid}" href="{vb:raw relpath}#top"><img src="{vb:stylevar imgdir_button}/collapse_40b.png" alt="" title="{vb:rawphrase collapse_this_category}" /></a>
</vb:if>
</h2>

<vb:if condition="$show['forumdescription'] OR $show['subforums']">
<div class="forumrowdata">
<vb:if condition="$show['forumdescription']"><p class="subforumdescription">{vb:raw forum.description}</p></vb:if>

<vb:if condition="$show['subforums']">
<div class="subforums">
<h4 class="subforumlistlabel">{vb:rawphrase subforums}:</h4>
<ol class="subforumlist commalist">
{vb:raw forum.subforums}
</ol>
</div>
</vb:if>
</div>
</vb:if>
</div>
<vb:if condition="$childforumbits">
<ol id="c_cat{vb:raw forum.forumid}" class="childforum">
{vb:raw childforumbits}
</ol>
</vb:if>
</li>forumhome_forumbit_level2_post


<li id="forum{vb:raw forum.forumid}" class="forumbit_post L2">
<div class="forumrow table">
<div class="foruminfo td">
<img src="{vb:stylevar imgdir_statusicon}/{vb:raw forum.imageprefix}forum_{vb:raw forum.statusicon}-48.png" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}" alt="" />
<div class="forumdata">
<div class="datacontainer">
<div class="titleline">
<h2 class="forumtitle"><a href="{vb:link forum, {vb:raw forum}}">{vb:raw forum.title}</a>
<vb:if condition="$forum['statusicon'] != 'link'">
<h4 class="lastpostlabel">{vb:rawphrase threads}: {vb:raw forum.threadcount}</h4>
</vb:if>
<vb:if condition="$show['browsers']">
<span class="viewing">({vb:raw forum.browsers} {vb:rawphrase viewing})</span>
</vb:if>
</h2>
</div>
<vb:if condition="$show['forumdescription']">
<p class="forumdescription">{vb:raw forum.description}</p>
</vb:if>
<vb:if condition="$show['subforums']">
<div class="subforums">
<h4 class="lastpostlabel">{vb:rawphrase threads}: {vb:raw forum.threadcount}</h4>
<h4 class="lastpostlabel">{vb:rawphrase posts}: {vb:raw forum.replycount}</h4>
<h4 class="subforumlistlabel">{vb:rawphrase subforums}:</h4>
<ol class="subforumlist commalist">
{vb:raw forum.subforums}
</ol>
</div>
</vb:if>
<vb:if condition="$forum['statusicon'] != 'link'">
<div>
<p class="forumdescription">
{vb:rawphrase threads}: {vb:raw forum.threadcount}
{vb:rawphrase posts}: {vb:raw forum.replycount}
</p>
</div>
<div>{vb:raw forum.lastpostinfo}</div>
</vb:if>
</div>
</div>
</div>
</div>
</li>
forumhome_lastpostby


<vb:if condition="$show['lastpostinfo']">
<div class="lastpostby">Last post:
<a href="{vb:link thread, {vb:raw threadinfo}, {vb:raw pageinfo_newpost}}#post{vb:raw lastpostinfo.lastpostid}" class="threadtitle" title="{vb:rawphrase go_first_unread_in_thread_x, {vb:raw lastpostinfo.lastthread}}">{vb:raw lastpostinfo.trimthread}</a>
<a href="{vb:link thread, {vb:raw threadinfo}, {vb:raw pageinfo_newpost}}#post{vb:raw lastpostinfo.lastpostid}"><img src="{vb:stylevar imgdir_button}/lastpost-{vb:stylevar right}.png" alt="{vb:rawphrase go_to_last_post}" /></a>
<vb:if condition="$lastpostinfo['lastposterid']"></vb:if>
</div>
</vb:if>
Có lỗi gì nữa cứ report ở đây nhé ^^! Đảm bảo 100% như game 8 :MatCuoi (38):

Tiểu Bá Vương 1404
04-05-2011, 06:34 PM
...Có lỗi gì nữa cứ report ở đây nhé ^^! Đảm bảo 100% như game 8...
Đụng vào temp mệt lắm, sau này có muốn thay đổi hay thêm bớt gì cực kì phiền hà, chỉ nên dùng css là tối ưu hơn cả.

boi_vi_anh_thuong_em
21-08-2011, 06:45 PM
Phạt có nguyên nhân thế mà la.
Dùng mod cũng chẳng được gì. Chèn cái code sau vào additional.css :


.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
border-top: 0;
}
.forumrow .table {
height: 100px;
}
ol.childforum {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.childforum li.forumbit_post {
float: left;
width: 50%;
margin: 0;
padding: 0;
clear:none;
}
#forums .L1 .L2 {
clear:none;
}
.forumbit_post .forumrow .forumlastpost {
clear:both;
width:95%;
}
.forumbit_post .forumlastpost .lastpostby {
display: block;
float: left;
}
.forumbit_post .forumlastpost .lastpostdate {
display: block;
float: right;
}
.forumbit_post .forumlastpost .lastposttitle {
display: block;
float: left;
}
.forumbit_post .foruminfo {
clear:right;
float:left;
min-width:50%;
width:70%;
}
.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
width:20%;
}

Thêm cái này nếu muốn bỏ shadow :


*{ -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}

Thêm cái này nếu muốn chia cột cho sub-forum (không dùng mod) :


.subforums ol.subforumlist {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.subforumlist li.subforum {
float: left;
width: 50%;
margin: 0;
padding: 0;
clear:none;
}
/* to remove the commas */
.commalist li.subforum:after {
content:"";
}



cách này bị lệch như thường , demo http://66vn.net

aluco
27-12-2012, 09:18 PM
admin xóa nick aluco jum mình với, mình vào hỏi bài mà xóa bài mình rồi, chán quá.

xóa nick mình jum nhé. thanks

phcomvn
13-06-2013, 09:25 AM
Rất đơn giản các bạn ạ. Trước tiên hãy xem demo tại đây (http://toichon.com)
Bạn vào Styles & Templates --> Search in Templates và tìm:
additional.css

Chèn vào phía trên cùng đoạn code sau:


/* Chia forum thanh 2 cot
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#forums .L1 .L2 {
display:block;
clear:none !important;
}

/* co gian thanh tcat
~~~~~~~~~~~~~~~~~~~~~~~~*/
.forumhead {
margin-left: 3.5px;
width: 99%;
height: 38px;
}
/*~~~~~~~~~~~~~~~~~~~~~~*/

/* thong so moi block
~~~~~~~~~~~~~~~~~~~~~~~~*/
#forums .forumbit_post {
display:block;
float:left;
margin: 3.5px;
height: 115px;
position:relative;
width: 49%;
}

Như vậy là bạn đã chia forum thành 2 cột rồi. Tuy nhiên để được như Demo thì bạn phải chỉnh sửa CSS nhiều lắm. Bạn nào cần thì Comment để mình hướng dẫn từng bước.
Nguồn: toichon.com (http://toichon.com/threads/34559-TUT-Chia-forum-VBB-thanh-2-cot-don-gian-khong-can-Mod.html)