Vuilam Community Entertainment

Diễn Đàn Giải Trí Tổng Hợp

Latest topics

» Hướng dẫn làm nhiệm vụ GTA San AnDreas
by Dương Tiến Vinh Tue Jul 28, 2015 11:02 pm

» I-Ninja [Full PC]
by thanglun2 Sun Apr 26, 2015 4:53 pm

» Theme - Naruto ( Cực Hot Cực Hot )
by sayedn73 Fri Feb 13, 2015 10:14 am

» Dynasty Warriors 6 [Full PC]
by dungfa1992 Wed Dec 31, 2014 9:17 pm

» Gun Metal - Tranfomer Wars [Full PC]
by nghia6541 Tue Dec 30, 2014 9:11 am

» Theme :Sao Băng
by sayedn73 Sun Dec 21, 2014 9:41 am

» Theme dành cho fangirl(đặc biệt là fan DBSK)
by sayedn73 Sun Dec 21, 2014 9:31 am

» Share Code Viewtopic_body VBB By SockDust
by sayedn73 Sun Dec 21, 2014 8:12 am

» The House Of The Dead III [Full PC]
by kriskiller Sat Sep 13, 2014 9:36 am

» [Da Liễu] Bệnh vảy nến
by con_zubo Wed Nov 13, 2013 10:31 am

» Game Lego Batman (Full DVD)
by hotel1221 Mon May 27, 2013 11:02 am

» Game G-Force | Biệt Đội Chuột Lang (Full DVD)
by hotel1221 Mon May 27, 2013 10:52 am

» Game Phá Hàng Xóm 2
by hotel1221 Mon May 27, 2013 10:49 am

» Day Of The Zombie [Full PC]
by hotel1221 Sun May 26, 2013 6:25 pm

