CHINH PHỤC
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
Đăng nhập

Ghi nhớ
Latest topics
» Tôi sẽ đỗ đại học!
by nightWalker 9/2/2024, 7:00 pm

» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm

» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm

» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm

» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am

» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am

» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm

» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am

» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm

» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am

» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm

» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am

» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm

» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm

» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm

» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm

» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm

» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm

» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am

» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm

» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm

» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm

» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am

» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm

» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am

Top posting users this week
No user


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

4 posters

Go down

Làm sao để tách phần pet trong skin FCA Blue and Pink[✔] Empty Làm sao để tách phần pet trong skin FCA Blue and Pink[✔]

Bài gửi by MR.Rồng 22/6/2014, 5:51 pm

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>

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>
Nick test : Kushu
Pass 123456lm
MR.Rồng
MR.Rồng
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 19/08/2012
Số bài : 218
CPP : 114
Châm ngôn sống : Quẩy lên nào :D

http://Forumotion.forumvi.com

Về Đầu Trang Go down

Làm sao để tách phần pet trong skin FCA Blue and Pink[✔] Empty Re: Làm sao để tách phần pet trong skin FCA Blue and Pink[✔]

Bài gửi by Chúa Tể Địa Ngục 22/6/2014, 9:18 pm

Chúa Tể Địa Ngục đã viết:CSS:
Code:
/* RPG sheet */
.rpgsomething {background: #fff;float: left;margin-left: 610px;}
.rpgsomething .medaldo:after, .rpgsomething .medaldo:before, .rpgsomething .pet:before, .rpgsomething .pet:after {content: '';position: absolute;width: 0;height: 0;border-bottom: 7px solid #535353;border-top: 0px solid transparent;border-left: 6px solid transparent;margin-left: -7px;margin-top: -1px;}
.rpgsomething .pet:after, .rpgsomething .medaldo:after {margin-left: 1px;border-right: 6px solid transparent;border-left: 0px solid transparent;}
.somethingpet {width: 100px;height: 100px;float: left;text-align: center;}
.tennochucaigi {display: none;position: absolute;line-height: 20px;background: rgba(0,0,0,.8);color: #fff;font-weight: bold;font-family: courier new;width: 100px;margin-top: -20px;overflow:hidden;white-space:nowrap}
.somethingpet > img:hover + .tennochucaigi, .tennochucaigi:hover {display:block}
.somethingmedal {position: absolute;width: 150px;height: 100px;overflow: hidden;overflow-y: scroll;}
.rpgsomething .medaldo {width: 150px;white-space: nowrap;}
.rpgsomething .medaldo:after {margin-left: 151px;}
.rpgsomething .medaldo img{width:38px;height:38px;border-radius:100%;box-shadow: 0px 0px 5px #000;display:inline-block}
.batlayno {padding-left:5px;padding-bottom:5px;float:left}
.tenmedal {line-height: 25px;font-weight: bold;text-align: center;width: 152px;height: 25px;background: rgba(0,0,0,.7);position: absolute;margin-left: 115px;margin-top: 35px;color: #fff;display:none}
.rpgsomething .pet,.rpgsomething .medaldo{border:1px solid #d7d7d7;margin-top:-133px;background:#fff;position:absolute;height:100px;width:100px;box-shadow:0 5px 10px #999;line-height:100px;margin-left:-322px}
.rpgsomething .medaldo{margin-left:-200px;margin-top:-148px;width:150px;white-space:nowrap}
TÌm trong view:
Code:

    {postrow.displayed.POSTER_RPG}
Thay:
Code:
   <div class="rpgsomething">{postrow.displayed.POSTER_RPG}</div>


Mún chèn pet thì chèn cách này:

Code:
<div class="pet"><div class="somethingpet" style="background:url(link nền) bottom left;background-size:auto 100px"><img src="link con pet" width="100px"/><div class="tennochucaigi">Cat</div></div></div>

chèn đâu tự biết nhé :v
Chúa Tể Địa Ngục đã viết:ở trên cũng có huy hiệu lun nhé, mún thêm huy hiệu tạo thêm Field và rồi chèn code này:
Code:
<div class="medaldo"><div class="somethingmedal"><div class="batlayno"><img src="link nó" title="tên nó"/></div></div>
Chúa Tể Địa Ngục
Chúa Tể Địa Ngục
CPYellowMember
CPYellowMember

Chrome PunBB
Ngày đăng ký : 15/07/2013
Số bài : 2203
CPP : 380
Châm ngôn sống : Không có gì cả :v

http://otaku-world.yourme.net

Về Đầu Trang Go down

Làm sao để tách phần pet trong skin FCA Blue and Pink[✔] Empty Re: Làm sao để tách phần pet trong skin FCA Blue and Pink[✔]

Bài gửi by BTV2 22/6/2014, 10:04 pm

Code:
chèn đâu tự biết nhé :v
Là chèn zo đâu? lỡ người ta ko biết thì làm sao tự biết dc?
BTV2
BTV2
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 08/09/2012
Số bài : 1182
CPP : 751
Châm ngôn sống : [hide][/hide]

Về Đầu Trang Go down

Làm sao để tách phần pet trong skin FCA Blue and Pink[✔] Empty Re: Làm sao để tách phần pet trong skin FCA Blue and Pink[✔]

Bài gửi by Chúa Tể Địa Ngục 23/6/2014, 8:48 am

Modules --> Character sheets --> Click edit Ở cái phần tên khung pet bạn tạo CHỨ KO PHẢI Ở HÀNH ĐỘNG nhé! , rồi chèn code đó thôi!
Chúa Tể Địa Ngục
Chúa Tể Địa Ngục
CPYellowMember
CPYellowMember

Chrome PunBB
Ngày đăng ký : 15/07/2013
Số bài : 2203
CPP : 380
Châm ngôn sống : Không có gì cả :v

http://otaku-world.yourme.net

Về Đầu Trang Go down

Làm sao để tách phần pet trong skin FCA Blue and Pink[✔] Empty Re: Làm sao để tách phần pet trong skin FCA Blue and Pink[✔]

Bài gửi by MR.Rồng 23/6/2014, 10:30 am

Vấn đề là mình muốn khi hover vào cái avatar thì cái pet đó cũng hiện cơ -_-
MR.Rồng
MR.Rồng
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 19/08/2012
Số bài : 218
CPP : 114
Châm ngôn sống : Quẩy lên nào :D

http://Forumotion.forumvi.com

Về Đầu Trang Go down

Làm sao để tách phần pet trong skin FCA Blue and Pink[✔] Empty Re: Làm sao để tách phần pet trong skin FCA Blue and Pink[✔]

Bài gửi by Chúa Tể Địa Ngục 23/6/2014, 11:35 am

NCat đã viết:Code mẫu:
Code:
.a:hover + .b {/*Something vui vẻ*/}
Code:
.a:hover ~ .b {/*Something vui vẻ*/}
Chúa Tể Địa Ngục
Chúa Tể Địa Ngục
CPYellowMember
CPYellowMember

Chrome PunBB
Ngày đăng ký : 15/07/2013
Số bài : 2203
CPP : 380
Châm ngôn sống : Không có gì cả :v

http://otaku-world.yourme.net

Về Đầu Trang Go down

Làm sao để tách phần pet trong skin FCA Blue and Pink[✔] Empty Re: Làm sao để tách phần pet trong skin FCA Blue and Pink[✔]

Bài gửi by MR.Rồng 23/6/2014, 1:09 pm

Ghép vào viewtopic_body ở trên luôn giùm mình được không ?
Mình gà cái này lắm -_-
MR.Rồng
MR.Rồng
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 19/08/2012
Số bài : 218
CPP : 114
Châm ngôn sống : Quẩy lên nào :D

http://Forumotion.forumvi.com

Về Đầu Trang Go down

Làm sao để tách phần pet trong skin FCA Blue and Pink[✔] Empty Re: Làm sao để tách phần pet trong skin FCA Blue and Pink[✔]

Bài gửi by BoY1599 23/6/2014, 5:50 pm

Tìm mãi ko thấy cái này :
Code:

    {postrow.displayed.POSTER_RPG}

View của mình đây :
Code:
<script type="text/javascript">
  document.write('<style>div[href*="?showpost="] span[href*="?showpost="]{display:none} div[href*="?showpost="] span[href*="' + location.search + '"]{display:inline-block;width:100%}</style>')
</script>
<script>
$(function () {
          $(".fmvitab").each(function () {
              var $fmvitab = $(this);
              $fmvitab.show().find("li:first, td>strong:first").addClass("active");
              $fmvitab.find("td>strong").click(function () {
                var n = $fmvitab.find("td>strong").index(this);
                $fmvitab.find("li, td>strong").removeClass("active");
                $fmvitab.find("li:eq(" + n + "), td>strong:eq(" + n + ")").addClass("active");
              });
          });
        });
</script>
<script type="text/javascript">function display_upload_imageshack(button){var container=document.getElementById('servimg_upload_gui');if(!document.getElementById('obj_servimg')){container.innerHTML='
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="alt1"><tr><td  width="100%"style="padding: 4px">
<div style="background-color:#F2F2F2;border-style: solid;
border-top : 2px solid #000000;
border-right : 2px solid #a8a8ab;
border-bottom : 2px solid#a8a8ab ;
border-left : 2px solid #000000;padding: 10px"><iframe src="/h1-page" width="500" height="220" target="_ifrupload" name ="_ifrupload" style="overflow-x: hidden;overflow-y: hidden;" frameborder="0"></iframe></div></td></tr></table>
'}var div=document.getElementById('servimg_upload_gui');var visible=div.style.visibility;if(visible=='hidden'){var window_w=(document.body)?document.body.clientWidth:window.innerWidth;var cd=FindXY(button);var h=button.offsetHeight;var i=0;while(i<selectId.length){if(document.getElementById(selectId[i])){document.getElementById(selectId[i]).style.visibility='hidden'}i++}var sub=((window_w-cd['x'])<555)?(555-window_w+cd['x']):0;div.style.visibility='visible';div.style.width='auto';div.style.left=(cd['x']-sub)+'px';div.style.top=(cd['y']+h)+'px'}else{div.style.visibility='hidden'}}</script>
<script>
$(function () {
        $('a[href*="mode=quote"]').click(function () {
              var datahref = $(this).attr('href');
                $.get(datahref , function (a) {
        var datatext = $(a).find('#text_editor_textarea[name="message"]').val();
        $(".sceditor-container textarea").val(datatext);
        $(".sceditor-container iframe").contents().find('body').html(datatext);
                });
                $('body').stop().animate({
                        scrollTop: $('#quick_reply').offset().top
                    }, 3000);
                return false;
            });
});
</script>
<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;
};function level(la,lb,lc,ld){var y=((ld*1+lb*1)/100);var e=(ld*1+lb*1);var g=Math.floor(y+parseInt(1));if(g>4){(y="1")};var d=((ld*1+lb*1)-((g-1)*100));var o=(g*100);document.write('<div style="background: rgb(165,162,165);width:120px;height:13px;margin-left:-3px;"><div style="height:12px;float:left;background: rgb(24,117,189);width:'+d+'%;padding:1px 2px 0px 2px"><img src="http://i28.servimg.com/u/f28/14/28/30/23/spacer10.gif"></div></div><div style="position: absolute;width:117px;height:13px;margin-top:-12px;color:#FFF;font:9px Tahoma;padding-left:3px" title="'+d+'%">Lv: '+g+'<div style="display:inline-block;width:80px;text-align:center;float:right">'+e+' / '+o+'</div></div>')};//]]></script>
 
    <script>$(function () {$.ajax({url: "/feed/?f={FORUM_ID}",success: function (a) {$("#bai_viet1 .postbody").after('<ul id="cungchuyenmuc"><div><a href="/f{FORUM_ID}-forum" style="color:#333;font:bold 13px Arial">Bài Mới Cùng Mục :</a></div>');16 < $(a).find("title").length ? so = 16 : so = $(a).find("title").length;for (i = 2; i < so; i++) $('<li><span><a href="' + $(a).find("link:eq(" + i + ")").text() + '">' + $(a).find("title:eq(" + i + ")").text() + "</a></span></li>").appendTo("#cungchuyenmuc")}})});
</script>

  <script>
$(function () {
      $('body').keyup(function (event) {
        if (event.keyCode == 39) {
          window.location.href = document.getElementById('tprev').firstChild.getAttribute('href');
        }
        if (event.keyCode == 37) {
          window.location.href = document.getElementById('tnext').firstChild.getAttribute('href');
        }
      });
    });
   
</script>
<script>$(function() {
  var fixadent1 = $("#fixadent1"), pos = fixadent1.offset();
  $(window).scroll(function() {
      if($(this).scrollTop() > (pos.top + 10) && $(this).scrollTop() < 15000 && fixadent1.css('position') == 'static') { fixadent1.addClass('fixed1');  }
      else if($(this).scrollTop() <= pos.top && fixadent1.hasClass('fixed1')){ fixadent1.removeClass('fixed1'); }
      else if($(this).scrollTop() > 15000 && fixadent1.hasClass('fixed11')){ fixadent1.removeClass('fixed1'); }
  })
});</script>
<style>

.pun .main-content {
background-color: #fff;
border: 1px solid #ccc;
}
.pun .post-entry {
padding: 1em 1em 0;
}
.pun .entry-content {
overflow: hidden;
padding-bottom: .8em;
width: 100%;
}
.pun span.label img[src="http://i74.servimg.com/u/f74/16/18/15/10/money_10.png"]{float:right;margin-right:-120px;margin-bottom:-5px;margin-top:-2px}
span.label span{display:inline-block;margin-right:5px}
.postbody a[href*="yahoo.com"]{
background:url(http://i48.servimg.com/u/f48/16/18/15/10/yahoo-10.png)no-repeat 0px center;padding-left:20px;
}


.postbody a{
background:url(http://i48.servimg.com/u/f48/16/18/15/10/untit361.png)no-repeat 4px center;padding-left:20px;
}
.postbody a[href*="Host này đã bị chặn tại Chinh Phục"],.postbody a[href*=".png"],.postbody a[href*=".gif"],.postbody a[href*=".jpg"]{background:none;padding:0px}
.postbody a[href*="/register?"]:before {content:"Đăng kí";font: bold 12px Verdana;background: url(http://i48.servimg.com/u/f48/16/18/15/10/untit361.png)no-repeat 4px center;padding-left:20px}
.postbody a[href*="/register?"],.postbody a[href*="/login?"]{font-size:0px;padding-left:0px}
.postbody a[href*="/login?"]:before {content:"Đăng nhập";font: bold 12px Verdana;background: url(http://i48.servimg.com/u/f48/16/18/15/10/untit361.png)no-repeat 4px center;padding-left:20px}
img[src="http://i16.servimg.com/u/f16/16/18/15/10/48f03710.gif"]{float:left;display:inline-block;margin-left:-16px;margin-top:2px;margin-bottom:-4px}
.pun #text_editor_iframe{width:738px !important;height:190px;background:url(http://i48.servimg.com/u/f48/16/18/15/10/image710.png) no-repeat right;}
.fmvitab{display:none;margin:0 auto;width:100%;margin-left:-12px;margin-top:-10px;}
.fmvitab td > strong{color:#8c8c8c;background:#f0f0f0 url(http://i48.servimg.com/u/f48/17/98/19/05/211.png)repeat-x bottom left;margin-bottom:-1px;margin-left:24px;margin-right:-20px;border:1px solid #d4d4d4;border-bottom:0px;cursor:pointer;display:inline-block;padding:4px 10px;margin-bottom:-1px;padding-bottom:5px}
.fmvitab td > strong.active{border:1px solid #d4d4d4;border-bottom:0px;background:#fafafa url();cursor:default;padding-top:6px;color:#333;padding-bottom:8px;margin-bottom:-4px}
.fmvitab ul{border-top:1px solid #ccc;list-style:none outside none;width:100%;margin:0!important;padding:0 12px 15px;background:#fafafa url(http://i74.servimg.com/u/f74/16/18/15/10/144.png)repeat-x top left;border-bottom:1px solid #d4d4d4}
.fmvitab li{display:none}
.fmvitab li.active{display:block;}
.fmvitab li img{max-width:800px}
.postbody .fmvitab embed {
margin-right:-30px;
}
.postbody .fmvitab img {
max-width:750px;
margin-right:-30px;
}

.pun a.ola_1 {
display:inline-block;
margin-top:-2px;
margin-left:10px;
font:bold 13px Tahoma;
color:#333;
text-decoration:none!important;
}

a.ola_1:hover {
color:red;
}


#cungchuyenmuc li {list-style:url(http://i35.servimg.com/u/f35/16/18/15/10/166.png);margin-left:20px;margin-top:2px;width:45%;float:left}


#cungchuyenmuc span {
display: inline-block;
overflow: hidden;
height: 15px;
width: 100%;
margin-bottom: -4px;
margin-top: 3px;
}
.postbody embed {
width:740px;
height:370px;
border:1px solid #333;
margin-left:5px;
background:url(http://i38.servimg.com/u/f38/16/18/15/10/loadin11.gif)no-repeat center center;
}

.postbody img {
max-width:750px;
}

.postbody ol,.postbody ul {
margin-left:20px;
}

.ava_pt {
float: left;
border: 1px solid #949294;
display: inline-block;
margin: 7px;
background: #FFF url(http://i35.servimg.com/u/f35/18/42/35/47/no_ava10.jpg)no-repeat -50px -30px;
border-radius: 6px;
-moz-border-radius: 6px;
margin-top: 5px;
}

.ava_pt span {
display: inline-block;
width: 106px;
cursor: pointer;
height: 106px;
overflow: hidden;
border-radius: 6px;
-moz-border-radius: 6px;
}
.ava_pt img {
width: 106px;
height: 106px;
background-color: #FFF;
margin-left: -40px;
}
.pun .icon_1 img {
float:left;
}
.pun .username {
font: bold 16px Tahoma;
margin-top: 6px;
margin-bottom: 4px;
position: absolute;
}
.profile12 {
padding-top:2px;
padding-right:60px;
width:150px;
overflow:hidden;
margin-left:-150px;
padding-left:2px;
}
.profile12:hover {
width:auto;
margin-left:0;
}

.profile12 img {
max-height:16px;
}

.pun .label {
display:inline-block;
margin-bottom:3px;
margin-right:4px;
color:#000;
}

#proflie_2 {
background: url()no-repeat;
float: left;
display: block;
width: 100%;
margin-top: 3px;
height: 16px;
}
.pun img[src="http://i48.servimg.com/u/f48/16/18/15/10/tra_lo10.png"] {
border:1px solid #B8B8B8;
padding:1px;
}
.pun .i_icon_quote {
border:1px solid #B8B8B8;
height:14px;
padding:1px;
}

.pun .i_icon_edit {
border:1px solid #B8B8B8;
height:14px;
padding:1px;
}

.pun .i_icon_delete {
border:1px solid #B8B8B8;
width:39px;
height:14px;
padding:1px;
}
img[src="http://i48.servimg.com/u/f48/16/18/15/10/tra_lo10.png"]:hover,.i_icon_quote:hover,.i_icon_edit:hover,.i_icon_delete:hover {
border:1px solid #417394;
}
.pun img[src="http://i35.servimg.com/u/f35/18/42/35/47/khoa1110.png"] {
border:1px solid red;
padding:1px;
}

.pun .dd-textarea {
width:100%;
margin-left:-8px;
margin-bottom:-20px;
}

.pun .left-box {
background:#f2f2f2;
margin-left:-212px;
margin-bottom:-40px;
display:inline-block;
border:1px solid #b0b0b0;
width:734px;
border-bottom:0;
padding:4px 2px;
}

.pun #textarea_content {
margin-top:24px;
display:inline-block;
}

.pun .quick_reply_textarea {
border:1px solid #b0b0b0;
border-top:1px solid #d4d4d4;
min-width:718px;
max-width:718px;
background:url(http://i48.servimg.com/u/f48/16/18/15/10/image710.png) no-repeat right;
padding:10px;
}

#textarea_content label {
display:none;
margin-top: 28px;
}

blockquote {
border:1px solid #437194;
background:#f7f7ff;
margin:10px;
padding:5px 10px 10px;
}

blockquote div {
margin-left:-18px;
background:url(http://i74.servimg.com/u/f74/16/18/15/10/quote-10.png)no-repeat left top;
padding-left:20px;
padding-top:5px;
}

.postbody blockquote embed {
width:700px;
height:340px;
}

blockquote cite {
width:100%;
display:inline-block;
margin-top:-5px;
font:bold 12px Tahoma;
}

.postbody blockquote img {
max-width:705px;
}

.pun .reply .main-head {
height:40px;
}

.pun .right-box {
margin-right:19px;
margin-top:3px;
margin-bottom:-3px;
}

.pun #text_editor_controls {
margin-top:-10px;
}
div#fixadent1 {
width:780px;
border:1px solid #d4d4d4;
margin-top:4px;
height:20px;
overflow:hidden;
background-color:#f7f7f7;
margin-bottom:-10px;
padding:8px 6px;
}
.fixed1 {
position:fixed;
top:-5px;
margin-right:0;
z-index:999;
}
.sig-content {
overflow-y:auto;
overflow-x:hidden;
max-height:180px;
width:730px;
margin-bottom:4px;
align-text:center
}
.pun .sig-content {
clear: both;
padding: .5em 1em;
position: relative;
}
.sig-content {
background: url(http://i48.servimg.com/u/f48/16/18/15/10/untit210.png)no-repeat center 25px;
overflow: hidden;
max-height: 180px;
margin-bottom: 4px;
text-align: center;
width: inherit;
}
.pun .view_topic a[href*="watch"]{font-size:0px;display:inline-block;width:16px;height:16px;background: url(http://i74.servimg.com/u/f74/16/18/15/10/accept10.png)no-repeat;margin-left:5px}
.pun .view_topic a[href*="unwatch"]{font-size:0px;display:inline-block;width:16px;height:16px;background: url(http://i74.servimg.com/u/f74/16/18/15/10/delete11.png)no-repeat;margin-left:5px}
.pun #pun-qpost .main-head{padding:5px 10px;background: #FFF url(http://www.servimg.com/u/f74/16/18/15/10/imuzik10.png)repeat-x left top;border:1px solid #ccc;border-bottom:0px;color:#333}
.pun #pun-qpost .main-head p.h2{height:11px;padding:14px;margin:-10px 0px -15px 0px;background-color:#FFF;border:1px solid #ccc;border-bottom:0px;display:inline-block;font:bold 12px Arial;float:left;}
.pun .profile_pt{float:right;width:210px;margin-top:7px;font-size:12px;color:#4f4f4f}
.pun .profile_pt img{float:left;margin-right:2px}
.pun .topic1 {
height: 118px;
border-bottom: none;
border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1;
background: #f7f7ff;
border-top: 1px solid #d4d4d4;
}
.nen_pt+a[href*="/u"] {
display:none;
}
a[href="/u2451"]+.topic2 .topic1 {
background:#e8f0f7 url(http://i48.servimg.com/u/f48/16/18/15/10/hjo81512.png)repeat-y left top;
}
a[href="/u116"]+.topic2 .topic1 {
background:#e8f0f7 url(http://i48.servimg.com/u/f48/16/18/15/10/hjo81514.png)repeat-y left top;
}
a[href="/u2626"]+.topic2 .topic1 {
background:#e8f0f7 url(http://i48.servimg.com/u/f48/16/18/15/10/hjo81514.png)repeat-y left top;
}
a[href="/u10007"]+.topic2 .topic1 {
background:#f4e8f7;
}
a[href="/u2313"]+.post_bai .bai_viet1{
background:#f7e8e8;
}
a[href="/u13972"]+.post_bai .bai_viet1{
background:#fff5fd;
}
</style>
<div id=fixadent1><span style="float:left;font:bold 13px Tahoma;color:red;margin-right:4px;margin-top:1px">Thích bài này? </span>
<a href="/search?add_favourite={TOPIC_ID}&search_id=favouritesearch" title="Lưu bài vào mục yêu thích"><img src="http://i74.servimg.com/u/f74/16/18/15/10/add11.png"></a> </span><span class="view_topic" style="float:left" title="Theo dõi chủ đề">{S_WATCH_TOPIC}</span>
<span class="gensmall bold" style="float:right;margin-top:4px;margin-right:4px"><span id="tnext">
<a class="ola_1" href="{U_VIEW_OLDER_TOPIC}" style="background: url(http://i16.servimg.com/u/f16/16/18/15/10/116.png) no-repeat left top;padding-left:14px">Bài trước</a></span><span id="tprev"><a class="ola_1" href="{U_VIEW_NEWER_TOPIC}" style="background: url(http://i16.servimg.com/u/f16/16/18/15/10/214.png) no-repeat right top;padding-right:14px">Bài sau</a></span></span>
</div>

{POLL_DISPLAY}
<div class="main paged">
  <div class="paged-head clearfix" style="margin-bottom: 5px;margin-top: 20px;">
      <!-- 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="" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
        <!-- END switch_user_authreply -->
      </p>
  </div>

<script type="text/javascript">
  document.write('<div href="' + location.search + '">')
</script>
      <!-- BEGIN postrow --><!-- BEGIN displayed -->
<a name="{postrow.displayed.U_POST_ID}" class="nen_pt"></a>{postrow.displayed.POSTER_NAME}
<span href="?showpost={postrow.displayed.U_POST_ID}" class="topic2">
  <div class="main-head clearfix" style="padding:6px 15px;font:12px Arial;">
      <p class="h2"><img src="http://i35.servimg.com/u/f35/18/42/35/47/19011.png" style="float:left;margin-right:4px;margin-bottom:-4px"> {postrow.displayed.POST_DATE_NEW}
              </p>
<strong style="float:right"><a href="?showpost={postrow.displayed.U_POST_ID}" style="color:#FFF">#{postrow.displayed.COUNT_POSTS}</a></strong>
  </div>

<div class="main-content topic topic1">
<span class="ava_pt"><span><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td align="center"><ul class="ifrduy"><li><a href="#">{postrow.displayed.POSTER_AVATAR}</a><div class="info"> <div style="display:none" class="dwST">{postrow.displayed.POSTER_NAME}<!-- BEGIN profile_field --><p>{postrow.displayed.profile_field.LABEL}<strong>{postrow.displayed.profile_field.CONTENT}</strong></p><!-- END profile_field --></div></div> </li></ul></td></tr></tbody></table></span></span><div style="width:350px;float:left;font:bold 12px Tahoma"><h4 class="username">{postrow.displayed.POSTER_NAME} {postrow.displayed.ONLINE_IMG} </h4><br><br><div style=" width: 130px; ">{postrow.displayed.POSTER_RANK_NEW}</div>
                      <div class="thanhlv1" style="height:15px;display:inline-block;width:100%;margin:5px 5px 2px 5px">
                                                  <script>level(<!-- BEGIN profile_field -->'{postrow.displayed.profile_field.CONTENT}',<!-- END profile_field -->1);</script>
                                            </div>
<div class="profile11"><div class="profile12">{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>
<div id="proflie_2">{postrow.displayed.RANK_IMAGE}</div></div>
<div class="profile_pt"><!-- BEGIN profile_field -->
<span class="dwTT"><b>{postrow.displayed.profile_field.LABEL}</b><span class="dwZZ">{postrow.displayed.profile_field.CONTENT}</span></span>{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
</div>
        </div>
  <div class="main-content topic" style="padding:10px;border:1px solid #b0b0b0;border-top:1px solid #d4d4d4;border-bottom:0px;background: url(http://i48.servimg.com/u/f48/16/18/15/10/untit355.png)repeat-x left 30px;padding-top:4px;" id="bai_viet{postrow.displayed.COUNT_POSTS}">
<span style="color:#333;font:bold 11px Tahoma" class="icon_1">{postrow.displayed.ICON} <span style="display:inline-block;margin-top:5px;margin-left:10px">{postrow.displayed.POST_SUBJECT}</span></span><span style="float:right;">{postrow.displayed.REPORT_IMG}  {postrow.displayed.IP_IMG} {postrow.displayed.THANK_IMG}</span>
<br><br>
<span class="postbody"><div class="post-entry"><div class="entry-content"> {postrow.displayed.MESSAGE}</div></div></span>
<!-- BEGIN switch_attachments --><br/><br/>
<div style="background:#EBEBEB;color:#000;border:1px solid #646663;-moz-border-radius: 4px;
-webkit-border-radius: 4px;-khtml-border-radius: 4px;padding: 0.4em 2em;margin: 3px 1px;">
<!-- BEGIN switch_post_attachments --><br/><img src="http://forum.gamevn.com/images/misc/paperclip.png" /> Attached Files <!-- BEGIN switch_dl_att --> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL} <br/>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}<!-- BEGIN switch_no_dl_att -->
                                <br/>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT}
                                <!-- END switch_no_dl_att -->

                               
                                <img src="http://i48.servimg.com/u/f48/16/18/15/10/downlo10.gif"> <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.FILE_SIZE} , {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL})<br/><br/>
                                <!-- END switch_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 --><br/>
                              <img src="http://i48.servimg.com/u/f48/16/18/15/10/downlo10.gif"> <em><a href="/login">Bạn cần đăng nhập để tải file này</a> </em> ({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE} , {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL})<br/><br/>
                              <!-- END switch_no_dl_att --><dd>
                          <!-- END switch_post_attachments --></div><br/>
                    <!-- END switch_attachments -->
<div style="color:#333;font:italic 12px Arial;">{postrow.displayed.EDITED_MESSAGE}</div>
<!-- BEGIN switch_signature -->
              <div class="sig-content" align="center">
                  {postrow.displayed.SIGNATURE_NEW}
              </div>
              <!-- END switch_signature -->
<div class="cungchuyenmuc"></div>
        </div>
  <div class="main-content topic" style="height:20px;background:#f7f7f7 url(http://i48.servimg.com/u/f48/14/28/30/23/1271011.png) no-repeat 4px 3px;padding:5px;border:1px solid #b0b0b0;border-top:1px solid #d4d4d4;margin-bottom:10px" align="right">
<span style="display:inline-block;width:93px;height:18px;float:left;">
<div style="width:63px;height:16px;float:left"><!-- BEGIN switch_vote_active --><!-- BEGIN switch_vote --> <span id="zt{postrow.displayed.U_POST_ID}"> <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" target="vzt{postrow.displayed.U_POST_ID}v" onClick="document.getElementById('zt{postrow.displayed.U_POST_ID}').innerHTML='<img src=http://i28.servimg.com/u/f28/14/28/30/23/spacer10.gif>';document.getElementById('z{postrow.displayed.U_POST_ID}').innerHTML='<img src=http://i28.servimg.com/u/f28/14/28/30/23/spacer10.gif>';var str ='{postrow.displayed.switch_vote_active.L_VOTE_TITLE}';if (str=='Message not voted'){str='0';}else {str=str=str.replace('Message','Bài ziet');str=str.replace('s','');str=str.replace('(','');str=str.replace('(','');str=str.replace(')','');str=str.replace('reputation','dc che');k=str.search('%');y=str.search('vote');z=str.search(':');a=str.slice(z+1,k);b=str.slice(k+1,y);lulu=Math.round(Number(b) - (((100-Number(a))*Number(b))/100));str=lulu;} if(str=='0'){str='1';}else{lulu=Math.round(Number(b) - (((100-Number(a))*Number(b))/100) +1);str=lulu;}document.getElementById('oot{postrow.displayed.U_POST_ID}').innerHTML='<span class=gensmall>'+ str+'</span>';"><img src="http://i48.servimg.com/u/f48/14/28/30/23/untit190.png" width="63" height="16" id="zt{postrow.displayed.U_POST_ID}" border="0" alt="Bạn chưa cảm ơn người này" vspace="1" /></a> </span><iframe name="vzt{postrow.displayed.U_POST_ID}v" height="0" frameborder="0"width="0"></iframe><!-- END switch_vote --><!-- END switch_vote_active --> </div>
<!-- BEGIN switch_vote_active --><div id="oot{postrow.displayed.U_POST_ID}" align="center" style="margin-top:2px;width:20px;padding-left:5px;float:left"><span style="font:11px Arial;"><script type="text/javascript">var str ='{postrow.displayed.switch_vote_active.L_VOTE_TITLE}'; if (str=="Message not voted"){str="0";document.write(str);}else {str=str=str.replace("s","");str=str.replace("(","");str=str.replace("(","");str=str.replace(")","");str=str.replace("reputation","dc che");k=str.search("%");z=str.search(":");y=str.search("vote");a=str.slice(z+1,k);b=str.slice(k+1,y);lulu=Math.round((((Number(a))*Number(b))/100));document.write(lulu);}</script></span></div><span id="z{postrow.displayed.U_POST_ID}"> </span><!-- END switch_vote_active -->
 </span>
</span>      {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG}  {postrow.displayed.EDIT_IMG}  {postrow.displayed.DELETE_IMG} <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}"></a>
        </div></span>
        <!-- END displayed -->
      <!-- END postrow --></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="" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
        <!-- END switch_user_authreply -->
      </p>
  </div><br>
</br>
<td align="left"><span class="fb-like" data-href="http://drduywin.forumvi.com{TOPIC_URL}" data-send="false" data-layout="button_count" data-width="85" data-show-faces="false" style="display:inline-block;float:left;width:85px;overflow: hidden;height:20px"></span><span style="float:left">{S_TOPIC_ADMIN}</span></td><br>
</div>

<div class="reply">
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in --></div>
<script type="text/javascript">        $(".dwST").each(function () {
          var a = $(this).find("a[href^='/u']").attr("href").slice(2);
          var b = $(this).find("p > span:contains('Info')").next("strong").text();
          $(this).replaceWith('<span class="dwST ' + a + '">' + b + '</span>');
        });
        $(".dwTT:contains('Info')").remove();
    </script>
<div style="height:30px;padding:0px 10px;background: url(http://i74.servimg.com/u/f74/16/18/15/10/imuzik10.png)repeat-x left bottom;border:1px solid #ccc;border-bottom:0px"><span style="height:11px;padding:14px;margin:-10px 0px -20px 0px;background-color:#FFF;border:1px solid #ccc;border-bottom:0px;display:inline-block;font:bold 12px Arial;float:left;">Reply by Facebook</span> <span class="fb-like" data-href="https://www.facebook.com/phutuvn" data-send="false" data-width="620" data-show-faces="false" style="display:inline-block;margin-top:3px;"></span></div><div class="fb-comments" data-href="http://drduywin.forumvi.com{TOPIC_URL}" data-num-posts="10" data-width="772" style="border:1px solid #ccc;padding:10px;border-top:0px"></div>
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
<script src="http://illiweb.com/rs3/75/frm/addthis/addthis_widget.js" type="text/javascript"></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 : Unknow"};(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>
a[href="/u1"]+.topic2 .topic1 {
background: rgb(248, 246, 239);
}
.profile11 {
width: auto;
overflow: hidden;
display: inline-block;
height: 20px;
border: 1px solid #d4d4d4;
border-left: 0px;
background: #FFF url(http://i35.servimg.com/u/f35/18/42/35/47/untit213.png) no-repeat right;
float: left;
margin: 1px 10px 4px -7px;
}
</style>
<style>
ul.ifrduy li img {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*--IE8 Specific--*/
}
ul.ifrduy li:hover img{
  z-index: 999;
  filter: alpha(opacity=100);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.dwST img {
padding: 1px;
max-width: 20px;
max-height: 20px;
}
ul.ifrduy li .info {
position: absolute;
margin-top:-5px;
top: 0;
opacity: 0.88;
width: 106px;
display: none;
background: #fff;
border: none;
float: center;
}
ul.ifrduy li:hover .info {display: block;}
ul.ifrduy li p {padding: 0; margin: 0;}</style>
BoY1599
BoY1599
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 13/06/2014
Số bài : 90
CPP : -2
Châm ngôn sống : Sống Đẹp, Sống Khoẻ, Sống Vui Vẻ

http://animeclub.5forum.net/

Về Đầu Trang Go down

Làm sao để tách phần pet trong skin FCA Blue and Pink[✔] Empty Re: Làm sao để tách phần pet trong skin FCA Blue and Pink[✔]

Bài gửi by Chúa Tể Địa Ngục 23/6/2014, 7:45 pm

Code:
{postrow.displayed.POSTER_RPG}
thím xóa cái khoảng trắng (dấu cách) ấy
Nếu ko có tự thêm vô

Tìm RANK rồi để code trên ở dưới nó!
Chúa Tể Địa Ngục
Chúa Tể Địa Ngục
CPYellowMember
CPYellowMember

Chrome PunBB
Ngày đăng ký : 15/07/2013
Số bài : 2203
CPP : 380
Châm ngôn sống : Không có gì cả :v

http://otaku-world.yourme.net

Về Đầu Trang Go down

Làm sao để tách phần pet trong skin FCA Blue and Pink[✔] Empty Re: Làm sao để tách phần pet trong skin FCA Blue and Pink[✔]

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Về Đầu Trang

- Similar topics

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