[Thắc mắc] cách làm avtar drop menu cho view ngang[✔]

[Dungkinggame]

Mình đã tìm ở trên google và các trang code fm khác về cách làm avtar drop menu cho view ngang nhưng k có nên mình lập topic mong các pro chỉ mình cách làm avtar drop menu cho viewtopic_body ngang giống http://lasperpen4.forumvi.com/t1-topic ( click vào avtar và bôi đen ) thanks mọi người

[Méo Hắc Hắc]

Mình có thử áp dụng ava drop cho view của sweetdream, không được hoàn hảo lắm. Bạn xem thử xem:

Thay toàn bộ viewtopic_body bằng code này:

Code:

 <link rel="stylesheet" href="http://www.coo.me/out/users/vnsweetdream0615/khung%20quote%20style%20SD.css" type="text/css" />
<style>
div[id*="c9"][style="background-color:#ffe5cf;"] {
background: url(http://i11.servimg.com/u/f11/17/98/40/25/g10.png)no-repeat right bottom;
}
.pun .user{width:12em}
.pun .postmain{margin-left:14em}
.pun .post .user,.postfoot{margin-left: auto;}
.postmain .postfoot,.pun .postmain{margin:0}
.postmain .user{margin:0;width:100%;padding:0;border-bottom:1px dashed #CCC}

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

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



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

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


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



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

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


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


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

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


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

.crumbs {
text-align: right;
}



/* đóng khung trong vew */
.chupy {
Padding-left: 2px;
Padding-right: 2px;
Padding-top: 2px;
Padding-bottom: 2px;
Background-color: rgb(240,240,240);
Border-top: 1px solid #dddddd;
Border-right: 1px solid #dddddd;
Border-left: 4px solid #c4c4c4;
Border-bottom: 1px solid #c4c4c4;
Margin-bottom: 3px;
}
.user-info {
width: 172px;
float: right;
}
</style>
  <style>.post-entry a.lightbox {
display: inline-block;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: rgba(0, 0, 0, .5);
-webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, .3), 0 1px 2px rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0 2px 5px hsla(0,0%,0%,.3), 0 1px 2px hsla(0,0%,100%,1);
box-shadow: inset 0 2px 5px rgba(0, 0, 0, .3), 0 1px 2px rgba(255, 255, 255, 1);
margin: 10px;
}

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

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



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

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


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


<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
  <ul>
      <!-- BEGIN switch_plus_menu -->
      <li>
        <script type="text/javascript">//<![CDATA[
            var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu_new('f{FORUM_ID}&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&pub=forumotion">{L_SHARE}</a></li>
      <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
      <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <!-- BEGIN watchtopic -->
      <li>{S_WATCH_TOPIC}</li>
      <!-- END watchtopic -->
  </ul>
  <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
  <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->



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

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

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

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

      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
      <!-- BEGIN switch_twitter_btn -->
      <span id="twitter_btn" style="margin-left: 6px; ">
        <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
        <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
      </span>
      <!-- END switch_twitter_btn -->
      <!-- BEGIN switch_fb_likebtn -->
      <span id="fb_likebtn" style="margin-left: 6px; ">
        <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&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>
      <!-- END switch_fb_likebtn -->
  </p>
                                                          
</div>
      <!-- BEGIN postrow -->
      <!-- BEGIN displayed -->
      <div class="post" {postrow.displayed.THANK_BGCOLOR}>
        <a name="{postrow.displayed.U_POST_ID}"></a>
        <div class="postmain" {postrow.displayed.THANK_BGCOLOR}>
            <div id="p{postrow.displayed.U_POST_ID}" class="posthead" {postrow.displayed.THANK_BGCOLOR}>
              <h2>
                  <a href="?showpost={postrow.displayed.U_POST_ID}"><strong>#{postrow.displayed.COUNT_POSTS}</strong></a>{postrow.displayed.ICON}
                <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> <em>{postrow.displayed.POST_DATE_NEW}</em>
              </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">
                        <em>{postrow.displayed.POST_DATE_NEW}</em>
                    </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>{postrow.displayed.POSTER_NAME}</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('Đang phát triển')" 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">{postrow.displayed.POSTER_AVATAR}</div>
                        <p class="rankimg" style="padding:11px">{postrow.displayed.RANK_IMAGE}</p>
                    </div>
                  </div>
              </div><script type="text/javascript" src="http://hotro7.forumvi.com/11315.js"></script>                        
                  <div class="post-entry">
                    <div class="entry-content">
                        
                        <div>
                          <div>{postrow.displayed.MESSAGE}</div>
                          <!-- BEGIN switch_attachments -->
                          <dl class="attachbox">
                              <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                              <dd>
                                <!-- BEGIN switch_post_attachments -->
                                <dl class="file">
                                    <dt>
                                      <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

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

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

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

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

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

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

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

                                
                                        

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

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

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

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

                          </font></div>  </span>
                  
                    
                  </div>
                  </div>
                  
                  
                  
        <!-- END displayed -->
        <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
        <!-- END hidden -->
      <!-- END postrow -->
  </div>
</div><style>.maii {
background: #FAFAFA !important;
border: 1px solid #DDD !important;
border-radius: 4px;
  }</style>
  <div class="main-foot clearfix">
      <p class="h2">
        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a>  
        {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
      <p class="options">
        <input type="hidden" name="t" value="{TOPIC_ID}" />

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

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

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

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

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

</div>

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

<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
  <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
  </div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
  <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
  </div>
  <div class="main-content clearfix">
      <!-- BEGIN link -->
      » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
  </div>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
  <div class="main-head clearfix">
      <p class="h2">{L_FORUM_RULES}</p>
  </div>
  <table class="main-content frm">
      <tr>
        <!-- BEGIN switch_forum_rule_image -->
        <td class="logo">
            <img src="{RULE_IMG_URL}" />
        </td>
        <!-- END switch_forum_rule_image -->
        <td class="rules entry-content">
            {RULE_MSG}
        </td>
      </tr>
  </table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

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

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

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

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

Thêm vào Css:

Code:

/* drop menu avatar */
.pun .user{overflow:visible;margin-top:0!important;padding:0}
.cl dt{width:75px}
.cl dt span{color:#000!important}
.cl dd{width:110px}
.cl dd,.cl dt{float:left;height:1.6em;line-height:1.6em}
.useravatar img{width:120px;background-color:#F5F5F5;border-bottom:2px solid;border-radius:3px;border-right:2px solid;padding:5px}
.morelink a{padding-right:13px}
.pun .post .user{position:relative}
.closeWIndowF{background-color:transparent;color:red;font-family:Arial,Helvetica,sans-serif;font-variant:small-caps;letter-spacing:-1px;opacity:1;text-decoration:none;text-transform:capitalize;font-size:20px;text-shadow:0 0 9px #eee 3px 0 1px #131313;font-weight:700;padding:5px}
.user .status{padding-right:20px;margin-bottom:-3px;color:green;float:right;width:250px;height:18px}
.user-ident .posthead{background-color:transparent;font-size:9px;height:2.6em;left:-2px;position:absolute;text-align:center;top:-3.7em;width:15.3em;padding:.5em 1.3em .5em 1em}
.user-ident .userInfoF{margin-left:2px;position:absolute;z-index:301;background:none repeat scroll 0 0 #fff;border:1px solid #cdcdcd;box-shadow:2px 2px 3px #ccc;width:510px;left:0px;display:none;top:-1px;padding:15px 0 15px 10px}
.user-ident .user-info{float:right;width:370px}
.user-ident .manuUserF{float:left;border-bottom:1px dashed;margin-bottom:5px;width:350px;position:relative}
.user-ident .morelink{text-align: center;float:left;border-top:1px dashed;padding-top:5px;width:350px}

Vào Overall_header: Tìm

Code:

<!-- BEGIN switch_fb_login -->

Thay từ đầu đến cuối dòng đó bằng code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <!-- BEGIN switch_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <!--[if lte IE 6]>
        <style type="text/css">
                .post-entry .entry-content img{display: block !important}
                body{background-color: #FFFFFF!important}
          #mudimPanel,.minwidth_IE, #login_popup, #hitskin_preview{display:none!important}
      </style>
  <![endif]-->
  <noscript>
        <style type="text/css">
                a.mainmenu[href='/groups'],a.mainmenu[href='/privmsg?folder=inbox']{display:block !important}
                .post-entry .entry-content img{display: block !important}
          #left{display:block !important}
          .module .main-content{height: 12.3em !important}
          .toppost_width{width: 290px;}
          .recentWidth{width: 658px;}
          .latest_topics{overflow: hidden !important; height: 12.3em !important}
          .chatbox, .fmviToggle, #checktip .open{display:none}
      </style>
  </noscript>

  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="{JQUERY_PATH}" type="text/javascript"></script>


        <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
  <script type="text/javascript">
      function langEV() {
          if ($("html").attr("xml:lang") == "en") {
              return true;
          } else if ($("html").attr("xml:lang") == "vi") {
              return false;
          }
      }
  </script>
<!-- BEGIN switch_fb_login -->

Vẫn còn một số lỗi như chữ trong khung thông tin ra giữa hết (có thể tìm trong css và sửa), khi rê chuột, khung thông tin nằm không đúng chỗ với avatar, status mỗi lần rê chuột ở mỗi dòng trong khung thông tin sẽ chạy lại từ đâu,... blah blah blah

[Dungkinggame]

tks bạn nhưng mình muốn làm avtar drop menu giống  http://lasperpen4.forumvi.com/t1-topic
Viewtopic_body của mình

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">//<![CDATA[
var code="Copyright";function level2(Posts,Coins,Thanked){var d=(Thanked*10+Posts*2+Coins*0.5);var e=(d/150);var f=Math.floor((e-Math.floor(e))*10);var g=Math.floor(e+parseInt(1));if(g<2){(g="1 [<img src='http://img.zing.vn/union/client/gunny/level-image/1.png'>]")};if(g<3){(g="2 [<img src='http://img.zing.vn/union/client/gunny/level-image/2.png'>]")};if(g<4){(g="3 [<img src='http://img.zing.vn/union/client/gunny/level-image/3.png'>]")};if(g<5){(g="4 [<img src='http://img.zing.vn/union/client/gunny/level-image/4.png'>]")};if(g<6){(g="5 [<img src='http://img.zing.vn/union/client/gunny/level-image/5.png'>]")};if(g<7){(g="6 <img src='http://img.zing.vn/union/client/gunny/level-image/6.png'>")}; if(g<8){(g="7 <img src='http://img.zing.vn/union/client/gunny/level-image/7.png'>]")};if(g<9){(g="8 <img src='http://img.zing.vn/union/client/gunny/level-image/8.png'>]")};if(g<10){(g="9 <img src='http://img.zing.vn/union/client/gunny/level-image/9.png'>]")};if(g<11){(g="10 <img src='http://img.zing.vn/union/client/gunny/level-image/10.png'>]")};if(g<20){(g="11 <img src='http://img.zing.vn/union/client/gunny/level-image/11.png'>]")};if(g<21){(g="12 <img src='http://img.zing.vn/union/client/gunny/level-image/12.png'>]")};if(g<22){(g="13 <img src='http://img.zing.vn/union/client/gunny/level-image/13.png'>]")};if(g<23){(g="14 <img src='http://img.zing.vn/union/client/gunny/level-image/14.png'>]")};if(g<24){(g="15 <img src='http://img.zing.vn/union/client/gunny/level-image/15.png'>]")};if(g<25){(g="16 <img src='http://img.zing.vn/union/client/gunny/level-image/16.png'>]")};if(g<26){(g="17 <img src='http://img.zing.vn/union/client/gunny/level-image/17.png'>]")};if(g<27){(g="18 <img src='http://img.zing.vn/union/client/gunny/level-image/18.png'>]")};if(g<28){(g="19 <img src='http://img.zing.vn/union/client/gunny/level-image/19.png'>]")};if(g<29){(g="20 <img src='http://img.zing.vn/union/client/gunny/level-image/20.png'>]")};if(g<40){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/21.png'>]")};if(g<41){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/22.png'>]")};if(g<42){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/23.png'>]")};if(g<43){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/24.png'>]")};if(g<44){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/25.png'>]")};if(g<45){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/26.png'>]")};if(g<46){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/27.png'>]")};if(g<47){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/28.png'>]")};if(g<48){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/29.png'>]")};if(g<49){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/30.png'>]")};if(g<60){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/31.png'>]")};if(g<61){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/32.png'>]")};if(g<62){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/33.png'>]")};if(g<63){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/34.png'>]")};if(g<64){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/35.png'>]")};if(g<65){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/36.png'>]")};if(g<66){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/37.png'>]")};if(g<67){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/38.png'>]")};if(g<68){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/39.png'>]")};if(g<69){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/40.png'>]")};if(g<80){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/41.png'>]")};if(g<81){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/42.png'>]")};if(g<82){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/43.png'>]")};if(g<83){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/44.png'>]")};if(g<84){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/45.png'>]")};if(g<85){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/46.png'>]")};if(g<86){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/47.png'>]")};if(g<87){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/48.png'>]")};if(g<88){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/49.png'>]")};if(g<89){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/50.png'>]")};if(g<100){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/51.png'>]")};if(g<101){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/52.png'>]")};if(g<102){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/53.png'>]")};if(g<103){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/54.png'>]")};if(g<104){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/55.png'>]")};if(g<105){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/56.png'>]")};if(g<106){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/57.png'>]")};if(g<107){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/58.png'>]")};if(g<108){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/59.png'>]")};if(120<g){(g="21 <img src='http://img.zing.vn/union/client/gunny/level-image/60.png'>]")&&(f="99")};var h=(Math.floor((Thanked*5)+(Posts*2)+(Coins*0.5)));if(h>40000){h=40000};if(d>75000){(d=75000)};var i=(Math.floor((h/40000)*100)-2);var j=(Math.floor((d/75000)*100)-2);document.write('<fieldset style="width: 85px;margin-top: -10px;"><legend><font color="red"><span style="font-size: 0px;" class="lv '+g+' "><b>'+g+'</b></span></font></fieldset>')};//]]></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="/h37-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><link rel="stylesheet" href="http://goo.gl/jeODMl" type="text/css" />
<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>
<div style="margin-top: 15px;"></div>
<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>


