[Code] Viewtopic ngang phiên bản 2013 [✔]

[Rin]

nằm trong bộ 2013 trong view này đã có cài sẵn khung Pet và Medal rồi nhưng add theo kiểu nữa mùa nên các bạn ko thích có thể xóa đi cũng ok thôi

Demo ảnh:

Xem!:

Code:

Code:


<style>
div[id*="c9"][style="background-color:#ffe5cf;"] {
background: url(http://i11.servimg.com/u/f11/17/98/40/25/g10.png)no-repeat right bottom;
}
.pun .user{width:12em}
.pun .postmain{margin-left:14em}
.pun .post .user,.postfoot{margin-left: auto;}
.postmain .postfoot,.pun .postmain{margin:0}
.postmain .user{margin:0;width:100%;padding:0;border-bottom:1px dashed #CCC}

.pun  .postmain .posthead {margin:0}
.postmain .username{font-variant:small-caps;font-weight:bold}
 .postmain .user-basic-info div{display:inline-block}
.user-ident{text-align:center}
 .postmain .user-ident{float:left}
.postmain .user-info{float:right}
.pun .post {
border-width: 0 0 1px;
}.pun .entry-content {
  padding: .8em;
}
 

/* vote */
#profile-advanced-details .autobot{color:#2220fb!important;font-size:14px!important;text-shadow:1px 1px 1px #000!important}
.post .post-options{height:22px;position:relative}
.hihi {background-color: #1F537B;color: #DEDFDF;font-weight: 400;padding: 0.7em 0.1em;}
.numtopF{margin-right:-12px!important}
a.mainmenu[href='/groups'],a.mainmenu[href='/privmsg?folder=inbox'],#left,#textarea_content dt,#dulieutip,#dulieupostter,#sapxepdulieu{display:none}



.ost,.share,.c3zvau .qua,.no{background-position:5px 50%;background-repeat:no-repeat;border:1px solid #C2D5E3;margin:6px 2px 0;padding:5px 8px 5px 25px}
.share{background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/fav10.png)}.qua{background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/no10.gif);padding-left:29px!important}.no{padding:5px 8px}

.no .vop{background:url(http://i42.servimg.com/u/f42/17/92/41/65/discou10.png) no-repeat left center;padding:0 0 0 18px}
.no .vom{background:url(http://i42.servimg.com/u/f42/17/92/41/65/discou11.png) no-repeat left center;padding:0 0 0 18px}
.vote-button{float:left;width:60px}
.c3zplus:hover{background-color:#ebedf4;border-color:#9dacce}
.c3zminus:hover{background-color:#ebedf4;border-color:#9dacce}
.c3zplus {
background: url(http://i42.servimg.com/u/f42/17/92/41/65/discou10.png) no-repeat scroll 0 0 #E0E0E0;
background-position: 6px 36%;
background-repeat: no-repeat;
border: 1px solid #E0E0E0;
border-radius: 3px 3px 3px 3px;
color: white!important;
display: block;
float: left;
height: 13px;
margin: -4px 2px 0;
padding: 4px 4px 5px 24px;
position: relative;
text-align: left;
width: 45px;
}


.pun #main .main-content.topic {
background: #fff!important;
border: 1px solid #DDD!important;
border-radius: 4px;
margin: 0;
padding: 10px!important;
box-shadow: 0 0 12px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 12px rgba(0,0,0,0.5);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.user>div{margin:12px}



.postmain .post-entry{clear:left}
.pun .post .user{margin-left: 0;
float: left;
width: 100%;
background: #F7F7F7;
border-bottom: 1px solid #DDD;

}
.pun .post .user {
margin-top: 0;
}
.pun .user .user-ident {
  display: block;
float: left;
padding: 10px;
padding-top: 0;
}.pun .user-ident .user-basic-info {
display: table;
  margin-left: 10px;
}
.post .postmain .user .user-basic-info a img {
width: 140px;
height: 140px;
padding: 5px;
background: white;
border-radius: 100px;
border: 2px solid #DDD;
}


b.username {
width: 20em;
display: inline-block;
float: left;
font-size: 12px;
}
b.username strong {
float: none !important;
font-size: 12px;
}


.pun .posthead {
border-top: 1px solid #D7D7D7;
border-bottom: 1px solid #D7D7D7;
background: #E6E6E6 url('http://i16.servimg.com/u/f16/15/23/22/46/highli10.png') repeat-x 0 0;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 10px;
text-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px;
color: #777;
}

.pun .paged-foot, .pun .paged-head {
background: none;
border: none;
padding-bottom: 7px;
}


.main .main-head.crumbb {
border: 0;
border-bottom: 1px solid #EAEAEA;
background: whiteSmoke url("http://i16.servimg.com/u/f16/15/23/22/46/highli11.png") repeat-x 0 0;
color: #333;
padding: 7px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
overflow: hidden;
box-shadow: none;
}

.crumbs {
text-align: right;
}



/* đóng khung trong vew */
.vnsweetdream {
Padding-left: 2px;
Padding-right: 2px;
Padding-top: 2px;
Padding-bottom: 2px;
Background-color: rgb(240,240,240);
Border-top: 1px solid #dddddd;
Border-right: 1px solid #dddddd;
Border-left: 4px solid #c4c4c4;
Border-bottom: 1px solid #c4c4c4;
Margin-bottom: 3px;
}
.user-info {
width: 172px;
float: right;
}
</style>
  

  



<script type="text/javascript">//<![CDATA[
$(window).load(function(){$(".post").first().find('a[href*="mode=quote"]').remove();$('div.post-entry').find('img').each(function () {var relx = $('div.post-entry').attr('id');var $this = $(this), width = $this.width();var src = $this.attr('src');var a = $('<a/>').attr('href', src).addClass('lightbox').attr('rel', "op"+i);if (width > 200) {$this.wrap(a);}});});//]]>  </script>
<script type="text/javascript">//<![CDATA[
$(window).load(function(){var relx = $('div.post-entry ').attr('id');$('a[href$=".png"]').addClass('topictit').attr('rel', "op"+i);});//]]>  </script>
 
  

<style>#fa_ticker_block .module.main, .pun .main .main-content p.message {
padding: 8px 35px 8px 14px;
margin: 8px !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #D9EDF7;
border-color: #BCE8F1;
color: #3A87AD;
}.pun .frm .frm-form table {
border: none !important;
}</style>


<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
  _atc.cwait = 0;
  $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
        addthis_close();
        addthis_close();
      }
  });
});
 //]]>
</script>


<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
      <!-- BEGIN switch_plus_menu -->
      <li>
         <script type="text/javascript">//<![CDATA[
            var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
         //]]>
         </script>
      </li>
      <!-- END switch_plus_menu -->
      <li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a></li>
      <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
      <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <!-- BEGIN watchtopic -->
      <li>{S_WATCH_TOPIC}</li>
      <!-- END watchtopic -->
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->



<div class="main paged">
   <div class="paged-head clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>  
         <!-- END switch_user_authpost -->

         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
         <!-- END switch_user_authreply -->
      </p>
   </div>
   {POLL_DISPLAY}

   <div class="main-content topic">
          <div class="maii">

   <div class="main-head crumbb clearfix">
   <p class="crumbs">

      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
      <!-- BEGIN switch_twitter_btn -->
      <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
      </span>
      <!-- END switch_twitter_btn -->
      <!-- BEGIN switch_fb_likebtn -->
      <span id="fb_likebtn" style="margin-left: 6px; ">
         <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe>
      </span>
      <!-- END switch_fb_likebtn -->
   </p>
                                                          
</div>
      <!-- BEGIN postrow -->
         <!-- BEGIN displayed -->

         <div id="u8" class="post"{postrow.displayed.THANK_BGCOLOR}>
                          <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                  <h2>

                                                  <b class="username">
                                                    {postrow.displayed.POSTER_NAME} {postrow.displayed.ONLINE_IMG}</b>
                    <strong>{postrow.displayed.COUNT_POSTS}</strong>                {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> {postrow.displayed.POST_DATE_NEW}
                  </h2>
               </div>
                          
                          
  
<style>.post-entry a.lightbox {
display: inline-block;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: rgba(0, 0, 0, .5);
-webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, .3), 0 1px 2px rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0 2px 5px hsla(0,0%,0%,.3), 0 1px 2px hsla(0,0%,100%,1);
box-shadow: inset 0 2px 5px rgba(0, 0, 0, .3), 0 1px 2px rgba(255, 255, 255, 1);
margin: 10px;
}

  .post-entry img {
max-width: 300px;
  float: center;
}
.post-entry .lightbox:hover img {
-webkit-transform: scale(.94, .9);
-moz-transform: scale(.94, .9);
-o-transform: scale(.94, .9);
-ms-transform: scale(.94, .9);
transform: scale(.94, .9);
-webkit-transition: -webkit-transform .2s cubic-bezier(.5,.1,.1,1);
-moz-transition: -moz-transform .2s cubic-bezier(.5,.1,.1,1);
-o-transition: -o-transform .2s cubic-bezier(.5,.1,.1,1);
-ms-transition: -ms-transform .2s cubic-bezier(.5,.1,.1,1);
transition: transform .2s cubic-bezier(.5,.1,.1,1);
}
.post-entry .lightbox:active img {
   -webkit-transform: scale(.8);
   -moz-transform: scale(.8);
   -o-transform: scale(.8);
   -ms-transform: scale(.8);
   transform: scale(.8);

   -webkit-transition: -webkit-transform .06s cubic-bezier(.5,.1,.1,1);
   -moz-transition: -moz-transform .06s cubic-bezier(.5,.1,.1,1);
   -o-transition: -o-transform .06s cubic-bezier(.5,.1,.1,1);
   -ms-transition: -ms-transform .06s cubic-bezier(.5,.1,.1,1);
   transition: transform .06s cubic-bezier(.5,.1,.1,1);
}
  }</style>
            <a name="{postrow.displayed.U_POST_ID}"></a>
            <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>


              
                                  
                                  
                                  
              
               <div id="c9" class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                  <div class="user">
                     <div class="user-ident">

<div class="user-basic-info" style="float:left;">
  
                        
                  
                          <br> {postrow.displayed.POSTER_AVATAR}<br>
                                                                  
                                                                  <div class="left"></div>
                        <div class="right"></div>
                                                    
                                                          </div>

                     </div>
                    
                      
                                                   <div class="user-info">
                                                    

                        <!-- BEGIN profile_field -->

 <div class=vnsweetdream>
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                                                        </div>
                                                          
                                                            <!-- END profile_field -->
                      
                     </div>  
                                                  
                                                  
                                                  
                    
                          
                                                                  
                                          <td width="40%">

                      
  
  
                        
                                                                  
                                            <br />                  
   <br />
<table><tr><td>
<em class="userTitle" itemprop="title">
                        {postrow.displayed.POSTER_RANK_NEW}</em>
                                                                  
<span class="rankn">
                                                                          
<div class="rank2">{postrow.displayed.RANK_IMAGE}</div></span>

  </td><td>
  <table><tr><td>
{postrow.displayed.POSTER_RPG}
    </td></tr></table>
  </td></tr></table>
                                                    
 
                                                

  
  </div>    
                                          
                                          
                                          
                  <div class="post-entry">
                     <div class="entry-content">
                        
                        <div>
                           <div>{postrow.displayed.MESSAGE}</div>
                           <!-- BEGIN switch_attachments -->
                           <dl class="attachbox">
                              <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                              <dd>
                                 <!-- BEGIN switch_post_attachments -->
                                 <dl class="file">
                                    <dt>
                                       <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                       <!-- BEGIN switch_dl_att -->
                                       <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                       <!-- END switch_dl_att -->

                                       <!-- BEGIN switch_no_dl_att -->
                                       {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                       <!-- END switch_no_dl_att -->
                                    </dt>

                                    <!-- BEGIN switch_no_comment -->
                                    <dd>
                                       <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                    </dd>
                                    <!-- END switch_no_comment -->

                                    <!-- BEGIN switch_no_dl_att -->
                                    <dd>
                                       <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                    </dd>
                                    <!-- END switch_no_dl_att -->

                                    <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                 </dl>
                                 <!-- END switch_post_attachments -->
                              </dd>
                           </dl>
                           <!-- END switch_attachments -->
                           <div class="clear"></div>
                        </div>
                        <p>
                           {postrow.displayed.EDITED_MESSAGE}
                        </p>
                     </div>
                  </div>
               </div>

               <!-- BEGIN switch_signature -->
               <div class="sig-content">
                  {postrow.displayed.SIGNATURE_NEW}
               </div>
               <!-- END switch_signature -->

         <div class="postfoot">
                  
                          <div class="user-contact">
                    
                                                                              </div>
               <div class="post-options">

                                
                                        

            <div style="float: left; left:220px;position:absolute;top:2px;">
                                          
                                  
                <!-- BEGIN switch_vote_active -->
    <div class="vote vote-button">
          <!-- BEGIN switch_vote -->
      <a target="v{postrow.displayed.U_POST_ID}" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" alt="c3zplus" class="c3zplus lvote"><span style="margin-left: -2px; color: #3B5998;">+ Rep</span></a>
 <!-- END switch_vote -->
      </div>
      <div class="vote vote-button">
 <!-- BEGIN switch_vote -->
      
 <!-- END switch_vote -->
                                  </div><div id="v{postrow.displayed.U_POST_ID}" class="loadding" style="display: none"><img src="http://i43.servimg.com/u/f43/16/03/04/56/icon_l12.gif"> Chờ chút nhé ^^! </div>
                                                <!-- END switch_vote_active -->
                                                </div>

                                  
                                  
 <div style="text-align: right;">{postrow.displayed.THANK_IMG}{postrow.displayed.QUOTE_IMG}{postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.REPORT_IMG}</div></div>
               <div style="clear:both;"></div>
                  
         </div>
      
                          
                          <p style="border-bottom: 1px solid #ddd;">
                        <div class="hihi clearfix" style="background-color: #fff;"><font color="black">
<!-- BEGIN switch_vote_active -->        
  <iframe name="v{postrow.displayed.U_POST_ID}" class="ajaxvote" style="display:none"></iframe>  
<!-- BEGIN switch_no_bar -->
  <span class="c3zvau v{postrow.displayed.U_POST_ID}" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">{postrow.displayed.switch_vote_active.L_VOTE_TITLE}</span>
 <!-- END switch_no_bar -->
<!-- BEGIN switch_bar -->
  <span class="c3zvau v{postrow.displayed.U_POST_ID}" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">{postrow.displayed.switch_vote_active.L_VOTE_TITLE}</span>
 <!-- END switch_bar -->
  <!-- END switch_vote_active -->
<div style="float:right;font-weight:bold;text-align:right">

<a href="#top" class="postbit" style="margin:0;" original-title="">Back to top</a>

<div align="center" style="width:600px;display:none; padding-top:6px" ></div></div>  

                          </font></div>  </span>
                  
                    
                  </div>
                  </div>
                  
                  
                  
         <!-- END displayed -->
         <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
         <!-- END hidden -->
      <!-- END postrow -->
   </div>
</div><style>.maii {
background: #FAFAFA !important;
border: 1px solid #DDD !important;
border-radius: 4px;
  }</style>
   <div class="main-foot clearfix">
      <p class="h2">
         <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>  
         {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
      <p class="options">
         <input type="hidden" name="t" value="{TOPIC_ID}" />

         <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
         <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

         <!-- BEGIN viewtopic_bottom -->
         {S_TOPIC_ADMIN}
         <!-- END viewtopic_bottom -->
      </p>
   </div>

   <a name="bottomtitle"></a>

   <div class="paged-foot clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>  
         <!-- END switch_user_authpost -->

         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
         <!-- END switch_user_authreply -->
      </p>
   </div>

</div>

<div class="pun-crumbs">
   <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
   </p>
</div>

<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
   <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
   </div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
   <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
   </div>
   <div class="main-content clearfix">
      <!-- BEGIN link -->
      » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
   </div>
</div>
<!-- END promot_trafic -->
          
<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
   <div class="main-head clearfix">
      <p class="h2">{L_FORUM_RULES}</p>
   </div>
   <table class="main-content frm">
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" />
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules entry-content">
            {RULE_MSG}
         </td>
      </tr>
   </table>
</div>
<!-- END switch_forum_rules -->
          
          
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<div id="pun-info" class="main">
   <div class="main-content">
      <div id="stats">
         <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
      </div>
   </div>
</div>

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
    <script type="text/javascript">
    
 function chvote(a, b) {
   "Message not voted" == b && (b = "c3zone z vietk 0% (0 vote)");
   var d = parseInt(b.split(" ")[3], 10) / 100,
      c = parseInt(b.split(" ")[4].substr(1), 10),
      b = "Message reputation : " + Math.round(100 * ("c3zplus" == a ? (d * c + 1) / (c + 1) : d * c / (c + 1))) + "% (" + (c + 1) + " vote)";
   return votetrans(b)
}
$(".c3zvau").each(function () {
   var a = $(this).text();
   $(this).html(votetrans(a))
});

function votetrans(a) {
   if ("Message not voted" == a) return "<span class='qua'>Ấn + Rep nếu bạn thấy bài viết hay nhé ^^</span>";
   var b = parseInt(a.split(" ")[3], 10) / 100,
      a = parseInt(a.split(" ")[4].substr(1), 10),
      d = 0 != b ? "<span class=vop>" + Math.round(b * a) + "+</span>" : "",
      c = 0 != b && 1 != b ? ' <span style="color:#C2D5E3">|</span> ' : "",
      a = 1 != b ? "<span class=vom>" + Math.round(a - b * a) + "-</span>" : "",
      b = Math.round(100 * b);
   return "<span class=no>" + d + c + a + "</span> "
}
$(".lvote").click(function () {
   "c3zplus" == $(this).attr("alt") ? $(this).parent().html("").next().html("") : $(this).parent().html("").prev().html("");
   var a = $(this).attr("target"),
      b = $(this).attr("alt"),
      d = $("." + a).attr("title");
   $("#" + a).show();
   $("." + a).html(chvote(b, d));
   $("#" + a).fadeIn("slow").animate({
      opacity: 1
   }, 1500).fadeOut("slow", function () {
      $("." + a).fadeOut("slow").animate({
         opacity: 1
      }, 1E3).fadeIn()
   });
   $("." + $(this).attr("target")).removeAttr("title")
});
</script>
           <!-- BEGIN switch_user_logged_in -->
<script type="text/javascript">
//<![CDATA[
$(document).on("click", function () {
   $(".sceditor-dropdown.sceditor-tinypic").hide();
});
$(document).on("click", ".sceditor-dropdown.sceditor-tinypic", function (e) {
   e.stopPropagation();
});
$(document).on("click", ".sceditor-button-servimg", function () {
   $(".sceditor-dropdown.sceditor-tinypic").show();
});
//]]>
</script>
<!-- END switch_user_logged_in -->

cho vào css:

Code:

.kazu{margin-top: -40px;}

Code cho khung Pet:

Code:

<div class="kazu"><div class="ts1"><table width="170"><fieldset style="width: 170px; height: 110%; border: 1px solid; margin: 5px; padding: 5px 10px;"><legend>Tên Pet</legend><center><b><img src="link ảnh" title="chém gió muốn ghi gì thì ở đây" height="100px" width="100px"/></b></center> </div></fieldset></table></td></div>

Code khung Medal:

Code:

<div class="kazu"><td><div class="ts2"><table width="100px"><fieldset style="width: 100%; height: 130px; border: 1px solid; margin: 5px; padding: 5px 10px;"><legend>Huy Hiệu</legend><div align="center" style="max-width: 100%;max-height:130px; overflow-y: auto;"> <img src="link ảnh" title="nội dung của medal" width="35px"> </fieldset></table></div></div></div>

Style: viewtopic ngang đơn giản
Edit: Rin & Kazu

[Juny Thoang]

Bổ sung thêm ver áp dụng: Búnbêđê (punbb)

[Chúa Tể Địa Ngục]

==
Rin xem được chưa? : http://otaku-world.yourme.net/t1333-moi-den#13964
Làm nền thì tui làm thế này

Code:

<div class="kazu"><div class="ts1"><table width="170"><fieldset style="width: 170px; height: 110%; border: 1px solid; margin: 5px; padding: 5px 10px; background:url(http://tupian.enterdesk.com/2012/0422/75/10.jpg.200.150.jpg)"><legend>Tammy</legend><center><b><img src="http://i46.servimg.com/u/f46/17/06/33/19/tammyp10.gif" title="1 cô bé xinh đẹp và có tài ca hát hay" height="100px" width="100px"/></b></center> </div></fieldset></table></td></div>

Cho tui hỏi làm sao bỏ mấy cái đóng khung ở hình trong view?

[Rin]

lúc trước thêm css gì để đóng khung hình thế ... và bị lỗi js của phần + like luôn rồi ko tự động load số like kìa

[Chúa Tể Địa Ngục]

CSS

Code:

/* Something */
body {background: #fff url(http://i39.servimg.com/u/f39/18/59/49/93/bg10.png) fixed;background-size:100% 100%!important;overflow-x:hidden} a {text-decoration:none!important}
#wrapper .pun .main-content {margin-bottom: 0}
.pun #left {margin: 0}
/* BBcode tooltip */
.tooltip {cursor : help;}
datatip {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1.5px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
position: absolute;
padding: 12px ;
border-radius: 3px;
margin-top: 25px;
margin-left: -20px;
display: none;
width : auto;
color:black;
}
texttip { color:green;font-weight:bold;}
/* zzVotePlus by Zzbaivong - devs.forumvi.com */
div.vote-zzvote{float:left;margin-left:2em}
div.vote-zzvote > a.vote-plus{background:none no-repeat center #FFF;color:#444;cursor:pointer;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.05);box-shadow:0 1px 0 rgba(0,0,0,.05);border:1px solid #d9d9d9;border-radius:3px;font-size:11px;font-weight:700;display:inline-block;float:left;height:22px;line-height:20px;transition:background .3s;-webkit-transition:background .3s;-moz-transition:background .3s;padding:0 7px}
div.vote-zzvote > a.vote-plus:hover{border-color:#666}
div.vote-zzvote > a.vote-plus[href=""]{border:0 none;line-height:22px;background-color:#dd4b39;cursor:default;color:#FFF}
div.vote-zzvote > a.vote-plus.dis{background-color:#FFF;color:#CCC}
div.vote-zzvote > a.vote-plus.dis:hover{border-color:#d9d9d9;cursor:not-allowed}
/*
 * jQuery plugin zzImgUr ver 1.6 by zzbaivong
 * http://www.devs.cf/
 */
.imgur_Zzbv,.imgur_Zzbv *{box-sizing:content-box;-moz-boxsizing:content-box;-webkit-box-sizing:content-box;margin:0;padding:0}
.imgur_Zzbv{border:1px solid #333;background:#FFF;height:auto}
.imgur_Zzbv-iconError,.imgur_Zzbv-iconDevs,.imgur_Zzbv-delete,.imgur_Zzbv-remove,.imgur_Zzbv-iconSelect,.imgur_Zzbv-button div img,.imgur_Zzbv-iconComplete,.imgur_Zzbv-iconImage{display:inline-block;background:url(http://i.imgur.com/e9GpBzF.png) no-repeat center center;width:16px;height:16px;float:left;margin:7px!important}
.imgur_Zzbv-iconDevs{background-position:0 0}
.imgur_Zzbv-iconComplete{background-position:-32px -16px}
.imgur_Zzbv-status img{margin:0!important}
.imgur_Zzbv-iconError{background-position:0 -32px}
.imgur_Zzbv-iconSelect{background-position:0 -16px}
.imgur_Zzbv-iconUpload{background-position:-16px -16px}
.imgur_Zzbv-iconReset{background-position:-16px 0}
.imgur_Zzbv-iconImage{background-position:-16px -32px}
.imgur_Zzbv-iconImage.imgur_Zzbv-iconUrl{background-position:-32px -32px}
.imgur_Zzbv-mode{cursor:pointer;width:30px;height:30px;float:left;background-color:#FF475D}
.imgur_Zzbv-mode.imgur_Zzbv-zzURL{background-color:#0B704C}
.imgur_Zzbv-button div{cursor:pointer;background-color:#359BED;border:0;height:30px;display:none;padding:0 10px 0 0}
.imgur_Zzbv-button .imgur_Zzbv-reset{background-color:#01686D}
.imgur_Zzbv-delete,.imgur_Zzbv-remove{background-position:-32px 0;position:absolute;right:3px;top:3px;height:16px;width:16px;text-indent:-9999px;overflow:hidden;background-color:transparent;margin:0}
.imgur_Zzbv-control{position:relative;height:30px;line-height:30px;overflow:hidden;background:#333;color:#FFF}
.imgur_Zzbv-preview{overflow-y:auto;overflow-x:hidden}
.imgur_Zzbv-li{background:#f2f2f2;list-style-type:none;position:relative;height:68px;border-top:1px solid #DDD;overflow:hidden}
.imgur_Zzbv-li:first-child{border-top:0 none}
.imgur_Zzbv-li:nth-child(2n){background:#E7E6E6}
.imgur_Zzbv-li:hover{background:#007CEE;color:#FFF}
.imgur_Zzbv-li.imgur_Zzbv-success{background:#FFFFA1}
.imgur_Zzbv-image{width:100px;overflow:hidden;position:absolute;height:100%}
.imgur_Zzbv-image img{max-width:100%;max-height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.imgur_Zzbv-info{position:absolute;left:100px;top:0;right:0;height:100%}
.imgur_Zzbv-info > *{white-space:nowrap}
.imgur_Zzbv-dl{line-height:34px}
.imgur_Zzbv-dl > div{height:34px}
.imgur_Zzbv-dt{float:left;width:70px;font-weight:300;font-size:12px}
.imgur_Zzbv input.imgur_Zzbv-input{width:calc(100% - 84px)!important;height:16px!important;line-height:16px!important;margin:8px 0!important;padding:0!important}
.imgur_Zzbv-status{position:absolute;width:16px;height:16px;line-height:16px;left:5px;top:7px;display:none}
.imgur_Zzbv-add{cursor:pointer;position:absolute;width:100px;height:30px;overflow:hidden;background:orange;left:30px;top:0;z-index:10}
.imgur_Zzbv-upload-URL.imgur_Zzbv-add{background:#C100E6}
.imgur_Zzbv-textSelect{position:absolute;width:100%;left:30px;height:30px;line-height:30px}
.imgur_Zzbv-choose{cursor:pointer;z-index:10;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;font-size:300px;height:1000px;right:0;top:0;position:absolute}
.imgur_Zzbv-length{position:absolute;width:50px;text-align:center;top:0;left:50%;margin-left:-25px;display:none}
.imgur_Zzbv-button{position:absolute;width:90px;right:0;top:0;white-space:nowrap;z-index:10}
.imgur_Zzbv-mode:hover,.imgur_Zzbv-button div:hover,.imgur_Zzbv-add:hover{background-color:#666}
.imgur_Zzbv-devs-icon{position:absolute;right:0;top:0;line-height:16px}
.imgur_Zzbv-tip{height:24px;font-size:13px;font-style:italic;line-height:26px}
.imgur_Zzbv-tip img{vertical-align:middle;float:none;margin:-4px 0 0}
.imgur_Zzbv-wrap-progress{background:#FFF;height:3px;border:0;position:absolute;bottom:0;left:-100px;right:0}
.imgur_Zzbv-progress{height:3px;background:red;width:1px}
.imgur_Zzbv-errorURL{color:red}
.imgur_Zzbv input.imgur_Zzbv-imageURL{width:calc(100% - 11px)!important;border:0 none!important;box-shadow:0 0 0 1px #DDD!important;height:16px!important;line-height:16px!important;margin:0 0 0 1px !important}
.imgur_Zzbv-mini .imgur_Zzbv-button,.imgur_Zzbv-mini .imgur_Zzbv-add{width:30px}
.imgur_Zzbv-mini .imgur_Zzbv-info{left:10px}
.imgur_Zzbv-mini .imgur_Zzbv-wrap-progress{left:-10px}
.imgur_Zzbv-upload-URL,.imgur_Zzbv-mini .imgur_Zzbv-image{display:none}
/* Prefix */
.prefix{background:#008287;color:#FFF;border-radius:2px;display:inline-block;height:18px;line-height:18px;padding:0 4px} /* Mặc định cho các tiền tố chưa đặt style riêng */
.prefix.event{background:#16499a}
.prefix.news{background:#60a917}
.prefix.thong-bao{background:#fa6800}
.prefix.hoi-dap{background:#4390df}
.prefix.manga{background:#77C2A7}
.prefix.anime{background:#009900}
.prefix.confession{background:#ffcc00}
/* Skin Anime (Blogger) by Lão Đại PK , Edit by OW */
ul#pun-legend {
display:none;
}
#pun-about {
border-color: #77C2A7;
color:#77C2A7;
font-size: 6px; 
background: #77C2A7
}
#pun-about ul li a {
color: #77C2A7!important;
}
#pun-about {
  position: absolute;
  margin-top: 300px
}
.opaque {
  opacity: .7;}
.opaque {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=70);}

#wrapper{
width:1000px;
margin:auto;
}
#header{
width: 1000px;
position: relative;
margin: auto;
height: 331px;
background: #fff url(http://i38.servimg.com/u/f38/18/70/50/48/header11.jpg) no-repeat top center;
overflow: hidden;
box-shadow: 0 8px 10px rgba(221, 221, 221, 0.5);
}
ul.dark_menu {
list-style: none;
padding: 5px 1px;
font-weight: 200;
font-size: 15px;
letter-spacing: 0.01em;
color: #000000;
line-height: 15px;
margin-left: 15px;
width: 750px;
position: relative;
background: #77C2A7;
border-radius: 5px;
border: 1px solid #ddd;
box-shadow: 0 8px 10px rgba(221, 221, 221, 0.5);
}
ul.dark_menu:after {
content: "";
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;}
ul.dark_menu li {
float: left;
position: relative;
border-right: 1px dashed #ddd;}
ul.dark_menu li a, ul.dark_menu li a:link {
color: #fafafa;
text-decoration: none;
display: block;
padding: 8px 26px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
ul.dark_menu li a:hover {
color: #fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;background: #5A8F87;
}
ul.dark_menu li a.selected {
text-transform: uppercase;
background: #fafafa;
border-radius: 15px/45px;
margin-left: 10px;
margin-right: 5px;
}
ul.dark_menu li a.selected:hover {
background:#fff;}
ul.dark_menu li a.selected, ul.dark_menu li a:active {
color: #222;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
ul.dark_menu li ul {
display: none;
}
ul.dark_menu li ul:before {
content: " ";
position: absolute;
display: block;
z-index: 999;
left: 0;
top: -10px;
height: 10px;
width: 100%;}
ul.dark_menu li ul {-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;top:55px;}
ul.dark_menu li:hover ul {
position: absolute;
display: block;
z-index: 999;
box-shadow: inset 0 4px 3px rgba(0, 0, 0, 0.3), 0 1px 0 #ddd,0 5px 10px rgba(0, 0, 0, 0.2);
left: 0;border-radius: 0px 0px 5px 5px;
top: 36px;
padding: 5px 0;
list-style: none;
background: #fff;
}
ul.dark_menu li ul li {
float: none;
margin:0px;}
ul.dark_menu li ul li:first-child {
margin:0px;
border-top: 0 none;}
ul.dark_menu li ul li:last-child {
border-bottom: 0 none;
}
ul.dark_menu [data-role="dropdown"] > a::before {
position: absolute;
content: "^";
display: block;
font-size: 13px;
left: 100%;
margin-left: -20px;
top: 7px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
ul.dark_menu li ul li a, ul.dark_menu li ul li a:link {
color: #222;
display: block;
background: transparent none;
padding: 10px 25px 10px 25px;
white-space: nowrap;}
ul.dark_menu li ul li a:hover {
background:#5A8F87;-moz-transition: all 0.1s ease-in-out;color:#fff;
-webkit-transition: all 0.1s ease-in-out;
}
.menujohanes{position: absolute;
z-index: 99;
margin-top: 250px;
width: 1020px;
border-radius: 5px;}
#search input[type="text"]:hover {
background: #fff url("http://i38.servimg.com/u/f38/18/70/50/48/search10.png")no-repeat center left;
width: 150px;}
#search input[type="text"] {
background: #fff url("http://i38.servimg.com/u/f38/18/70/50/48/search10.png")no-repeat center center;
font-size: 13px;
color: #222;
width: 0px;
padding: 8px 7px 7px 35px;
z-index: 9;
border: 1px solid #6AB790;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
margin-bottom: -1px;
position: absolute;
top: 0px;
right: 30px;
border-radius: 5px;
height: 26px;}

#main2 .widget-content, #main3 .widget-content, #main4 .widget-content, #main5 .widget-content, #main6 .widget-content {
overflow: hidden;
color: #222;
padding: 20px;
padding-bottom:10px;
background: #fafafa;
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 10pt;
letter-spacing: 0.02em;
line-height: 20px;
border: 1px solid #ddd;
box-shadow: 0 8px 10px rgba(221, 221, 221, 0.5);}
h3.openpost:hover {cursor:pointer;}
#main4, #main5 ,#main6 {
width: 310px;
list-style-type: none;
float: left;
margin: 10px;}
.main3, .main2 {width:305px;
list-style-type: none;
padding-top: 10px;
float: left;}
#container1 {padding: 10px;
background: #DDD;
width: 50%;
margin: auto;
text-align: center;
border: 3px double #BBB;}
.footer {
margin: 0 auto;
z-index: 1;
text-align: left;
position: relative;
padding:25px;
padding-top:15px;
padding-bottom:15px;}
.widget ul li a span.ltr {display:none;}
.widget ul {
line-height: 2.0;}
#footer{
font-size: 11px;
color: black;
background: #77C2A7 url(http://i38.servimg.com/u/f38/18/70/50/48/footer10.jpg) no-repeat bottom right;
margin: auto;
min-height:370px;
border-radius:5px 5px 0px 0px;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-top: 3px solid #6AB790;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.topwrap {width: 100%;
position: relative;
height: 20px;
text-align: center;}
a.comment-link {
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 2;
text-align: center;
height: 25px;
background: #fafafa;
line-height: 25px;
border-radius: 5px;
font-size: 11px;
color: #000;
font-family: 'Open Sans', sans-serif;
width: 90px;
overflow: hidden;
padding: 2px;
border: 1px solid #ddd;
position: absolute;
top: 0px;
left: 90px;}
.tombolbacktotop a{color:#8AA6B4;}
.tombolbacktotop {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
position: absolute;
font-size: 25px;
border: 1px solid #ddd;
border-radius: 50px;
width: 30px;
height: 30px;
padding-right: 0px;
padding-bottom: 8px;
padding-left: 6px;
margin: auto;
margin-top: -20px;
background: #fff;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #8AA6B4;}
.topwrap {width: 100%;
position: relative;
height: 20px;
text-align: center;}
h1#blog-title {
text-align: left;
margin-top: 100px;
margin-left: 25px;
font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 200;
font-size: 42pt;
letter-spacing: 0.00em;
color: #000000;
padding-right: 10px;
line-height: 50px;
max-width: 510px;
}
h1#blog-title a {padding:5px;color:#000;}
h1#blog-title a:link,h1#blog-title a:visited {
color: #000;
}
h2#blog-desc {
padding: 3px;
text-align: left;
font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 200;
font-size: 20pt;
margin-left:10px;
letter-spacing: 0.01em;
color: #000000;
margin-left: 30px;
}
.title h2{
text-decoration: none;
padding: 10px;
margin-bottom: 15px;
line-height: 30px;
text-align: left;
font-weight: normal;
margin: auto;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 200;
font-size: 20pt;
letter-spacing: 0.01em;
color: #fff;
}
.title h2 a:link, .title h2 a:visited{
color:#000;text-decoration: none;
}
.postmeta, .postinfo{
background:#F5ECC1;
padding:3px 10px;
border:1px solid #DFD5A7;
font-size:10px;
text-transform:uppercase;
}h2.pagetitle{
font-size:14px;
padding:10px 0px;
font-weight:normal;
margin-right:10px;
color:#6F6753;
text-align:right;
text-shadow: 0px 1px 1px black;
}
.comments .avatar-image-container img {
max-width: 50px;
}
.item-title a {font-size:20pt;
padding-bottom: .2em;}
#main2 .widget-content, #main3 .widget-content, #main4 .widget-content, #main5 .widget-content, #main6 .widget-content {
overflow: hidden;
color: #222;
padding: 20px;
padding-bottom:10px;
background: #fafafa;
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 10pt;
letter-spacing: 0.02em;
line-height: 20px;
border: 1px solid #ddd;
box-shadow: 0 8px 10px rgba(221, 221, 221, 0.5);}

#smallrum{padding: 0.8em 1em; margin: 3px 1px; 
color: #FFFFFF; width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}
.pun .pagination.top b,.pun .paging b {
background:#385a94 url(http://i80.servimg.com/u/f80/16/18/15/10/1100.png);
border:1px solid #17408c;
font:bold 12px Tahoma;
color:#FFF;
margin:2px 2px 2px 1px;
padding:4px 6px 5px 6px;
}
.pun .pagination.top a,.pun .paging a {
background:#e8e8e8 url(http://i80.servimg.com/u/f80/16/18/15/10/199.png);
border:1px solid #9c999c;
font:bold 12px Tahoma;
color:#333;
margin:2px 2px 2px 1px;
padding:4px 6px 5px 6px;
}
.pun .pagination.top,.pun .paging {
color:#FFF;
display:inline-block;
font-size:0;
padding:0;
}
.pun .pagination.top a:hover,.pun .paging a:hover {
background:#e8e8e8 ;
}
.paging.memlist a{background-color:#FFF!important}
.paging{width:50%;font-family:Trebuchet MS;font-size:0px!important;color:transparent}
.paging a,.paging b,.paging input{font-size:14px!important;border-color:#666;border-style:solid;border-width:1px 0;padding:3px 6px;}
.paging a:hover,.paging b{background-color:#000!important;border-radius:4px 4px 4px 4px;color:#FFF;visibility:visible;margin:-1px;padding:7px;}
.paging > a:last-child{border-right:1px solid #666;}
.paging > a:nth-child(2){border-left:1px solid #666;}
.sprite-arrow_prosilver_right{background:url(http://i12.servimg.com/u/f12/17/70/81/78/13558611.png) no-repeat scroll 100% center transparent;height:10px;width:10px}
.sprite-arrow_prosilver_left{background:url(http://i12.servimg.com/u/f12/17/70/81/78/13558610.png) no-repeat scroll -1px center transparent;height:10px;width:10px}
form[name="go_page"] .forumline{background:none repeat scroll 0 0 #FFF}
form[name="go_page"] .button{background-color:#4BB7F9;border:1px solid #3F95CB;color:#FFF;font-weight:700;padding:0 5px}
form[name="go_page"] .bginput{border:1px solid #F3F3F3;height:18px}
form[name="go_page"] .row1,form[name="go_page"] .thHead{padding:5px 0}
form[name="go_page"] .thHead{background:none repeat scroll 0 0 #666;color:#FFF}

#plus_menu{left:auto!important;right:60px!important;top:-8px;border:2px solid #999;width:260px!important;background:#FFF}
#plus_menu .title-overview{display:none}
#plus_menu .left-overview{padding:0}
#pun-visit ul a,.main-box ul a{display:block;height:30px;line-height:30px;padding:0 10px}
#pun-visit ul a:hover,.main-box ul a:hover{background:#f2f2f2}
.dashed{border-top:1px dashed silver;margin:5px 0}
#pun-visit br{display:none}
.cotphai {width:260px;margin-top:13px}
#redirects{background:#FFF;width:75%;margin:30px auto;padding:20px 30px;border:1px solid #DDD}
#redirects h3{border-bottom:1px solid #ddd;font-size:17px;font-weight:400;padding-bottom:10px;color:#830000;margin:0 0 20px}
#redirects p{color:#222;font-size:13px;line-height:20px;margin:5px auto 15px}
.redirectFooter{background-color:#fff;padding:20px 0 30px}
#redirectButtons{float:right;list-style-type:none;margin:0;padding:0}
#redirectButtons li{float:left}
#redirectButtons a{transition:all .2s linear 0;-moz-transition:all .2s linear 0;-o-transition:all .2s linear 0;-webkit-transition:all .2s linear 0;background-color:#0063dc;border:0 none;color:#fff!important;font-size:12px;line-height:30px;min-width:45px;text-align:center;display:block;text-decoration:none!important;padding:0 10px}
#redirectButtons a.cancel{background-color:#eee;color:#888!important;margin-right:10px}
#redirectButtons a:hover{background:#333}
#content-container div#main{margin-bottom:0}
*+ html #content-container div#main{margin-left:0;margin-right:0}
#tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px}
.lb_lazy img{display:block;max-width:600px;min-width:150px;cursor:url(//dl.dropboxusercontent.com/u/126946313/zoomin.cur), -webkit-zoom-in;margin:0 auto}
.msg a:after{content:"[Link]";font-size:12px} .msg a:link{font-size:0;display:inline-block}
.pun input {border: 1px solid #DDD}
textarea:focus,button:focus,input:focus,.pun select:focus{border:1px solid #345FAC!important;outline:none}
a{text-decoration:none}
a:link,a:active,a:visited {
    text-decoration: none;
    }

a:hover{
  text-decoration: none !important;
    }
a:hover{text-decoration: none!important;color : red;text-shadow:0 0 .2em black, 0 0 .2em black, 0 0 .2em black;}
.btop {font-weight: bold;cursor: pointer;}
.btop:hover {text-decoration: underline;}
li {list-style: none;}
blink b{animation:blink .1s infinite;-moz-animation:blink .5s infinite;-webkit-animation:blink .5s infinite}
@-webkit-keyframes blink{0%{opacity:1}100%{opacity:.1}}@-moz-keyframes blink{0%{opacity:1}100%{opacity:.1}}@-ms-keyframes blink{0%{opacity:1}100%{opacity:.1}}@keyframes blink{0%{opacity:1}100%{opacity:.1}}
a:link,a:active,a:visited {
text-decoration: none;}
a:hover{
text-decoration: none !important;}
a{text-decoration:none}
a:visited
{color: rgb(36, 36, 36);
text-decoration: none;}
a[href]:hover{text-decoration: underline;}
a:hover{_text-decoration: underline;}
a.noOutline{outline: 0 none;}
a:hover {
 
text-decoration: none;
font-style: italic;
text-shadow: IndianRed 3px 3px 5px;
}
.postbody img  {
box-shadow: 0px 0px 6px #333;
}
.entry-content img  {
box-shadow: 0px 0px 6px #333;
}
.left-box{float:left}
.right-box{text-align:right}
#pun-qpost .frm-set{border:0 none;padding:0}
#quick_reply .frm-buttons{text-align:center;border-top:0 none}
.pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited{background-image:url(http://r19.imgfast.net/users/1911/13/87/62/album/th/giupdo10.png)}
.lb_lazy img{display:block;max-width:600px;min-width:150px;cursor:url(//dl.dropboxusercontent.com/u/126946313/zoomin.cur), -webkit-zoom-in;margin:0 auto}

#redirects{width:75%;margin:30px auto;padding:20px 30px;border:1px solid #DDD}
#redirects h3{border-bottom:1px solid #ddd;font-size:17px;font-weight:400;padding-bottom:10px;color:#830000;margin:0 0 20px}
#redirects p{color:#222;font-size:13px;line-height:20px;margin:5px auto 15px}
.redirectFooter{background-color:#fff;padding:20px 0 30px}
#redirectButtons{float:right;list-style-type:none;margin:0;padding:0}
#redirectButtons li{float:left}
#redirectButtons a{transition:all .2s linear 0;-moz-transition:all .2s linear 0;-o-transition:all .2s linear 0;-webkit-transition:all .2s linear 0;background-color:#0063dc;border:0 none;color:#fff!important;font-size:12px;line-height:30px;min-width:45px;text-align:center;display:block;text-decoration:none!important;padding:0 10px}
#redirectButtons a.cancel{background-color:#eee;color:#888!important;margin-right:10px}
#redirectButtons a:hover{background:#333}
#cover-cloud{height:155px;left:0;min-width:1074px;position:absolute;width:100%;z-index:100}
#cloud2{background:url(https://sites.google.com/site/ez2mmo/cloud2.png) repeat-x 0 0;height:105px;position:absolute;width:100%;z-index:300}
#cloud3{background:url(https://sites.google.com/site/ez2mmo/cloud3.png) repeat-x 0 0;height:26px;position:absolute;width:100%;z-index:400}
.pun .main-head input{margin-bottom:0}
.pun .frm .frm-buttons input{margin-top:-3px;height:30px;padding:0 10px}
button,input[type="reset"],input[type="button"],input[type="submit"]{margin-top:-3px;height:30px!important;padding:0 10px!important;background:#F4F4F4!important;1px solid #F3F3F3!important}
button,input[type="reset"],input[type="button"],input[type="submit"]{background-color:#77C2A7!important;color:#FFF;border-color:#77C2A7!important}
button:hover,input[type="reset"]:hover,input[type="button"]:hover,input[type="submit"]:hover{background-color:#777!important;border-color:#666!important}
textarea:focus,button:focus,input:focus,.pun select:focus{border:1px solid #77C2A7!important;outline:none}
button:active,input[type="reset"]:active,input[type="button"]:active,input[type="submit"]:active{border-color:#000!important;color:#000!important}
input[type="text"]{background:#FFF!important}
.pun input {border: 1px solid #DDD}
::-webkit-scrollbar { width: 8px; height: 3px;}
::-webkit-scrollbar-button {  width: 0px; height: 0px; }
::-webkit-scrollbar-track {  background-color: #77C2A7;}
::-webkit-scrollbar-track-piece { background-color: #FFFFFF;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #77C2A7;}
::-webkit-scrollbar-corner { background-color: #999;}
::-webkit-resizer { background-color: #666;}

a{position:relative;text-decoration:none!important;}
a:after{content:'';position:absolute;left:0px;bottom:-2px;width:0%;height:1px;background:rgba(255,255,255,0.6);transition: width 0.25s 0.25s;}
a:hover::after {width:100%;transition:width 0.15s;}
.main .frm-info{background: url('http://i.imgur.com/blXTPoH.png') no-repeat left 15px center #B91F1F;border: 2px solid #EB6060;padding: 1em 5em;color: #fff;font-weight: bold;}
/* Latest topics */
#content-container div#main{margin-bottom:0}
*+ html #content-container div#main{margin-left:0;margin-right:0}
#content-container div#left{float:none;width:100%}
#left{margin:30px 0}
#left,#left *,#left li:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#left table.table{border-collapse:collapse;empty-cells:show;table-layout:fixed;width:100%}
#left a{text-decoration:none}
#left td{width:25%;vertical-align:top;border-width:0 1px}
#left .double{border-left:0;width:50%}
#left li{position:relative;width:100%;list-style-type:none;height:22px;line-height:24px;border-bottom:1px dashed #CCC;counter-increment:Zzindex}
#left li:before{content:counter(Zzindex);display:block;height:16px;background:#98D0FF;position:absolute;left:-23px;font-size:11px;top:5px;border-radius:2px;text-align:center;width:18px;color:#FFF;line-height:16px}
#left li:after{content:" ";background:#98D0FF;display:block;width:6px;height:6px;position:absolute;top:10px;left:-8px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#left li:nth-child(1):before,#left li:nth-child(1):after{background:red}
#left li:nth-child(2):before,#left li:nth-child(2):after{background:#d47a2a}
#left li:nth-child(3):before,#left li:nth-child(3):after{background:#b9ba45}
#left li:nth-child(4):before,#left li:nth-child(4):after{background:#aad655}
#left li:nth-child(5):before,#left li:nth-child(5):after{background:#55e7aa}
#left a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:60%;height:inherit}
#active_topics a,#viewed_topics a{width:70%}
#left #recent_topics a{width:80%}
#left .lastRight{right:0;text-align:right;position:absolute;top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;left:auto}
#left ul,#left th{padding-left:34px;padding-right:10px;margin:0}
#left ul{height:114px}
#left .changeLast{border:0 none!important;background:inherit;margin-top:0!important;margin-bottom:-1px;padding:0!important}
#left .changeLast,#left th h2{color:#777}
#left th{width:25%;vertical-align:middle}
th.topicLast{border-top:1px solid #F3F3F3!important}
th.double{text-align:left}
#recent_topics li{margin:.5px 0}
#left #recent_topics .lastRight{width:20%!important}
.half li:nth-child(6),.half li:nth-child(7),.half li:nth-child(8),.half li:nth-child(9),.half li:nth-child(10),#active_starters,#users_month{display:none}
/* Tooltip */
#tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px}
/* Lightbox @leandrovieira ver 0.5 */
#jquery-overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:500px}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev{left:0;float:left}
#lightbox-nav-btnNext{right:0;float:right}
#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 10px}
#lightbox-container-image-data{color:#666;padding:0 10px}0
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:700}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:.7em}
/* Chatbox */
#chatbox_members, #chatbox, #chatbox_footer {background:#fff}
.chatbox-title {height: 15px!important;background: #77C2A7!important;float: left;margin: 0;padding: 5px!important;width: 15em;color: #fff!important;}
.chatbox-title:before {display: none;} .chatbox-title:after{display:none}
#chatbox_header {background: #77C2A7!important;color: #fff!important;}
#chatbox_members {border-right-style:solid!important}
#chatbox_footer {border-top-style:solid!important}
.member-title.online, .member-title.away {background: #fff!important;border-bottom: 5px solid #77C2A7;color: #77C2A7!important;font-weight: bold!important;font-family: monospace, initial;font-size: 17px!important;padding-bottom: 2px!important;}
.chatboxtruot iframe {width: 800px;height: 350px;margin: 0 auto;}
.chatboxtruot {position:fixed;bottom:30px;display:none;right:0}
.battatcb {position: fixed;right: 20px;bottom: 0;line-height: 20px;padding: 0px 10px;background: #B800FF;color: #fff;border: 2px solid #D56BFF;font-weight: bold;}
/* Profile */
#tabs ul li.activetab a {background-color: #77C2A7!important;border-color: #77C2A7!important;}
#tabs ul li a {color:#77C2A7!important;background:#fff!important}
#tabs ul li a {color:#fff!important;background:#77C2A7!important}
/*Sign */
.sig-content { max-height:300px;overflow-y:hidden;opacity:0.4;
filter:alpha(opacity=40);}
.sig-content:hover{overflow-y:auto;opacity:1;
filter:alpha(opacity=100);}

Giups với

[Rin]

vào css tìm

Code:

.postbody img  {
box-shadow: 0px 0px 6px #333;
}

xóa nó đi ... mặc dù xóa đi cũng ko thể làm cho cái like nó tự load nhưng cần tìm ra nguyên nhân nhanh à mà

Tìm trong css

Code:

/* zzVotePlus by Zzbaivong - devs.forumvi.com */
div.vote-zzvote{float:left;margin-left:2em}
div.vote-zzvote > a.vote-plus{background:none no-repeat center #FFF;color:#444;cursor:pointer;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.05);box-shadow:0 1px 0 rgba(0,0,0,.05);border:1px solid #d9d9d9;border-radius:3px;font-size:11px;font-weight:700;display:inline-block;float:left;height:22px;line-height:20px;transition:background .3s;-webkit-transition:background .3s;-moz-transition:background .3s;padding:0 7px}
div.vote-zzvote > a.vote-plus:hover{border-color:#666}
div.vote-zzvote > a.vote-plus[href=""]{border:0 none;line-height:22px;background-color:#dd4b39;cursor:default;color:#FFF}
div.vote-zzvote > a.vote-plus.dis{background-color:#FFF;color:#CCC}
div.vote-zzvote > a.vote-plus.dis:hover{border-color:#d9d9d9;cursor:not-allowed}

Xóa luôn đi

[Chúa Tể Địa Ngục]

hồi trước thấy mà ko dám xóa :v
cơ mà vẫn thấy đóng khung ở mặt cười
http://otaku-world.yourme.net/t1327-qua-moe-so-voi-quy-dinh#13957
Và nút like bị xung đột ****

[Rin]

tìm

Code:

.entry-content img {
  box-shadow: 0px 0px 6px #333;
}

xóa nó đi xóa luôn cái zzvote của baivong đi

[Chúa Tể Địa Ngục]

quên cái zzplus của baivong , đã xóa!
Mà hình như +Like bị xung đột rồi chú

[Rin]

tắt hết các js rồi thữ ra vote lại xem sau đó bật lại từng cái để check xem nó xung đột với js nào

[Chúa Tể Địa Ngục]

tắt JS ấn rep rep được nhưng load trang hoài F5 lại trang thì thấy vote rồi, thấy nó sao sao ý, thay nút vote khác được ko Rin

[Rin]

cứ thay đi nếu lỗi thì quay về view cũ code vẫn còn đó mà

[Chúa Tể Địa Ngục]

Rin thay giups Rep khasc ddc hoom

[Rin]

chịu rồi sau 2 năm bỏ FM Rin h khá là tệ code tut rùi

xin phép bổ sung css của kazu trên #1 nhé :v

[Juny Thoang]

chịu rồi sau 2 năm bỏ FM Rin h khá là tệ code tut rùi

xin phép bổ sung css của kazu trên #1 nhé :v

Toàn thấy bác làm cho inv và pun nhỉ 

[Chúa Tể Địa Ngục]

Xin giúp thay nút Rep khác và bỏ cái resize ảnh đi thanks Rin

[Rin]

h Rin cũng ko biết có nút like nào khác để mà thay nữa ... viewtopic đó làm gì có resize ảnh

[Chúa Tể Địa Ngục]

http://otaku-world.yourme.net/t1362-so-sanh-kieu-nguoi-trong-anime-va-trong-thuc-te#14000 sao ảnh nhỏ vl

[Rin]

tìm trong view

Code:

<style>.post-entry a.lightbox {
display: inline-block;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: rgba(0, 0, 0, .5);
-webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, .3), 0 1px 2px rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0 2px 5px hsla(0,0%,0%,.3), 0 1px 2px hsla(0,0%,100%,1);
box-shadow: inset 0 2px 5px rgba(0, 0, 0, .3), 0 1px 2px rgba(255, 255, 255, 1);
margin: 10px;
}

  .post-entry img {
max-width: 300px;
  float: center;
}
.post-entry .lightbox:hover img {
-webkit-transform: scale(.94, .9);
-moz-transform: scale(.94, .9);
-o-transform: scale(.94, .9);
-ms-transform: scale(.94, .9);
transform: scale(.94, .9);
-webkit-transition: -webkit-transform .2s cubic-bezier(.5,.1,.1,1);
-moz-transition: -moz-transform .2s cubic-bezier(.5,.1,.1,1);
-o-transition: -o-transform .2s cubic-bezier(.5,.1,.1,1);
-ms-transition: -ms-transform .2s cubic-bezier(.5,.1,.1,1);
transition: transform .2s cubic-bezier(.5,.1,.1,1);
}
.post-entry .lightbox:active img {
   -webkit-transform: scale(.8);
   -moz-transform: scale(.8);
   -o-transform: scale(.8);
   -ms-transform: scale(.8);
   transform: scale(.8);

   -webkit-transition: -webkit-transform .06s cubic-bezier(.5,.1,.1,1);
   -moz-transition: -moz-transform .06s cubic-bezier(.5,.1,.1,1);
   -o-transition: -o-transform .06s cubic-bezier(.5,.1,.1,1);
   -ms-transition: -ms-transform .06s cubic-bezier(.5,.1,.1,1);
   transition: transform .06s cubic-bezier(.5,.1,.1,1);
}
  }</style>

xóa đi

còn vấn đề nút like thì .... Rin ... bó hand

[Chúa Tể Địa Ngục]

hồi trước có làm thử nhưng lỗi quá trời luôn == Xóa JS quick reply rồi thấy ấn rep load hoài F5 cái hết load và thấy đã thanks

[Sponsored content]