给自己的用户列表加个【心情音乐】

具体方法：

1、首先到系统设置→用户→用户组栏目定制，新建两个栏目。

2、打开 viewthread_node 模板，找到：

[CSS] 纯文本查看 复制代码

<p>{eval showstars($post['stars']);}</p>

在下边添加：

[CSS] 纯文本查看 复制代码

<div id="my_song" style="width:140px; margin-left:20px;" align="left">
<!--{if $post[field_5]}-->
<div class="song_list">
        <ul>
                <li>
                <span class="fl">
                <span class="fl singer_name text_clip">
                <a style="color:#2196F3">$post[field_5]</a>
                </span>
                <span class="fr">
                <span class="icon_tools fl" type="song">
                <a href="javascript:void(0)" onclick="playMP3(this)" url="$post[field_6]" class="icon_play" title="播放"></a>
                <a href="$post[field_6]" class="icon_down" title="下载"></a>
                </span>
                </span>
                </li>
        </ul>
</div>
<!--{else}-->
<font color="#666666"><a href="memcp.php" title="定义自己的主题曲，可以与朋友一起分享哦">点击定义歌曲</a></font>
<!--{/if}-->
</div>  

注意修改$post[field_5]和$post[field_6]

5是心情音乐，6是音乐地址

3、打开 css_common 模板，把代码放在最下边：

[CSS] 纯文本查看 复制代码

* ~~~~~~~~~~~~~~~~~~~~ 心情音乐~~~~~~~~~~~~~~~~~~~~*/
#my_song a:hover{text-decoration:none;}
.icon_tools .icon_play {
width: 14px;
background-position: -227px 0;
}
.icon_tools a {
display: inline-block;
width: 14px;
height: 14px;
margin: 5px 0 0 2px;
background: url('https://boonkiong.com/b/p/music.png') right top no-repeat;
}
.icon_tools .icon_stop {
width: 14px;
background-position: -230px -44px;
}
.fr {
float: right!important;
}
.song_list li {
line-height: 25px;
}
.song_list {
width: 130px;
}
.song_list li .song_name {
margin: 0 10px;
width: 180px;
line-height: 23px;
}

4、新建模板，命名为：

[CSS] 纯文本查看 复制代码

imusic_js

内容：

[CSS] 纯文本查看 复制代码

var audio =document.createElement("AUDIO");
var publicObj= "";//全局点击对象
function playMP3(obj){
        var url = $jq(obj).attr("url");
      var randNum = generateMixed(12)+"";
        if(audio.paused&&$jq(obj).attr("class")=="icon_play"){
                publicObj = obj;
        audio.src=url+"?msisdn="+randNum;
                audio.play();
                $jq(obj).attr("class","icon_stop");
        }else if (!audio.paused&&$jq(obj).attr("class")=="icon_play"){
                audio.pause();
                audio.src=url;
                audio.play();
                $jq(publicObj).attr("class","icon_play");
                $jq(obj).attr("class","icon_stop");
                publicObj = obj;
        }else{
                audio.pause();
                $jq(obj).attr("class","icon_play");
        }
}

function RndNum(n){
var rnd="";
for(var i=0;i<n;i++)
rnd+=Math.floor(Math.random()*10);
return rnd;
}

var chars = ['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f','g','h','i','j','k','m','n','p','q','r','s','t','u','v','w','x','y','z'];

function generateMixed(n) {
     var res = "";
     for(var i = 0; i < n ; i ++) {
         var id = Math.ceil(Math.random()*35);
         res += chars[id];
     }
     return res;
}

5、最后把这个代码添加到第三方：

[CSS] 纯文本查看 复制代码

<script type="text/javascript" src="templates/default/imusic_js.htm"></script>