好友系统模板是 独立的  所以你可以在你的新模板中随意调用 .  但不能保证元素不会被影响

头部加入资源调用: 

<!-- 好友系统资源文件 -->
<link href="{#WWW}public/css/friend.css?var={#HYBBS_V}" rel="stylesheet">
<script src="{#WWW}public/js/friend.js?var={#HYBBS_V}"></script>

引用好友系统模板 , 可以早footer 底部中插入, 请在body 中 插入!

{include hy_friend::index}

如何滑出 好友面板

 $('.friend-box').toggleClass('friend-box-a');

在需要点击滑出的元素 增加此语句即可 

比如点击头像 滑动  在头像img中增加 onclick=" $('.friend-box').toggleClass('friend-box-a');"