<div class="main paged">
  
<br>
<div style="border: 1px solid #c4cde0;-webkit-border-radius: 4px;background-color: #fff;padding: 3px;float: left; width: 670px;">

        
      <!-- 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-content topic topic1">


    <span id="profile_username">
                            <div class="ava_pt" style="float:left"><span>{postrow.displayed.POSTER_AVATAR}</span></div>

                  <div class="profile_box" style="display: none; height: 170px;">   
                                                        <div class="lasperpet"></div>
                           <span id="online_stt">{postrow.displayed.ONLINE_IMG}</span>
                           <a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_NAME}
                       <div class="lasperpen"  {postrow.displayed.THANK_BGCOLOR} id="pcover_box"></div>
                                               <div class="banner_clb"></div>                          
 <div class="profile_clb" style=" margin-top: -85px; ">  <!-- BEGIN profile_field -->
<div class="lasperpen369">»{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</div>
                                                                       <!-- END profile_field -->
<p class="vfname" style=" margin-top: 11px; ">
               <font size="3"><b>{postrow.displayed.POSTER_NAME}</b></font><br>
               <i>{postrow.displayed.POSTER_RANK_NEW}</i>

<div style=" float: right; margin-top: -25px; "> <script>level2(<!-- BEGIN profile_field -->'{postrow.displayed.profile_field.CONTENT}',<!-- END profile_field -->1);</script>
</div>                                
            </p>
                           <span id="puavtar">{postrow.displayed.POSTER_AVATAR}</span>
                                                                    
                                                                      

                                                                       </div>

                           <p>{postrow.displayed.POSTER_RPG}</p>
                        
                        </div>
                     </span>

<div style="width:500px;float:left;font:bold 12px Tahoma">

<h4 class="tieude158">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}" class="krokodil" style=" font-size: 16px; color: blue; "><b>{postrow.displayed.POST_SUBJECT}</b></a></h4>
                    <br>

<script>$("a.krokodil").each(function(){
        if ($(this).text().length > 35) {$(this).text($(this).text().substr(0, 32));$(this).append('...');
        }
    });</script>


<div id="proflie_2">




<table>
            <tbody><tr>
               <td>
               <!-- Facebook Like -->
               <b:if cond="data:post.isFirstPost">
               <script>(function(d){
                  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
                  js = d.createElement('script'); js.id = id; js.async = true;
                  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
                  d.getElementsByTagName('head')[0].appendChild(js);
                  }(document));
               </script>
               </b:if>
               <fb:like expr:href="data:post.canonicalUrl" layout="button_count" send="true" show_faces="false" font="arial" action="like" colorscheme="light" fb-xfbml-state="rendered" class="fb_edge_widget_with_comment fb_iframe_widget"><span style="height: 20px; width: 128px;"><iframe id="f3c882c044" name="f1f12d5d18" scrolling="no" title="Like this content on Facebook." class="fb_ltr" src="http://www.facebook.com/plugins/like.php?action=like&amp;api_key=&amp;channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D27%23cb%3Df39401b524%26domain%3Dvietfriend.info%26origin%3Dhttp%253A%252F%252Fvietfriend.info%252Ff1747f3068%26relation%3Dparent.parent&amp;colorscheme=light&amp;extended_social_context=false&amp;font=arial&amp;href=http%3A%2F%2Fvietfriend.info%2Fforum%2Fshowthread.php%3F2975-4sharevn-cscfe-beta4.html%26p%3D7291%23post7291&amp;layout=button_count&amp;locale=en_US&amp;node_type=link&amp;sdk=joey&amp;send=true&amp;show_faces=false&amp;width=150" style="border: none; overflow: hidden; height: 20px; width: 128px;"></iframe></span></fb:like>
               </td>
               <td> 
               <!--  Google Plus -->
               <div id="___plusone_0" style="text-indent: 0px; margin: 0px; padding: 0px; background-color: transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 90px; height: 20px; background-position: initial initial; background-repeat: initial initial;"><iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 90px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 20px;" tabindex="0" vspace="0" width="100%" id="I0_1381121279494" name="I0_1381121279494" src="https://apis.google.com/u/0/_/+1/fastbutton?usegapi=1&amp;bsv=o&amp;size=medium&amp;hl=vi&amp;origin=http%3A%2F%2Fvietfriend.info&amp;url=http%3A%2F%2Fvietfriend.info%2Fforum%2Fshowthread.php%3F2975-4sharevn-cscfe-beta4.html&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.vi.bDZEBWJs3xs.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAItRSTPVUXC4Pfi2jgu9KkZ0AzdgPUuTrg#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1381121279494&amp;parent=http%3A%2F%2Fvietfriend.info&amp;pfname=&amp;rpctoken=82083328" data-gapiattached="true" title="+1"></iframe></div>
               <script type="text/javascript">
                 window.___gcfg = {lang: 'vi'};
                 (function() {
                   var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                   po.src = 'https://apis.google.com/js/plusone.js';
                   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                 })();
               </script>
               <!-- / Facebook Like Google Plus -->
               </td>
            </tr>
         </tbody></table>


