[Code] Avatar Dop Menu cho Punbb

Code:

/* drop menu avatar */
.pun .user{overflow:visible;margin-top:0!important;width:13em;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,.pun .postfoot{margin-left:-13em!important;position:relative}
.pun .postmain{margin-left:13em!important}
.main .main-head,.main .main-foot{border:3px double}
.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{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:-2px;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}

.pun .postfoot .user-contact{float:none;left:-0.7em;position:absolute;text-align:center;width:13em;z-index:99}
/* Tin nháº¯n tá»± Ä‘á»™ng vĂ  nĂºt Like */
#profile-advanced-details .autobot{color:#2220FB!important;font-size:14px!important;text-shadow:1px 1px 1px #000!important}
.loaddingLike{background:url(http://i48.servimg.com/u/f48/16/58/89/73/loadin11.gif)
 no-repeat scroll center center 
transparent;display:none;height:1.4em;width:126px;margin:-1.4em 0 -3px 
200px}
.FMvi-like em {display:none;}
.post .post-options{height: 22px;position:relative}
.FMvi-like .nolikeplus{float:left}
.FMvi-like .nolikeminus{cursor:pointer;float:left;left:80px;position:absolute;top:5px}
.FMvi-like{min-width: 180px;left:180px;position:absolute;display:none;}
.FMvi-like .likePro,.FMvi-like .likeNone{border-radius:1px 1px 1px 1px;color:#FFF;text-align:left;width:57px;padding:3px 5px}
.FMvi-like
 
.likePro{cursor:pointer!important;background:url(http://i48.servimg.com/u/f48/16/58/89/73/like_b12.png)
 no-repeat scroll 45px center #31A8FC!important;border:1px solid 
#2888CC!important}
.FMvi-like 
.likeNone{cursor:not-allowed;background:url(http://i48.servimg.com/u/f48/16/58/89/73/like_n11.png)
 no-repeat scroll 45px center #B1B1B1;border:1px solid #919699}
.FMvi-like .likePro:hover{text-shadow:1px 1px 1px #000}
.FMvi-like
 
.nub{display:none;background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/tip10.png);background-position:0
 
0;background-repeat:no-repeat;float:left;height:8px;margin-left:-55px;margin-top:24px;position:relative;width:13px;z-index:99}
.FMvi-like
 .commentLike{min-width: 
280px;display:none;background-color:#FBFAE6;border:1px solid 
#A3A3A3;float:left;left:0;top:30px;position:absolute;z-index:30;padding:5px}
.commentLike input{background-color:#FFF;border:1px solid #A3A3A3;display:none;height:28px;width:350px}
.commentLike p{padding:7px 0;text-align:left}
.FMvi-like
 
.closeFMvi_like{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/tip10.png);background-position:0
 
-9px;background-repeat:no-repeat;height:16px;right:2px;top:2px;position:absolute;width:15px}

Code:



<!-- BEGIN postrow -->
...
Đến
...
<!-- END postrow -->
</div>

Code:




<!-- 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>
               </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>
               <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>
                  </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">{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">
 
           <iframe style="display:none" 
name="vote{postrow.displayed.U_POST_ID}" height="0px" width="0px" 
frameborder="0"></iframe>                                       
   
            <div 
onmouseover="show_like({postrow.displayed.U_POST_ID})" 
onmouseout="hide_like({postrow.displayed.U_POST_ID})" 
class="FMvi-like">
               <a 
target="vote{postrow.displayed.U_POST_ID}" class="nolikeplus" 
onclick="comment_like({postrow.displayed.U_POST_ID})"><p 
id="FMvi_like{postrow.displayed.U_POST_ID}" 
class="likeNone">Thích</p></a>
               <a 
onclick="report_like({postrow.displayed.U_POST_ID})" 
target="vote{postrow.displayed.U_POST_ID}" class="nolikeminus">Báo 
xấu [<font color="red">0</font>]</a>
               <div id="nub{postrow.displayed.U_POST_ID}" class="nub"></div>
               <div id="like{postrow.displayed.U_POST_ID}" class="commentLike">
 
                 <span class="closeFMvi_like" style="display:none" 
onclick="close_like({postrow.displayed.U_POST_ID})"></span>
                  <p></p>
                            <div class="loaddingLike"></div>
                  <em>Gửi một bình luận lên tường nhà {postrow.displayed.POSTER_NAME}<br /></em>
                  <input onkeyup="send_comment(event,{postrow.displayed.U_POST_ID})" type="text" value="" />
               </div>
               <div style="display:none" id="data-link-comment{postrow.displayed.U_POST_ID}"></div>
                                                <!-- BEGIN switch_vote_active -->
                                                   <!-- BEGIN switch_vote -->
 
                                                  <a 
style="display:none" class="likeplus" 
href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><p
 class="likeNone">Thích</p></a>
                                                   <!-- END switch_vote -->
                                                   <!-- BEGIN switch_bar -->
 
                                                  <div 
style="display:none" class="vote-bar" 
title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                                                      <!-- BEGIN switch_vote_plus -->
 
                                                     <div 
class="vote-bar-plus" 
style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                                                      <!-- END switch_vote_plus -->
                                                      <!-- BEGIN switch_vote_minus -->
 
                                                     <div 
class="vote-bar-minus" 
style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                                                      <!-- END switch_vote_minus -->
                                                   </div>
                                                   <!-- END switch_bar -->
                                                   <!-- BEGIN switch_vote -->
 
                                                  <a 
style="display:none" class="likeminus" 
href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">Báo
 xấu</a>
                                                   <!-- END switch_vote -->
                                                <!-- END switch_vote_active -->
                                                </div>
                                    
 
                                               <span 
class="options-button">{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}</span></div>
               <div style="clear:both;"></div>
            </div>
         </div>
      </div>
      <!-- BEGIN first_post_br -->
   </div>
   <hr id="first-post-br" />
   <div class="main-content topic">
      <!-- END first_post_br -->
      <!-- END displayed -->
      <!-- BEGIN hidden -->
      <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
      <!-- END hidden -->
      <!-- END postrow -->
   </div>
     <script type="text/javascript" src="http://fmvi-group.googlecode.com/files/FMvi-avatar-like.js"></script>

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
...
đến
...
   <!-- BEGIN switch_fb_login -->

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 -->