要实现的效果如下图：



在全局右侧显示一个侧边栏，并且可以显示各种用户信息及自定义内容！同时有返回顶部的作用！




【实现方法】

1，在正在使用的模版header.php(.html)里添加CSS引入代码（假如你的模板文件夹名称为 moqu8）：

 <link href="template/moqu8/images/toolbar/toolbar.css" rel="stylesheet" type="text/css">

	<link href="template/moqu8/images/toolbar/iconfont.css" rel="stylesheet" type="text/css">

2，将CSS文件夹解压上传到你的模板images/下面：

点击下载 toolbar.rar(大小：62.28K)

3，将下面的代码根据你的需求进行修改，然后添加到你正在使用的模版footer.php(.html)文件的合适位置（一般就是最后一个div下面）：

<div class="toolbar">

  <ul class="icon_lists cl">

    <div class="tool-lis"> <i class="icon iconfont">

      <a href="home.php?mod=space&uid=$_G[uid]"><!--{avatar($_G[uid],small)}--></a></i>

      <div class="name"><a href="home.php?mod=spacecp&ac=usergroup">$_G[group][grouptitle]</a></div>

      <ul>

        <li class="um-reply"><strong class="vwmy  qq" style="margin-left:0px;background-position:0px 3px;"><a href="home.php?mod=space&uid=$_G[uid]" class="user-name">{$_G[member][username]}</a></strong> <a href="member.php?mod=logging&action=logout&formhash=4af3d1fb" class="y">退出</a></li>

        <li><a href="home.php?mod=spacecp">设置中心</a><a href="plugin.php?id=alipaybuygroup" class="y" style="color:#f60">开通VIP</a></li>

      </ul>

    </div>

    <div class="tool-lis"> <a href="forum.php?mod=guide&view=my"> <i class="icon iconfont"></i>

      <div class="name">贴子</div>

      </a> </div>

    <div class="tool-lis"> <a href="home.php?mod=space&do=favorite&view=me"> <i class="icon iconfont"></i>

      <div class="name">收藏</div>

      </a> </div>

    <div class="tool-lis"> <a href="home.php?mod=space&do=notice"> <i class="icon iconfont"></i>

      <div class="name">提醒</div>

      </a>

      <ul>

        <li class="um-reply"><a href="home.php?mod=space&do=notice" id="myprompt">查看提醒

        <span class="y" style="color:#f60"></span></a></li>

        <li class="um-reply"><a href="home.php?mod=space&do=pm" id="myprompt">查看消息</a></li>

      </ul>

     </div>

    <div class="tool-lis"> <a href="javascript:void(0);"> <i class="icon iconfont"></i>

      <div class="name">趣币</div>

      </a>

      <ul>

        <li>趣币：<em style="color:#f60"><!--{eval echo getuserprofile('extcredits1');}--></em> <em class="y"><a href="plugin.php?id=alipaybuygroup">开通VIP</a></em></li>

        <li>趣豆：<em style="color:#f60"><!--{eval echo getuserprofile('extcredits3');}--></em> <a href="plugin.php?id=keke_chongzhi" style="margin-right:7px;" class="y">充值趣币</a></li>

      </ul>

    </div>

    <div class="tool-lis"> <a onclick="showWindow('nav', this.href, 'get', 0)" href="forum.php?mod=misc&action=nav"> <i class="icon iconfont"></i>

      <div class="name">分享</div>

      </a> </div>

    <div class="tool-lis"> <a href="javascript:void(0);"> <i class="icon iconfont"></i>

      <div class="name">任务</div>

      </a>

      <ul style="width:190px;">

        <li><a href="home.php?mod=task">做任务免费赚趣币升VIP</a></li>

        <li> </li>

      </ul>

    </div>

    <div class="tool-lis"> <a href="#"> <i class="icon iconfont"></i>

      <div class="name">帮助</div>

      </a>

      <ul>

        <li><a target="_blank" href="#">关于趣币</a><a target="_blank" href="#" class="y">关于VIP特权</a></li>

        <li><a target="_blank" href="#">关于会员</a> <a target="_blank" href="#" class="y">充值问题反馈</a></li>

      </ul>

    </div>

    <div class="tool-lis"> <a onclick="window.scrollTo('0','0')" href="javascript:void(0);"> <i class="icon iconfont"></i>

      <div class="name">回顶部</div>

      </a> </div>

  </ul>

</div>

4，更新缓存，即可生效！