<div style="float: right;margin-top: -20px;margin-right: 10px;">
         <!-- $Id: Share $ -->
            chia sẻ:
            <a href="ymsgr:im?+&amp;msg=Xem bài này hay lắm nè: Những tình huống khiến bạn bối rối trong thuyết trình  ~~&gt; http://vietfriend.info/forum/showthread.php?2990-Nhung-tinh-huong-khien-ban-boi-roi-trong-thuyet-trinh.html&amp;p=7324 gửi cho bạn bè nữa nhá..."><img class="chiase" border="0" src="http://vietfriend.info/forum/images/share/yahoo.png" original-title="Gửi bài này cho bạn bè qua yahoo"></a>
            <a onclick="return vf_openbookmark(this)" target="_blank" href="http://www.facebook.com/share.php?u=http://vietfriend.info/forum/showthread.php?2990-Nhung-tinh-huong-khien-ban-boi-roi-trong-thuyet-trinh.html&amp;p=7324"><img class="chiase" border="0" src="http://vietfriend.info/forum/images/share/facebook.png" original-title="Ðăng lên FaceBook"></a>
            <a onclick="return vf_openbookmark(this)" target="_blank" href="http://link.apps.zing.vn/pro/view/conn/share?u=http://vietfriend.info/forum/showthread.php?2990-Nhung-tinh-huong-khien-ban-boi-roi-trong-thuyet-trinh.html&amp;p=7324&amp;t=Những tình huống khiến bạn bối rối trong thuyết trình&amp;desc=Đừng nghĩ rằng bạn đang cô đơn bởi vì có ai đó đang sẵn sàng giơ tay cho bạn nắm. Hãy cùng chia sẻ để vơi đi nỗi buồn và tận hưởng trọn vẹn niềm vui trong cuộc sống này bạn nhé! ------&gt; ViệtFriend.iNfO"><img class="chiase" border="0" src="http://vietfriend.info/forum/images/share/zing.gif" original-title="Ðăng lên ZingMe"></a>
            <a onclick="return vf_openbookmark(this)" target="_blank" href="https://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://vietfriend.info/forum/showthread.php?2990-Nhung-tinh-huong-khien-ban-boi-roi-trong-thuyet-trinh.html&amp;p=7324&amp;title=Những tình huống khiến bạn bối rối trong thuyết trình&amp;annotation="><img class="chiase" border="0" src="http://vietfriend.info/forum/images/share/google.png" original-title="Ðăng lên Google"></a>
            <a href="javascript:bookmarksite('Những tình huống khiến bạn bối rối trong thuyết trình', 'http://vietfriend.info/forum/showthread.php?2990-Nhung-tinh-huong-khien-ban-boi-roi-trong-thuyet-trinh.html&p=7324')"><img class="chiase" border="0" src="http://vietfriend.info/forum/images/share/favorites.png" original-title="Bookmark lại bài này"></a>
            <a href="javascript:window.print()"><img class="chiase" border="0" src="http://vietfriend.info/forum/images/share/print.gif" original-title="In trang này"></a>
         <!-- $Id: Share $ -->
         </div>

</div>




</div>




        </div>


   <div class="main-content topic" style="padding:10px;padding-top: 4px;border-top:1px solid #000;border-bottom:0px;background:#fff;" id="bai_viet{postrow.displayed.COUNT_POSTS}">

<div class="icon_1">
{postrow.displayed.POSTER_NAME}
</div>
<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 -->
<center>___________ <b>Chữ ký</b> ___________</center>
               <div class="sig-content" align="center">
                  {postrow.displayed.SIGNATURE_NEW}
               </div>
               <!-- END switch_signature -->

         </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" 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="#quickreply"><img src="http://i48.servimg.com/u/f48/16/18/15/10/tra_lo10.png" id="i_reply" alt="{L_POST_REPLY_TOPIC}" original-title="Trả lời bài viết này"></a>
         </div></span>
         <!-- END displayed -->
      <!-- END postrow --></div>








<div style="width:255px;float: right;border: 1px solid #c4cde0; -webkit-border-radius: 4px; background-color: #fff; padding: 3px;" original-title=""><div style="background: #F0F0F0;padding: 5px;" original-title=""><p style="background: #E0E0E0;padding: 5px;text-align: center;font-size: 15px;margin-bottom: 10px;font-weight: bold;">Chủ đề: {postrow.displayed.POST_SUBJECT}<span class="threadtitle">
<a href="{postrow.displayed.POST_URL}" original-title="Nạp lại trang này"></a></span>
</p>► Lượt Xem: 41 Lượt<br>► Trả Lời: 0 bài<br>► Độ HOT: <img src="http://vietfriend.info/forum/images/rating/rating-trans-15_0.png" style="margin-bottom: -2px;" original-title=""><!--
 $Id: Share $ --><center><a href="ymsgr:im?+&amp;msg=Xem bài này hay lắm nè:   ~~&gt; http://vietfriend.info/forum/showthread.php?2973-12-bi-kip-don-gian-giup-tang-toc-Windows-7.html&amp;p=7287 gửi cho bạn bè nữa nhá..." original-title=""><img class="chiase" border="0" src="http://vietfriend.info/forum/images/share/yahoo.png" original-title="Gửi bài này cho bạn bè qua yahoo"></a><a onclick="return vf_openbookmark(this)" target="_blank" href="http://www.facebook.com/share.php?u=http://vietfriend.info/forum/showthread.php?2973-12-bi-kip-don-gian-giup-tang-toc-Windows-7.html&amp;p=7287" original-title=""><img class="chiase" border="0" src="http://vietfriend.info/forum/images/share/facebook.png" original-title="Ðăng lên FaceBook"></a><a onclick="return vf_openbookmark(this)" target="_blank" href="http://link.apps.zing.vn/pro/view/conn/share?u=http://vietfriend.info/forum/showthread.php?2973-12-bi-kip-don-gian-giup-tang-toc-Windows-7.html&amp;p=7287&amp;t=&amp;desc=Đừng nghĩ rằng bạn đang cô đơn bởi vì có ai đó đang sẵn sàng giơ tay cho bạn nắm. Hãy cùng chia sẻ để vơi đi nỗi buồn và tận hưởng trọn vẹn niềm vui trong cuộc sống này bạn nhé! ------&gt; ViệtFriend.iNfO" original-title=""><img class="chiase" border="0" src="http://vietfriend.info/forum/images/share/zing.gif" original-title="Ðăng lên ZingMe"></a><a onclick="return vf_openbookmark(this)" target="_blank" href="https://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://vietfriend.info/forum/showthread.php?2973-12-bi-kip-don-gian-giup-tang-toc-Windows-7.html&amp;p=7287&amp;title=&amp;annotation=" original-title=""><img class="chiase" border="0" src="http://vietfriend.info/forum/images/share/google.png" original-title="Ðăng lên Google"></a><a href="javascript:bookmarksite('', 'http://vietfriend.info/forum/showthread.php?2973-12-bi-kip-don-gian-giup-tang-toc-Windows-7.html&p=7287')" original-title=""><img class="chiase" border="0" src="http://vietfriend.info/forum/images/share/favorites.png" original-title="Bookmark lại bài này"></a><a href="javascript:window.print()" original-title=""><img class="chiase" border="0" src="http://vietfriend.info/forum/images/share/print.gif" original-title="In trang này"></a></center><!--
 $Id: Share $ --></div>
<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>




<div class="main-foot clearfix" style=" border: 0; ">
      
   </div>

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


</div>
<div class="reply">
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in --></div>
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
<style>

.icon_1 {
color: #333;
font: bold 11px Tahoma;
text-align: left;
background: url(http://i48.servimg.com/u/f48/16/18/15/10/untit355.png)repeat-x bottom left;
height: 16px;
margin: 0 -14px;
padding: 1px 5px 1px;
}
.pun .frm {
margin-top:-21px;
}




#proflie_2 {
float:left;
display:block;
width:100%;
margin-top:4px;
height:15px;
}

.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;
width:72px;
height:14px;
padding:1px;
}

.pun .i_icon_edit {
border:1px solid #B8B8B8;
width:60px;
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://i48.servimg.com/u/f48/16/18/15/10/khoa110.png"] {
border:1px solid red;
padding:1px;
}

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


.lasperpen369 {
color: #fff;
font-size: 10px;
font-weight: 700;
margin-left: 125px;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
color: #053741 !important;}

.pun-crumbs {
border: 1px solid #09F;
line-height: 16px;
height: 6px;
overflow: hidden;
}
.pun-crumbs p { color: #666; font-size: 11px; line-height: 6px; margin: 0; }

</style>


[Sponsored content]