discuz 调用用户勋章代码

 

 

目录 可获取用户勋章,数量LIMIT自己改。

查询

$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;}

五月源码网 discuz教程 discuz 调用用户勋章代码 https://www.u532.com/1351.html

常见问题

相关文章

评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务