» Neighbours From Hell 1 + 2
by tuanvu0707 Wed Apr 10, 2013 10:10 am


    [sưu tầm - Edit lại] Viewtopic body ngang đơn giản, có khung tài sản nằm giữa,chữ ký có thanh kéo...

    Share
    avatar
    ╬VipΩPro╬
    Rìu Bạc
    Rìu Bạc

    Cảnh Báo :
    0 / 1000 / 100

    Lý Do Vi Phạm : An Toàn
    Giới tính Giới tính : Nam Cung Sinh Cung Sinh : Pisces
    Posts Posts : 117
    SDPoints SDPoints : 368
    Thanked Thanked : 6
    Tham Gia Tham Gia : 16/09/2011
    Tuổi Tuổi : 20
    Đến từ Đến từ : Hà Ná»™i
    Sở Thích Sở Thích : Computer,....
    Châm Ngôn Sống Châm Ngôn Sống : Nản,....
    30092011

    Icon 1 [sưu tầm - Edit lại] Viewtopic body ngang đơn giản, có khung tài sản nằm giữa,chữ ký có thanh kéo...

    Bài gửi by â•¬VipΩPro╬

    Demo hình:

    Demo link:
    Code:
    http://www.tpdieuky.tk/t356-topic
    thay toàn bộ Viewtopic body bằng:
    Code:
    <script type="text/javascript">
    //<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}';
    var multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
    //]]>
    </script>

    <table width="100%" border="0" cellspacing="2" cellpadding="0">

      <tr>
          <td align="left" valign="middle" nowrap="nowrap">
            <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle"

    border="0" /></a>
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
            </span>
          </td>
                <!-- BEGIN insert_plus_menu -->
          <td align="right" valign="bottom" nowrap="nowrap" width="100%">
            <span class="smallfont bold">
                <script type="text/javascript">
                //<![CDATA[
                  insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                //]]>
                </script>
            </span>
          </td>
          <!-- END insert_plus_menu -->
      </tr>
    </table>




     <div class="tren"> <div class="tren_trai"> <div class="tren_phai"> </div></div></div><div class="doc_trai"> <div class="doc_phai"> <div class="doc_duoi"> <div style="padding-left:8px; padding-right:8px;"><div class="gensmall">



    <table class="tborder" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr align="right">
          <td class="catHead" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="9%" class="tcat" height="28"></td>
                  <td align="center" nowrap="nowrap" class="tcat"><!-- google_ad_section_start -->{TOPIC_TITLE}<!--

    google_ad_section_end --></td>
                  <td align="right" nowrap="nowrap" width="9%" class="tcat"><a

    href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                </tr>
            </table>
          </td>
      </tr>
      <tr>
          <td class="alt1" colspan="2" align="right" valign="top"><span class="smallfont">{PAGINATION}</span></td>
      </tr>
     
      {POLL_DISPLAY}
      <!-- BEGIN postrow -->
      <!-- BEGIN displayed -->

     


    <table class="tborder" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr><td  class="thead" height="20" colspan="3"><span class="smallfont">  <img src="{postrow.displayed.MINI_TIME_IMG}"

    alt="" border="0" />{postrow.displayed.POST_DATE}</span></td></tr>
      <tr class="post">
          <td class="alt2" valign="top" width="200" colspan="3">
                       

    <table cellpadding="0" cellspacing="6" border="0" width="100%">
                  <tr>


                                <td class="alt2">






    <table cellSpacing="0" cellPadding="0" border="0" style="width:auto">
    <div align="center"><td><span class="avatar1">{postrow.displayed.POSTER_AVATAR}</span></td></div>
    </table>
    </td>
                                <td align="left" width="55%">
         
    <a name="{postrow.displayed.U_POST_ID}"></a><strong><font size="3" face="Verdana,Arial">{postrow.displayed.POSTER_NAME}</font></strong>


            <span class="smallfont">
            <strong>{postrow.displayed.POSTER_RANK}</strong><br>
    {postrow.displayed.RANK_IMAGE}       
                </span>
    </td>
               
     

    <td align="center" width="100%"><div style="min-height: 0px; max-width: 100%; background-color: transparent; margin: 0px; padding: 0px;"><div style=""> <fieldset><legend><left>Tài Sản của {postrow.displayed.POSTER_NAME}</span></a></left></legend> {postrow.displayed.POSTER_RPG}<br></fieldset></div></div></div></span></div></span></div></span></div></span></div></div></center></div>
    </td>
     
     
                              <td align="left" width="30%"><span class="smallfont"><div style="background:
    url(http://illiweb.com/fa/pbucket.gif); height:
    19px; width: 39px; border:
    0px;display:inline-block;">{postrow.displayed.ONLINE_IMG}</div> 
                <!-- BEGIN profile_field -->
                        <b>{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                <!-- END profile_field -->
               
    </b>
    </span>

            <img src="http://www.fileden.com/files/2009/2/13/2319435/vide.gif" alt="" style="width: 200px; height: 1px;" /></td>
                            </tr></table>
          </td>

            </tr>
    <td height="27" width=100% background="http://illiweb.com/fa/pbucket.gif" colspan=3>
    </td>
            <tr>
          <td class="alt1" valign="top" width="100%" height="28" colspan="3">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>



    <td><span class="smallfont"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}"

    title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}</span></td>
                  <td align="right" valign="top" nowrap="nowrap" class="post-options">
                  <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td valign="middle" nowrap="nowrap">
               
    <!--start post cảm ơn you hack-->


    <!-- BEGIN switch_vote_active -->
      <div class="vote gensmall">
      <!-- BEGIN switch_vote -->
     
    <div class="vote-button"><a class="thumbnail" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="http://www.fileden.com/files/2009/2/13/2319435/post_thanks_you_hack.gif" id="Thanks button" border="0" alt="Cảm ơn người này" vspace="1" /></a>

    </a>

    </div>

    <!-- END switch_vote -->
        </div>
      <!-- END switch_vote_active -->

    <!-- BEGIN switch_vote_active -->
      <div class="vote gensmall">
      <!-- BEGIN switch_vote -->
     
    <div class="vote-button">
     <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"></a></div>
     <!-- END switch_vote -->
        </div>
      <!-- END switch_vote_active -->

    <!--end post cảm ơn you hack-->
     
    {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.WWW_IMG}

    {postrow.displayed.AIM_IMG} {postrow.displayed.YIM_IMG} {postrow.displayed.MSN_IMG} {postrow.displayed.SKYPE_IMG}
                  <script type="text/javascript"><!--
                  if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 &&

    navigator.userAgent.indexOf('6.') == -1 ) {
                      document.write('{postrow.displayed.ICQ_IMG}');
                  } else {
                      document.write('</td><td> </td><td valign="top" nowrap="nowrap"><div style="position:relative"><div

    style="position:absolute">{postrow.displayed.ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{postrow.displayed.ICQ_STATUS_IMG}</div></div>');
                  }
                  //-->
                  </script>
                  <noscript>{postrow.displayed.ICQ_IMG}</noscript>
                  </td>
                </tr>
            </table>
                  </td>
                </tr>
                <tr>
                  <td colspan="2" class="hr">
                      <hr />
                  </td>
                </tr>
                <tr>
                  <td colspan="2"><!-- google_ad_section_start --><tr>
     <td colspan="2">
     
     
     
      <!-- google_ad_section_start -->
     
      <table cellSpacing="0" cellPadding="0" border="0" style="width:100%">
    <tr><td colspan="2" style="padding:10px;"><div class="qtg">
    <!-- google_ad_section_start -->
    {postrow.displayed.MESSAGE}<!-- google_ad_section_end --></div><div style="background: transparent url(/users/2211/12/43/96/album/box-sh10.gif) no-repeat 0% 0%;height: 10px;"></div>
    </td></tr>
    </table>

     
      <p align="center">
      <!-- google_ad_section_end -->
     <div style="overflow: auto; max-height: 180px;">


            {postrow.displayed.SIGNATURE}<br>


    </div>


     
      <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
     </td>
    </tr></p>
            </table>
            <div align="right" width="100%"><!-- BEGIN switch_vote_active --> 
    <div id="kk{postrow.displayed.U_POST_ID}"> <span class="gensmall"><script type="text/javascript">
    var str ='{postrow.displayed.switch_vote_active.L_VOTE_TITLE}';

    if (str=="Message not voted")
    {str="Bài viết này chưa được cảm ơn.";document.write(str);
    }
    else {str=str.replace("Message reputation :","Được cảm ơn:");
    str=str.replace("100%","");
    str=str.replace("(","");
    str=str.replace(")","");str=str.replace("vote","lần.");
    str=str.replace("s","");
    document.write(str);
    }</script></span></div>
      <!-- END switch_vote_active --> {postrow.displayed.THANK_IMG}
            {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG}  {postrow.displayed.EDIT_IMG}  {postrow.displayed.DELETE_IMG}  {postrow.displayed.IP_IMG}  {postrow.displayed.REPORT_IMG}</div>
          </td>
      </tr>
      </table>

      <!-- END displayed -->
      <!-- BEGIN hidden -->
    <table class="tborder" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
      </tr></table>

      <!-- END hidden -->
      <!-- END postrow -->
      <!-- BEGIN no_post -->
    <table class="tborder" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr align="center">
          <td class="alt1" colspan="2" height="28">
            <span class="smallfont">{no_post.L_NO_POST}</span>
          </td>
      </tr></table>
      <!-- END no_post -->
     

    <table class="tborder" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr align="right">
          <td class="tfoot" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="9%"></td>
                  <td align="center" nowrap="nowrap"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
                  <td align="right" nowrap="nowrap" width="9%"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a

    href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
                </tr>
            </table>
          </td>
      </tr>
    </table>


    </div></div></div></div> <div class="duoi"> <div class="duoi_trai"> <div class="duoi_phai"> </div></div></div> </div>




     <div class="tren"> <div class="tren_trai"> <div class="tren_phai"> </div></div></div><div class="doc_trai"> <div class="doc_phai"> <div class="doc_duoi"> <div style="padding-left:8px; padding-right:8px;"><div class="gensmall">





    <table class="tborder" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <td class="alt2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="smallfont">{PAGE_NUMBER}</span></td>
          <!-- BEGIN topicpagination -->
          <td class="alt1" align="right" valign="top"><span class="smallfont">{PAGINATION}</span></td>
          <!-- END topicpagination -->
      </tr>
      <!-- BEGIN switch_user_logged_in -->
      <!-- BEGIN watchtopic -->
      <tr>
          <td class="alt2" colspan="2" align="right" valign="top"><span class="smallfont">{S_WATCH_TOPIC}</span></td>
      </tr>
      <!-- END watchtopic -->
      <!-- END switch_user_logged_in -->
      <tr>
          <td class="alt2" colspan="2" align="center" style="padding:0px">
            <!-- BEGIN switch_user_logged_in -->
    <font size="2" face="tahoma" color="green"><center>* Viết tiếng Việt có dấu, là tôn trọng người đọc.

    * Chia sẻ bài sưu tầm có ghi rõ nguồn, là tôn trọng người viết.

    * Thực hiện những điều trên, là tôn trọng chính mình.</font></center>
    <a name="quickreply"></a>
    {QUICK_REPLY_FORM}<br/>
    <!-- END switch_user_logged_in -->
          </td>
      </tr>
      <tr>
          <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                <tbody>
          <!-- BEGIN show_permissions -->
          <tr>
            <td class="alt2" valign="top" width="25%"><span class="smallfont">{L_TABS_PERMISSIONS}</span></td>
            <td class="alt1" valign="top" width="75%"><span class="smallfont">{S_AUTH_LIST}</span></td>
          </tr>
          <!-- END show_permissions -->
          <tr>
            <td class="tfoot" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a

    class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                      <!-- BEGIN show_permissions -->
                      <td align="right" valign="middle"><span class="smallfont"><a

    href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                      <!-- END show_permissions -->
                  </tr>
                </table>
            </td>
          </tr>
      </tbody>
            </table>
          </td>
      </tr>
      <tr>
          <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
                <tbody>
          <tr>
            <td class="tfoot" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a

    class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                      <td align="right" valign="middle"><span class="smallfont"><a

    href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                  </tr>
                </table>
            </td>
          </tr>
      </tbody>
            </table>
          </td>
      </tr>


    </table>


    </div></div></div></div> <div class="duoi"> <div class="duoi_trai"> <div class="duoi_phai"> </div></div></div> </div>



    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
      <tr>
          <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
            <span class="nav">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}"

    align="middle" border="0" /></a>
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
            </span>
          </td>
          <!-- BEGIN viewtopic_bottom -->
          <td align="right" nowrap="nowrap"><span class="smallfont">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit"

    value="{L_GO}" /></span></td>
          <!-- END viewtopic_bottom -->
          <!-- BEGIN moderation_panel -->
          <td align="center">
            <span class="smallfont">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
          </td>
          <td align="center" width="250">
            <span class="smallfont"> </span>
          </td>
          <!-- END moderation_panel -->
      </tr>
    </table>
    </form>

      <!-- BEGIN viewtopic_bottom -->
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
      <tr>
          <td colspan="2" align="left" valign="top" nowrap="nowrap">
    {S_TOPIC_ADMIN}

            <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                <input type="hidden" name="t" value="{TOPIC_ID}" />
                <input type="hidden" name="sid" value="{S_SID}" />
                <span class="gen">{L_MOD_TOOLS}
    {S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
            </form>
          </td>
      </tr>
    </table>
    <!-- END viewtopic_bottom -->
    thêm vào đầu css:
    Code:
    div.qtg{
    font-size: 12px;
    padding: 8px;
    line-height: 18px;
    border: 1px solid #E0E0E0;}
    Hướng dẫn làm khung huân chương nằm ngoài khung tài sản (áp dụng cho viewtopic trên):
    B1 Mở shop bằng cách làm theo topic sau: .../t15901-topic
    B2: Bên cạnh pet, bạn làm thêm một môi trường chứa huân chương bằng cách làm theo Bước 3 của topic vừa cho
    B3: bạn có thể làm theo code dưới đây, cho vào môi trường huân chương của bạn và thay link ảnh:
    Code:
    <td><table><td class="kpt"><table><td><img src="http://illiweb.com/fa/pbucket.gif" alt="Huân chương tích cực"></td><td><img src="http://i29.servimg.com/u/f29/15/99/03/75/th_26110.gif" alt="Huân chương sáng tạo"></td><td><img src="http://i47.servimg.com/u/f47/16/17/81/37/48f72210.gif" alt="Huân chương sáng tạo II"></table></td></table></td>

    Share this post on: Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking


      Hôm nay: Tue Nov 21, 2017 5:43 am