discuz 调用用户勋章代码
查询
$medals=array();
$mls=DB::query("SELECT a.*,b.* FROM ".DB::table("common_member_medal")." a LEFT JOIN ".DB::table("forum_medal")." b on b.medalid=a.medalid WHERE b.`available` <> 0 AND a.`uid`='$_G[uid]' ORDER BY b.`displayorder` ASC LIMIT 0,20");
while ($ml=DB::fetch($mls)) {
$medals[]=$ml;
}
模板
<div class="buttons row medal">
<!--{loop $medals $medal}-->
<div class="medal-list col-xs-1">
<img src="{$_G['style'][imgdir]}/{$medal['image']}"alt="" id="md_{$medal['medalid']}" onmouseover="showMenu({'ctrlid':this.id, 'menuid':'md_{$medal['medalid']}_menu', 'pos':'12!'});" initialized="true"/>
<span class="medal-text">{$medal['name']}</br>{$medal['description']}</span>
</div>
<!--{/loop}-->
</div>
描述没搞出来,好像是缺js,自己用的css的:hover
部分css
.medal .medal-list{display:inline-block;position:relative;cursor:pointer;}
.medal .medal-list .medal-text:before{content: "";position: absolute;top: -6px;left: 50%;margin-left: -8px;border-color: transparent transparent #3498db transparent;border-style: solid;border-width: 0 7px 8px 7px;height: 0;width: 0;}
.medal .medal-list .medal-text{opacity: 0;position: absolute;top: 25px;left:-65px;width: 180px;background-color: #3498db;color: #fff;padding: 10px 0;line-height: 14px;font-size: 12px;text-align: center;border-radius: 2px;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;z-index:-9999;}
.medal .medal-list img:hover + .medal-text{opacity: 1;top:45px;z-index:9999;}