夜间模式
请选择 进入手机版 | 继续访问电脑版

BoonKiong.com2024™

      走好人生路、唱好人生这首歌。
人气 110

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

文強已获得官方认证 2023-7-19 13:53



1.jpg


具体方法:

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


2.jpg


3.jpg


4.jpg


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>








上一篇:章鱼聊天室修改css部分——导航条下隐藏
下一篇:模拟X3板块发帖量趋势图标
  • TA的每日心情

    2023-7-25 17:56
  • 签到天数: 24 天

    连续签到: 23 天

    [LV.4]偶尔看看III

    您需要登录后才可以回帖 登录 | 立即注册

    您还未登录

    随手拍~~:

    热门推荐~~:

    Instagram 播放器代码...

    首先進入後台 → 界面 → 编辑器设置 →Discuz! 代码 新增一个 ig 的“标签”,然后点击“详 ...

    2023年谷歌浏览器依然能够使用Flash的方法...

    1、首先需要安装 Clean Flash Player:[/colorT] 下载解压后鼠标右键“以管理员身份运行”Clean Flas ...

    论坛表情分享...

    1、洋葱头 ...

    Discuz! X3.5 解决小图标不显示的方法...

    我发现大多数使用Discuz! X3.5 都有小图标不能显示的问题,提问的时候大家给的回答都是说跨域的问题, ...

    如何在 discuz 帖子里添加 APlayer 音乐播...

    1、首先将下边的 APlayer.css 和 APlayer.js 代码下载然后解压上传到服务器。 2、单曲音乐的代 ...

    热度会员~~:

    文強bkboonkiongadmin老谟深虑huaekinTaC彤彤aachi55688dongerlaoreninception小白龙

    免责声明~~:


    本站内容来源于合作伙伴及网络搜集,版权归原作者所有。如有侵犯版权,请立刻和本站联系,我们将在三个工作日内予以改正。
    Email:hsbk@hotmail.com

    手机App~~:

    服务与条款|隐私政策|免责声明|手机版|友链申请|小黑屋|网站地图| 文强阁

    Powered by Discuz! X3.5|© 2001-2024 Discuz! Team. |距离砂拉越自治日还有: