[Đóng góp] View ngang by tanvking

  Bài viết hay nhất1
[Đóng góp] View ngang by tanvking GhmvPqg
Thay toàn bộ view_topic:
Code:

<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(){

    if(typeof(_atc) == "undefined") {
        _atc = { };
    }

    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }
   
   return false;
};

//]]>
</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="pun-crumbs noprint">
   <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;»&nbsp;
      <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 -->
      <div id="fb-root"></div>
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>   
      <div class="fb-like right" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" style="top:-15px;"></div>
      <!-- END switch_fb_likebtn -->
   </p>
</div>

<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>&nbsp;&nbsp;
         <!-- 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 id="tieude">Chủ đề : <a href="{postrow.displayed.POST_URL}">{PAGE_TITLE}</a></div>
   <div class="main-content topic">
      <!-- BEGIN postrow -->
         <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
         <!-- END hidden -->
         
         <!-- BEGIN displayed -->
         <!-- BEGIN first_post_br -->
      </div>
      <hr id="first-post-br" />
      <div class="main-content topic">
         <!-- END first_post_br -->
         <div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
            <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -20px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
            <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
               <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                  <h2>
                                                  <strong>Bài viết <a href="{postrow.displayed.POST_URL}">{postrow.displayed.COUNT_POSTS}</a></strong>
                     {postrow.displayed.ICON}  {postrow.displayed.POST_DATE_NEW}
                  </h2>
               </div>

               <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                  <div class="user">
                     <div class="user-ident">
                                                          <div class="tenview"><div id="tenview2">{postrow.displayed.POSTER_NAME}</div></div>
                        <div class="user-basic-info">                                                                 
                                                                  <div id="avatarview">{postrow.displayed.POSTER_AVATAR}</div>
                                                                  <div id="rankview">{postrow.displayed.RANK_IMAGE}</div> 
                                                                                                                                                                                                   
                           Đẳng cấp : {postrow.displayed.POSTER_RANK_NEW}
                        </div>
                     </div>
                     <div class="user-info">
                        
                        <!-- BEGIN profile_field -->
                                                          <div id="khungview">
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                                                          </div>
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                     </div>
                  </div>
                                                <td height="27" width=100% background="http://i34.servimg.com/u/f34/14/04/26/89/p31010.gif" colspan=3></td>
                  <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}" alt="" />

                                       <!-- 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 profile_{postrow.displayed.PROFILE_POSITION}">
                     {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                  </div>
                  <div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
                                                  <div class="vote-Zzbaivong">
  <!-- BEGIN switch_vote_active -->
  <a class="vote-plus" href="<!-- BEGIN switch_vote -->{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}<!-- END switch_vote -->">
      Thích
    </a>
  <span class="vote-time plus-time">0</span>
  <a class="vote-minus" href="<!-- BEGIN switch_vote -->{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}<!-- END switch_vote -->">
      Báo xấu
    </a>
  <span class="vote-time minus-time">0</span>
  <div class="vote-plus-post vote-cmt">
      <p class="vote-note">Gửi một tin nhắn lên tường.</p>
      <textarea class="vote-mess"></textarea>
      <input class="vote-send" tyle="button" value="Gửi" />
  </div>
  <div class="vote-minus-post vote-cmt">
      <p class="vote-note">Gửi báo cáo lỗi về bài viết này.</p>
      <textarea class="vote-mess"></textarea>
      <input class="vote-send" tyle="button" value="Gửi" />
  </div>
  <input class="vote-tip" type="hidden" value="<!-- BEGIN switch_bar -->{postrow.displayed.switch_vote_active.L_VOTE_TITLE}<!-- END switch_bar --><!-- BEGIN switch_no_bar -->{postrow.displayed.switch_vote_active.L_VOTE_TITLE}<!-- END switch_no_bar -->" />
  <!-- END switch_vote_active -->
</div>
                     {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>
                  <div style="clear:both;"></div>
               </div>
            </div>
         </div>
         <!-- END displayed -->
      <!-- END postrow -->
   </div>

   <div class="main-foot clearfix">
      <p class="h2">
         <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;&nbsp;
         {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>&nbsp;&nbsp;
         <!-- 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}&nbsp;»&nbsp;
      <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 -->
      »&nbsp;<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}" alt="" />
         </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">
  //<![CDATA[
  $(".vote-Zzbaivong").each(function() {
      var b = $(this);
      if (b.is(":empty")) b.html('<a class="vote-plus" href="">Thích</a><span class="vote-time plus-time">0</span><a class="vote-minus" href="">Báo xấu</a><span class="vote-time minus-time">0</span>');
      else {
        var a = b.find(".vote-tip").val(),
            c;
        /Message\sreputation\s:/.test(a) ? (c = a.split(/\W/), a = Math.round(parseInt(c[4], 10) / 100 * parseInt(c[7], 10)), c = parseInt(c[7], 10) - a) : a = c = 0;
        b.find(".plus-time").text(a);
        b.find(".minus-time").text(c)
      }
  });
  $(document).click(function(b) {
      $(".vote-cmt").fadeOut()
  });
  $(".vote-Zzbaivong").click(function(b) {
      b.stopPropagation()
  });
  $(".vote-plus, .vote-minus").one("click", function(b) {
      b.preventDefault();
      var a = $(this);
      b = a.attr("href");
      /us\&p_vote\=/.test(this.href) && (a.parent().children(".vote-plus, .vote-minus").attr("href", "javascript:;"), a.next(".vote-time").text(function() {
        return parseInt($(this).text(), 10) + 1
      }), a.parent().find(".vote-plus").css("background-image", "url(http://i57.servimg.com/u/f57/17/05/17/70/preloa10.gif)"), $.get(b, function() {
        a.parent().children(".vote-plus").removeAttr("style")
      }), a.siblings("." + a.attr("class") +
        "-post").fadeIn().children(".vote-mess").focus())
  });
  $(".vote-send").one("click", function() {
      var b = $(this),
        a = b.closest(".post"),
        c = a.find("a[href^='/report']").attr("href"),
        d = b.parent().children(".vote-mess").val(),
        f = b.parent().children(".vote-note");
      f.text("Đang xử lý...");
      if ("vote-plus-post vote-cmt" == b.parent().attr("class")) {
        var e = "http://" + location.host + location.pathname + "#" + c.replace(/.*p=(\d+).*/, "$1"),
            c = $.trim(a.find(".user a[href^='/u']:not(:has(img)):first").text()),
            a = a.find(".user a[href^='/u']:first").attr("href").replace(/.*\/u(\d+).*/, "$1"),
            e = "Mình thích bài viết của bạn tại [url=" +
              e + "]" + document.title + "[/url]";
        d.replace(/\s/g, "").length && (e = e + "[quote]" + d + "[/quote]");
        $.post("/privmsg", {
            subject: "Bài viết hay",
            message: e,
            username: c,
            u: a,
            mode: "post_profile",
            folder: "profile",
            post: "Send"
        }, function() {
            f.text("Tin nhắn đã được gửi");
            b.closest(".vote-cmt").delay(300).fadeOut()
        })
      } else 3 >= d.replace(/\s/g, "").length && (d = "Bài viết vi phạm nội quy diễn đàn."), $.post(c, {
        message: d,
        post: "Save"
      }, function() {
        f.text("Báo cáo đã được gửi");
        b.closest(".vote-cmt").delay(300).fadeOut()
      })
  });
  $(".vote-Zzbaivong > a[href='']").attr("href", "javascript:;");
  //]]>
</script>
CSS:
Code:

/* view_topic tấn */
    .pun .user{width:12em}
    .pun .postmain{margin-left:auto;background:#fff;border-left-width: 0px;}
    .pun .post .user,.postfoot{margin-left: auto;}
    .postmain .postfoot,.pun .postmain{margin:0}
    .postmain .user{margin:0;width:100%;padding:0;background: url(http://i47.servimg.com/u/f47/17/57/92/32/bg210.gif);border-bottom:1px solid #CCC}
    .postmain .user>div{margin:12px}
    .postmain .post-entry{clear:left}
    .pun .post .user{margin-top:0}
    .pun .posthead {margin-left: -14em;border-bottom-style: solid;background-color: #FFFFFF;}
    .pun .postmain .posthead {margin:0}   
    .postmain .user-basic-info div{display:inline-block}
    .user-ident{text-align:center}
    .postmain .user-ident{float:left;padding:10px;}
    .postmain .user-info{float:right}
.tenview{font-weight:bold; position: absolute;left: 100px;top:35px;background-color: #7A7A7A;width: 220px;line-height:30px;border-radius: 0px 10px 10px 0px;}
#avatarview img { width: 100px; height: 100px; border-radius:100%;position: relative; border: 10px solid #333;z-index: 1;}
#rankview {background: #7A7A7A;position: absolute;width: 220px;height: 40px;border-radius: 0px 10px 10px 0px;left: 100px;top:70px;z-index: 0;}
#rankview img { width: 150px; height: 30px; margin-top: 5px; position: absolute;  left: 35px; }
#khungview { background: #fff;border-left: 10px solid #333333;border-right: 1px solid #333333;border-bottom: 1px solid #333333;border-top: 1px solid #333333;margin-top: 5px;padding-right:10px;padding-left:10px;}
#khungview:hover { border-left: 10px solid #ff0a16;border-right: 1px solid #ff0a16;border-bottom: 1px solid #ff0a16;border-top: 1px solid #ff0a16; }
#khungview .label span{margin-right: 5px;}
#tieude {padding-left: 10px;padding-right: 10px;background: #FFF;font-size: 24px;border: 2px solid #00bbff;height: 30px; margin-top: 5px; margin-bottom: 5px;}
#tieude a {line-height: 30px;color: #00bbff}
/* fb_Vote - DEVs.forumvi.com */.vote-Zzbaivong,.vote-Zzbaivong *,.vote-Zzbaivong *:before,.vote-Zzbaivong *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.vote-Zzbaivong{margin-left:13em}
/* 13em là khoảng cách đến mép trái,sửa nó về 0 hoặc số khác nếu bị lệch */.vote-Zzbaivong{float:left;height:26px;line-height:24px;position:relative;text-align:left;white-space:nowrap}
.vote-plus-post,.vote-minus-post{z-index:10;position:absolute;top:32px;left:0;display:none;width:250px;background:#FFF;border:1px solid #F2F2F2;box-shadow:4px 4px 7px 0 #999;padding:5px}
.vote-minus-post{left:120px}
.vote-note{height:20px;line-height:20px;font-size:11px;background:#ffffd3;border:1px solid #F7EB93;margin-bottom:2px;padding:0 5px}
.vote-mess{width:200px;resize:vertical;min-height:40px;height:40px}
.vote-Zzbaivong .vote-send{width:36px;margin-top:0!important;margin-left:2px;cursor:pointer;text-align:center;vertical-align:top;height:40px;background:#0085FF;border:1px #87CEEB;color:#FFF}
.vote-plus-post:before,.vote-minus-post:before{content:'';display:inline-block;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #E2E2E2;position:absolute;left:10px;width:10px;right:-10px;top:-10px}
.vote-plus-post:after,.vote-minus-post:after{content:'';display:inline-block;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff;position:absolute;left:11px;right:-9px;width:9px;top:-9px}
.vote-plus{background:url(http://i57.servimg.com/u/f57/17/05/17/70/like10.png) no-repeat 5px 2px #deeaf7;height:24px;border:1px solid #C8D7EC;color:#5089BE!important;font-family:sans-serif;border-radius:2px;display:inline-block;padding:0 5px 0 25px}
.vote-plus:hover{border-color:#6A9AD6}
.vote-plus[href="javascript:;"]{color:#666!important;background-color:#DDD;cursor:no-drop;background-image:url(http://i57.servimg.com/u/f57/17/05/17/70/gpqbxh10.png);border-color:#CCC}
.vote-time{position:relative;border-radius:2px;display:inline-block;height:24px;line-height:22px;border:1px solid #D8D7D7;margin:auto 5px;padding:0 5px}
.vote-time:before{content:'';display:inline-block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #CCC;position:absolute;left:-6px;width:6px;top:5px}
.vote-time:after{content:'';display:inline-block;border-bottom:5px solid transparent;border-top:5px solid transparent;border-right:5px solid #fff;position:absolute;left:-5px;width:5px;top:6px}
.vote-minus{margin-left:20px;color:#666!important}
.vote-minus:hover{color:red!important}
.vote-minus[href="javascript:;"]{color:#C5C5C5!important;cursor:no-drop}
Em mới vào làm forum dc hơn 5 tháng nếu thấy xấu thì đừng chê em nhé
  Bài viết hay nhất2
Màu không hợp với nền cho lắm
  Bài viết hay nhất3
Cám ơn Méo góp ý nha
  Bài viết hay nhất4
View ribboson gì đó mà - bỏ hover để nó qua phải cái đổi ảnh nền nữa là thành view by @tavking hả
  Bài viết hay nhất5
Thực ra thì
- Cái style ava gắn với name và rank là C-Ribbons (không biết forum khác có không)
- Ảnh nền thông dụng trong view đã share ở khắp nơi
- Style mục profile méo đã từng thấy ở forum gì đó của thím BTV2

Nhưng không sao, méo cũng toàn lấy hàng của người khác ra chế rồi đem xài :v (chỉ là không đem share thôi). Cứ từ từ thế này rồi sẽ tự làm được code riêng không đụng hàng :3
  Bài viết hay nhất6
Cái này em làm tự viết CSS mà chỉ là lấy ý tưởng avatar của view C-Ribbons của bạn Méo thoy à
Mong anh anhoang_qn và Méo thông cảm em chỉ làm dc nhiêu đó thoy
  Bài viết hay nhất7
You cannot reply to topics in this forum