[Thông báo] Chuyển diễn đàn


Diễn đàn về free Code sẽ chuyển sang ICT2.net







You are not connected. Please login or register

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

1code Index_box 2 cột on 24/4/2012, 11:19 am

duongcam.ict


Admin
Admin
Loading
1. Thêm đoạn sau vào CSS:


Code:
    li.main-content {list-style: none; display:inline; width:48.5%}
    ul#c3z {list-style: none; padding: 4px;width:100% !important;margin: 0;float: left}
    #c3z li {width:48.5%;float: left;margin-left: 0px; padding: 4px;}
    .c3zone strong, .c3zone img {float:right}
    .c3zone a {font-weight:bold; font-size:11px;padding-right:5px}
    .tren_trai { background: url(http://i20.servimg.com/u/f20/14/50/49/34/tren_t10.gif) no-repeat bottom left; height:14px; }
    .tren_phai { background: url(http://i20.servimg.com/u/f20/14/50/49/34/tren_p10.gif) no-repeat bottom right; height:14px; }
    .tren { background: url(http://i20.servimg.com/u/f20/14/50/49/34/tren10.gif) repeat-x bottom left; height:14px; }
    .duoi_trai { background: url(http://i20.servimg.com/u/f20/14/50/49/34/duoi_t10.gif) no-repeat top left; height:14px; }
    .duoi_phai { background: url(http://i20.servimg.com/u/f20/14/50/49/34/duoi_p10.gif) no-repeat top right; height:14px; }
    .duoi { background: url(http://i20.servimg.com/u/f20/14/50/49/34/duoi10.gif) repeat-x top left; height:14px; }
    .doc_trai { background: url(http://i20.servimg.com/u/f20/14/50/49/34/doc_tr10.gif) repeat-y top left; }
    .doc_phai { background: url(http://i20.servimg.com/u/f20/14/50/49/34/doc_ph10.gif) repeat-y top right; }
    .forum_info{background-color: #FFFFFF;border: 1px dashed #CDCDCD;padding: 2px 3px 2px 3px;margin-top: 3px;}
    .smallfont {font-size: 11px}

    #smallrum{padding: 0.4em 1em;margin: 3px 1px;
    background: #ccf0ff none;
        -moz-box-shadow: -2px 2px 2px #c8c8c8;
        -webkit-box-shadow: -2px 2px 2px #c8c8c8;box-shadow: -2px 2px 2px #c8c8c8;color: #ccf0ff;width: 355px;}
    #smallrum a img{vertical-align: middle; padding-right: 2px;}
    #smallrum a.gensmall {
    display: inline-block;
    text-align: left;
    width: 160px;
    }


2. Thay vào index_box


Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}

        {CURRENT_TIME}

        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="tborder" border="0" align="center" cellpadding="6" cellspacing="1" width="100%">
  <tr>
      <td class="tcat" colspan="5">
        <a style="float: right;" href="#top"><img src="http://i27.servimg.com/u/f27/14/67/90/38/collap10.gif" alt="" border="0"></a>
{catrow.tablehead.L_FORUM}     
      </td>
  </tr>
<tr><td>
<ul id="c3z">
  <!-- END tablehead -->
  <!-- BEGIN forumrow --><li class="main-content">
<!-- begin vien top setup -->
<div class="tren">
<div class="tren_trai">
<div style="" class="tren_phai">
</div></div></div>
<div class="doc_trai">
<div class="doc_phai">
<div class="doc_duoi">
<div style="padding-left: 14px; padding-right: 14px;">
<!-- end vien top setup -->
<table>
<tbody><tr>
<td>
 <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>

<td><a class="smallfont" href="{catrow.forumrow.U_VIEWFORUM}"><strong><font color="darkred">{catrow.forumrow.FORUM_NAME}</font></strong></a>

<span class="smallfont">{catrow.forumrow.FORUM_DESC}</span>
</td>
</tr>
</tbody></table>



<div class="smallfont"><strong><center>
Chủ đề: {catrow.forumrow.TOPICS} | Bài gửi: {catrow.forumrow.POSTS}
</center></strong></div>
<div class="forum_info">
<div class="smallfont" align="left">

  <div style="white-space: nowrap;" class="c3zone">
        {catrow.forumrow.LAST_POST}
</div></div>
</div>

<div class="forum_info">
            <!-- BEGIN switch_moderators_links -->
  {catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            <div id="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
</div>

<!-- begin vien bot setup -->
</div></div></div></div>
<div class="duoi">
<div class="duoi_trai">
<div class="duoi_phai">
</div></div></div>

</li></span>
  <!-- END forumrow -->
  <!-- BEGIN tablefoot --></ul></td></tr></table>
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


Một số bạn làm ko được là do chiều rộng forum quá hẹp. Vì thế bạn thay đổi thông số 48.5% trong code CSS cho phù hợp.


Nguồn: http://baivong.forumclan.com/t1077-topic

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết