[Hỏi đáp] Làm sao để tách phần pet trong skin FCA Blue and Pink

  Bài viết hay nhất1
Mình muốn ghép cái phần RPG của skin FCA Blue and Pink vào 4rum của mình là http://lmht.5forum.net/
Đây là view của FCA:
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(){
 _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 -->
 <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>

<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 class="main-head 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="#bottom">{L_GOTO_DOWN}</a>&nbsp;&nbsp;
 {L_MESSAGE} [{PAGE_NUMBER}]
 </p>
 </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 class="honey"></div>{postrow.displayed.POSTER_NAME}
 <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                                          <div class="userfca">
                                            <div class="avatarfca">{postrow.displayed.POSTER_AVATAR}</div>
                                            <div class="infoview">
                                              <div class="yolo">
                                              <div class="usernamefca">
                                                {postrow.displayed.POSTER_NAME}&nbsp;{postrow.displayed.ONLINE_IMG}{postrow.displayed.RANK_IMAGE}
                                              </div>
                                              <div class="viewinfo">
                                              <!-- BEGIN profile_field -->
                                                <div class="holysht">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
      <!-- END profile_field -->
                                              </div>
                                              </div>
                                            </div>
                                            <div class="rpgfca">{postrow.displayed.POSTER_RPG}</div>
                                          </div>
 </div>
                                  <div class="timetimea"></div>
                                  <div class="timetime">
                                    {postrow.displayed.ICON}&nbsp;
                                    <a href="{postrow.displayed.POST_URL}">
                                      {postrow.displayed.POST_SUBJECT}
                                    </a>&nbsp;&nbsp;
                                    {postrow.displayed.POST_DATE_NEW}
                                  </div>
                                  
                                  <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>
 <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>
   <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>
 <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
 <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}">
 {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">
$(".viewinfo .label:contains('Phương châm')").parent().addClass("phuongcham").contents().filter(function(){return this.nodeType === 3;}).wrap("<marquee></marquee>");
$(".viewinfo .label:contains('Tên riêng')").parent().addClass("tenrieng");
</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\u00edch</a><span class="vote-time plus-time">0</span><a class="vote-minus" href="">B\u00e1o x\u1ea5u</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(c[4] / 100 * c[7]), c = c[7] - 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()) + 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("\u0110ang x\u1eed l\u00fd...");
      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']:first").text()),
            a = a.find(".user a[href^='/u']:not(:has(img)):first").attr("href").replace(/.*\/u(\d+).*/, "$1"),
            e = "M\u00ecnh th\u00edch b\u00e0i vi\u1ebft c\u1ee7a b\u1ea1n t\u1ea1i [url=" +
               e + "]" + document.title + "[/url]";
         d.replace(/\s/g, "").length && (e = e + "[quote]" + d + "[/quote]");
         $.post("/privmsg", {
            subject: "B\u00e0i vi\u1ebft hay",
            message: e,
            username: c,
            u: a,
            mode: "post_profile",
            folder: "profile",
            post: "Send"
         }, function () {
            f.text("Tin nh\u1eafn \u0111\u00e3 \u0111\u01b0\u1ee3c g\u1eedi");
            b.closest(".vote-cmt").delay(300).fadeOut()
         })
      } else 3 >= d.replace(/\s/g, "").length && (d = "B\u00e0i vi\u1ebft vi ph\u1ea1m n\u1ed9i quy di\u1ec5n \u0111\u00e0n."), $.post(c, {
         message: d,
         post: "Save"
      }, function () {
         f.text("B\u00e1o c\u00e1o \u0111\u00e3 \u0111\u01b0\u1ee3c g\u1eedi");
         b.closest(".vote-cmt").delay(300).fadeOut()
      })
   });
   $(".vote-Zzbaivong > a[href='']").attr("href", "javascript:;");
   //]]>
</script>
<style>
* Viewtopic Body */
.pun .postfoot .user-contact{z-index:100;float:left;text-align:left;width:15em}
.postfoot{background:#ffb2b2;border-top:5px solid #FF5959;clear:both;margin-left:0;padding:.5em 1em;text-align:right}
.pun .postmain{background-color:#fff;border-left:0;margin-left:0}
.pun .posthead{z-index:101;background:#fff;border-bottom:5px solid rgba(203,230,243,.5);padding:.5em 1.3em .5em 1em}

/* Background Posthead */a[href="/u1"] + .posthead{background:#000 url(http://us.123rf.com/400wm/400/400/essl/essl1104/essl110400021/9352955-multicolor-abstract-lights-disco-background-square-pixel-mosaic.jpg) top left;background-size:100%}
.avatarfca img{width:125px;height:125px;border-radius:100%;border:5px solid;border-color:#26AAE9;border-bottom-color:#cbe6f3;border-right-color:#cbe6f3;box-shadow:0 0 15px #1591CC}
.infoview{box-shadow:0 0 10px #26aae9;border-right-color:#cbe6f3!important;border-top-color:#cbe6f3!important;border-bottom-color:#26AAE9!important;border-left-color:#26aae9!important;white-space:nowrap;transition:0.1s ease-out;margin-left:-15px;border-radius:1000px 0% 0% 1000px;border:5px solid;margin-top:-147px;z-index:2;position:absolute;color:#000;visibility:hidden;width:0;height:160px;overflow:hidden;background:#fff}
.infoview:hover{visibility:visible;width:500px}
.avatarfca{z-index:3;position:relative;height:130px;width:130px;border-radius:100%}
.avatarfca:hover + .infoview{visibility:visible;width:500px}
.avatarfca:hover ~ .rpgfca{visibility:visible;opacity:1}
.infoview:hover + .rpgfca{visibility:visible;opacity:1}
.rpgfca{position:absolute;height:150px;width:150px;background:#fff;border:5px solid #76c6ec;border-top:5px solid #26aae9;border-right:5px solid #26aae9;margin-top:-140px;margin-left:510px;visibility:hidden;opacity:0;transition:0.5s;z-index:2}
.yolo{padding:20px 10px;margin-left:160px}
.holysht{width:50%;float:left}
.phuongcham{width:100%;color:#26AAE9}
.phuongcham .label{color:#ffb2b2}
.holysht marquee{position:absolute;width:70%}
.honey + a{display:none}
a[href*="&mode=newtopic"]:before{content:'Tạo topic';color:#23aae9;background:#cbe6f3;padding:7px 10px;border-top:5px solid #23aae9;display:inline;margin-bottom:10px}
a[href*="&mode=reply"]:before{content:'Trả lời';color:#ff5959;background:#ffd1d1;padding:7px 10px;border-top:5px solid #ff5959;display:inline;margin-bottom:10px}
a[href*="&mode=newtopic"] img,a[href*="&mode=reply"] img{display:none}
a[href*="&mode=reply"]:hover:before{background:#ffb2b2;color:#fff}
a[href*="&mode=newtopic"]:hover:before{background:#76c6ec;color:#fff}
.timetimea{margin-left:-3px;border:6px solid #fff;border-radius:100%;background:#000;width:15px;height:15px;position:absolute;z-index:2}
.timetime{position:relative;color:#727272;border-radius:100px 0 0 100px;width:calc(100% - 26px);background:#000;line-height:26px;z-index:1;padding-left:26px}
.tenrieng{color:#FF5656;padding:5px 0;border-bottom:1px dashed #FF5656;width:100%;margin-top:-30px;position:absolute}
.viewinfo{margin-top:30px}
.pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited{background-image:url(http://png-4.findicons.com/files/icons/566/isimple_system/16/app_help.png)}

/* 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{float:right;height:26px;line-height:24px;position:absolute;text-align:left;white-space:nowrap;z-index:0;margin-top:-26px;margin-left:850px;transition:all 0.2s linear}
.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{background:#fff;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;display:none}
.vote-minus:hover{color:red!important}
.vote-minus[href="javascript:;"]{color:#C5C5C5!important;cursor:no-drop}
.minus-time{display:none}
.postmain:hover .vote-Zzbaivong{margin-top:0}

/* Sửa lý lịch */
#tabs ul li a{font-weight:bold!important;color:#23aae9!important;margin-top:5px;border-top:5px solid #23aae9!important;background-color:#cbe6f3;float:left;font-size:1.1em;line-height:2em;padding:0 1em;text-decoration:none;border:0}
.activetab a{background-color:#ffb2b2!important;border-top:5px solid #ff5959!important}
.activetab span{color:#fff}
#tabs ul li{padding:0}
#tabs ul li.activetab a{background-color:#ffb2b2!important;border-top:5px solid #ff5959!important;color:#fff;pointer-events:none}
#tabs ul li a:hover{background-color:#ffb2b2!important;border-top:5px solid #ff5959!important}
#tabs ul li a:hover span{color:#fff}

/* Profile */
#profile-advanced-right{margin-top:20px}
.main-content.clearfix.center img:first-child{border:10px solid #fff;width:150px;height:150px;position:absolute;margin-top:-465px;margin-left:-100px;z-index:998}
#field_id2 .field_uneditable{width:150px!important;position:absolute;margin-top:-530px!important;background:rgba(0,0,0,.5);font-weight:bold;color:#aaa;margin-left:643px!important;z-index:999;height:30px;line-height:30px;text-align:center}
#field_id3 .field_uneditable img{width:1043px}
#field_id3 .field_uneditable{overflow:hidden;z-index:1;width:1041px;position:absolute;height:200px;margin-top:-751px!important;margin-left:-148px!important;border:1px solid #d7d7d7;padding:0!important}
#field_id3 .ajax-profil_edit{margin-left:-100px;position:absolute;margin-top:-700px;z-index:2}
#field_id3 textarea{position:absolute;margin-top:-720px;margin-left:-100px;z-index:2}
#field_id3 .ajax-profil_valid{position:absolute;margin-top:-710px;margin-left:-120px;z-index:2}
#field_id1 .field_uneditable{width:463px;padding:0 10px;background:#fff;position:absolute;margin-top:-945px;margin-left:150px;line-height:40px;color:#ff5959;font-weight:bold;z-index:999}
#profile-advanced-right .module:nth-child(2){height:0!important}

/* Information */
.information{padding:15px 20px;background:#ffe9e9;border-top:5px solid #ff5959;color:#ff5959;font-weight:bold;position:relative}
</style>
Nick test : Kushu
Pass 123456lm
  Bài viết hay nhất2
Còn đây là view của mình:
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>
<div class="main paged">
  <div class="clearfix">
      <div class="paged-foot clearfix">
    <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
        <!-- BEGIN switch_user_authpost -->
        <a class="large_textbutton" href="{U_POST_NEW_TOPIC}" rel="nofollow"><span>☆</span> Viết chủ đề mới</a>
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a class="large_textbutton" href="{U_POST_REPLY_TOPIC}"><span>+</span> Trả lời chủ đề</a>
        <!-- END switch_user_authreply -->
      </p>
  </div>

    <div class="paged-foot clearfix">{POLL_DISPLAY}</div><br />
  <div class="main-head clearfix" style="background-color: #1F537B;border: 0px solid #DDD;box-shadow:-2px 2px 2px #c8c8c8;">
      <p class="h2">
        <a href="#bottom">{L_GOTO_DOWN}</a>{L_MESSAGE} [{PAGE_NUMBER}]</p><span style="float:right; margin-top: -0px;margin-right: -200px;;position: relative;"><g:plusone size="medium"></g:plusone><span id="twitter_btn"> <span id="fb_likebtn">
        <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe>
      </span>
          </span>
  </div>
  

      
      

  </div><br/>
  
  <div class="main-content-topic2">
      <!-- BEGIN postrow -->
            <div class="main-content-topic">
      <!-- BEGIN displayed -->
            <span class="baigui" style="display:none">{postrow.displayed.COUNT_POSTS}</span>
        
      <div class="post" {postrow.displayed.THANK_BGCOLOR}>
<a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_NAME}
        <div class="postmain" {postrow.displayed.THANK_BGCOLOR}>
            <div id="p{postrow.displayed.U_POST_ID}" class="posthead" {postrow.displayed.THANK_BGCOLOR}>
              <h2>
                <a href="?showpost={postrow.displayed.U_POST_ID}"><div style="float:right;background: #2EBCFF; padding: 2px; color: white; min-width: 15px; height: 15px; font-size: 12px; text-align: center; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; position: relative; top: -2px;"><strong><span class="itemCount alert">{postrow.displayed.COUNT_POSTS}</span></strong></div></a>{postrow.displayed.ICON} <a class="tieudeT" href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT} </a> <img src="http://i36.servimg.com/u/f36/15/86/65/76/icon-t10.png" border="0" alt="" /> {postrow.displayed.POST_DATE_NEW}
              </h2>
            </div>
                        <div class="postbody" {postrow.displayed.THANK_BGCOLOR}>
              <div class="user">
                  <div class="user-ident" id="userinfo{postrow.displayed.U_POST_ID}" style="position: relative;">
                    <div class="posthead">
                      <span style="font-size: 10pt; "><b>{postrow.displayed.POSTER_NAME}</b></span>
                    </div>
                    <div onmouseover="show_user({postrow.displayed.U_POST_ID})" onmouseout="hide_user({postrow.displayed.U_POST_ID})" class="userInfoF">
                                                          <div class="useravatar" style="float: left;">{postrow.displayed.POSTER_AVATAR}</div>
                        <div class="user-info">
                          <div class="manuUserF">
                                                                          <strong><span class="tennick">{postrow.displayed.POSTER_NAME}</span></strong>
                              <span class="fmviOnoff">{postrow.displayed.ONLINE_IMG}</span>                              
                          </div>
                          <dl class="cl" style="float:right; width: 370px;">
                              
                              <!-- BEGIN profile_field -->
                              <dt>{postrow.displayed.profile_field.LABEL}</dt>
                              <dd>{postrow.displayed.profile_field.CONTENT}</dd>
                              <!-- END profile_field -->
                          </dl>
                          <div>
                              <span style="color:blue">Phương châm:</span>
                              <marquee class="status"></marquee>
                          </div>
                          <div class="morelink">
                              <a target="_blank" class="Upro5"><img alt="Tường nhà" src="http://i48.servimg.com/u/f48/16/58/89/73/profil10.png" />Tường nhà</a>
                              <a target="_blank" class="Utopic"><img alt="Xem bài viết" src="http://i48.servimg.com/u/f48/16/58/89/73/total_10.gif" />Bài viết</a>
                              <a target="_blank" class="Ufrien"><img alt="Kết bạn" src="http://i48.servimg.com/u/f48/16/58/89/73/friend10.png" />Kết bạn</a>
                              <a target="_blank" onClick="javascript:alert('Ứng dụng này đang phát triển, vui lòng quay lại sau')" class="Umoney"><img alt="Tài sản" src="http://i48.servimg.com/u/f48/16/58/89/73/table_10.png" />Tài sản</a>

                          </div>
                          
                        </div>
                      
                    </div>
                    <div class="user-basic-info">
                        <div onmouseover="show_user({postrow.displayed.U_POST_ID})" class="useravatar" style="padding: 15px 0 15px 9px"><span class="noibyduy">{postrow.displayed.POSTER_AVATAR}</span></div>
                      <table width="156px"><tr><td><div class=""><fieldset style="border: 1px solid; margin: 3px; padding: 5px 10px;"><legend><font color="magenta">Danh Hiệu</font></legend><FONT face="Times New Roman"><B><font size=3 style="text-shadow: 0px 0px 6px rgb(800, 0, 100), 0px 0px 5px rgb(800, 0,100), 0px 0px 5px rgb(800, 0,100);" color="#EDEA1F"><marquee scrollamount="4">{postrow.displayed.POSTER_RANK}</marquee></font></B></FONT></fieldset></div></td></tr></table>
                      <div class="rankmazegame"><div style="margin:auto;text-align:center;width:100%"><div class="rankbyanhduy">{postrow.displayed.RANK_IMAGE}</div></div></div>
                    </div>
                  </div>
              </div>
              <div class="post-entry"><h3 class="psth xs1"> </h3>
                  <div class="entry-content">
                                                  <div>
                                                    <div class="quotene">
                                                       <div class="rankmazegame">{postrow.displayed.MESSAGE}</div>
    </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>
                  </div>
                                        </div>
                                  </div>

          <!-- BEGIN switch_signature -->

          <div class="sig-content">{postrow.displayed.SIGNATURE_NEW}</div>
            <!-- END switch_signature -->
            <div class="postfoot">
                                  <div class="options-button user-contact"><center>{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} </center>
                  <!-- BEGIN contact_field -->{postrow.displayed.contact_field.CONTENT}
                  <!-- END contact_field -->
              </div>
              <div class="post-options">
            <div style="float: left; left:153px;position:absolute;top:1px;">
                <!-- BEGIN switch_vote_active -->
    <div class="vote vote-button" title="Thích Bài Viết Này!">
          <!-- 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;">Like</span></a>
 <!-- END switch_vote -->
      </div>
      <div class="vote vote-button" title="Không Thích Bài Viết Này">
 <!-- BEGIN switch_vote -->
        <a target="v{postrow.displayed.U_POST_ID}" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" alt="c3zminus" class="c3zminus lvote"><span style="margin-left: -2px; color: #3B5998;">Dislike</span></a>
 <!-- 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"> Cám Ơn Bạn Đã Đánh Giá Bài Viết! </div>
                                                <!-- END switch_vote_active -->
                                                </div>
                                  <span class="options-button">{postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG}<a href="#quickreply" onclick="quick($(this))" class="small_textbutton">✏ Trả lời nhanh</a>
                  {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG}
                                                  {postrow.displayed.REPORT_IMG}</span></div>
              <div style="clear:both;"></div>
            </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"><span class="ost"><a href="#" onclick="link_bbcode();return false">BBCode</a></span> <a target="blank" class="share" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">Chia sẻ</a><div align="center" style="width:600px;display:none; padding-top:6px" ></div></div>  
              
                          </font></div>  </span>
                          
                  </div>
                  
  </div>
                    

      
                <!-- END displayed -->
              
      <!-- END postrow -->
            </div>

  <script type="text/javascript" src=""></script>
  <div class="main-foot clearfix" style="background-color: #1F537B;border: 0px solid #DDD;box-shadow:-2px 2px 2px #c8c8c8;">
      <p class="h2">
        <a href="#top">{L_BACK_TO_TOP}</a>{L_MESSAGE} [{PAGE_NUMBER}]</p>
      <p class="options options-button">
        <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>
    <div class=" clearfix">
    <a name="bottomtitle"></a><br/>
      <div class="paged-foot clearfix">
    <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
        <!-- BEGIN switch_user_authpost -->
        <a class="large_textbutton" href="{U_POST_NEW_TOPIC}" rel="nofollow"><span>☆</span> Viết chủ đề mới</a>
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a class="large_textbutton" href="{U_POST_REPLY_TOPIC}"><span>+</span> Trả lời chủ đề</a>
        <!-- END switch_user_authreply -->
      </p>
  </div>
</div>
  </div>



 

  <!-- 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 -->
 <img id="inchide_specificatii" align="right" onclick="$('#specificatii_center').hide('slow');" src="http://i36.servimg.com/u/f36/11/96/49/61/erase10.png"><div id="specificatii_center" align="center"><ul id="specificatii"><li>•  Không spam. Xem rõ nội quy chung <a href="/t298-topic" rel="nofollow" target="_blank"><strong><font color="red">Tại Đây</font></strong></a> trước khi comment</li><li>• Hãy bấm <strong>Like</strong> cho những bài viết hay.</li><li><font color=yellow>• Yêu cầu viết tiếng việt có dấu trên toàn diễn đàn</font></li></ul></div>
<!-- BEGIN switch_user_logged_in -->
<div class="ruled"></div>
<a name="quickreply"></a>
<div class="quotenhanh" style="display:none"></div>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->
<div class="fmviToggle" style="width: 336px"><div class="main"><div class="main-head clearfix"  style="background-color: brown ;border: 1px solid #DDD;box-shadow:-3px 3px 3px #c8c8c8;">           <p class="h2" style="width: 220px !important">Quyền hạn của bạn:</p></div><div id="onlinelist" style="border: 1px solid #DDD;box-shadow:-3px 3px 3px #c8c8c8;"><div id="onlinelist">{S_AUTH_LIST}
        </div></div></div></div>
              

<script src="http://maze-game.9forum.net/21510.js" type="text/javascript"></script>
<script src="http://maze-game.9forum.net/18758.js" type="text/javascript"></script>
<script type="text/javascript">
    //<![CDATA[
    $('.postbody img').click(function(){$(this).toggleClass('imgmax');});
    //]]>
    </script>
    <script type="text/javascript">
      $(".options-button a").addClass("small_textbutton");
      $(".options-button a[href*='?thank=']").text("★ Cảm ơn");
      $(".options-button a[href^='/post?p='][href*='&mode=quote']").text("❝ Trích dẫn");
      $(".options-button a[href^='/post?p='][href*='&mode=editpost']").text("✎ Sửa");
      $(".options-button a[href^='/post?p='][href*='&mode=delete']").text("✖ Xóa");
      $(".options-button a[href^='/modcp?mode=ip']").text("Xem Ip");
      $(".options-button a[href^='/report?mode=report']").text("Báo cáo");
      $(".options-button a[href^='/report?mode=unlock']").text("Mở báo cáo");
      $(".options-button a[href^='/report?mode=lock']").text("Chặn báo cáo");
    </script>
<script type="text/javascript">if(document.location.protocol=='http:'){var Tynt=Tynt||[];Tynt.push('b-YHwq12Wr3784adbi-bnq');Tynt.i={"ap":"Xem Thêm Tại : ","as":"Nguồn : http://Maze-Game.9forum.net/"};(function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})();}</script>





<style>.rankbyanhduy img:hover {
-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition-delay: 0, 0, 0, .5s, .5s, 0;
zoom: 1;
-moz-transform:rotate(7deg);-o-transform:rotate(6deg);-webkit-transform:rotate(-5deg)}
opacity: 1;
background-color: #464646;
background-color: rgba(70, 70, 70, 0.6);
padding: 0px;
}
;
}
#text_editor_textarea {
color: yellow
  }
</style>
Do code dài quá nên không đủ để ghép vào 1 bài
Thông cảm giùm mình :)
The author of this message was banned from the forum - See the message
  Bài viết hay nhất4
Vấn đề là em muốn khi hove vào cái avatar thì khung đó cũng hiện như trong skin ấy
  Bài viết hay nhất5
Code mẫu:
Code:
.a:hover + .b {/*Something vui vẻ*/}
Code:
.a:hover ~ .b {/*Something vui vẻ*/}
  Bài viết hay nhất6
Cảm ơn hai bạn nhé :)
Mình làm được rồi
  Bài viết hay nhất7
You cannot reply to topics in this forum