[Code] Avatar Dop Menu cho Punbb

๖ۣۜTom

๖ۣۜTom

Admintrator

Pet : [cho]
Status : tuyển mod sll
Gender : Nam

Posts : 1206
Points : 2147483647
Thanked : 5098

Cách làm :

Bước 1 : Cho đoạn sau vào Css :

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}

Bước 2 : Vào Viewtopic_body Tìm đoạn code sau

Code::  ... Đến ...  </div>

Xóa toàn bộ đoạn code đó và thay = Code sau

Code::   <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;">  <dt>{postrow.displayed.profile_field.LABEL}</dt> <dd>{postrow.displayed.profile_field.CONTENT}</dd>  </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>  <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd>  <dl class="file"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />  <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}  {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}  </dt>  <dd> <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em> </dd>   <dd> <em> <strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong> </em> </dd>  <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd> </dl>  </dd> </dl>  <div class="clear"></div> </div> </div> </div> </div>  <div class="sig-content">{postrow.displayed.SIGNATURE_NEW}</div>  <div class="postfoot"> <div class="options-button user-contact">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT}  </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>   <a style="display:none" class="likeplus" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><p class="likeNone">Thích</p></a>   <div style="display:none" class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">  <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>   <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>  </div>   <a style="display:none" class="likeminus" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">Báo xấu</a>   </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>  </div> <hr id="first-post-br" /> <div class="main-content topic">    <p class="p-hidden">{postrow.hidden.MESSAGE}</p>   </div> <script type="text/javascript" src="http://fmvi-group.googlecode.com/files/FMvi-avatar-like.js"></script>

Tiếp theo vào Header tìm code sau

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ... đến ...

Xoá đi
Và thay thế nó = code sau

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" />  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />  {META_FAVICO} {META} {META_FB_LIKE} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS}  <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>

nguồn : Cntt k3

No Comment.