免費論壇 繁體 | 簡體
公告：SCLUB雲端專屬主機己開放租用
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
返回列表 下一主题 ›› ‹‹ 上一主题2218浏览 | 4回复 发帖

1# 跳转到 » 倒序看帖
9528发表于 2023-7-30 21:30 〇一二三四五六七八九十百千万亿零壹贰叁肆伍陆柒捌玖拾佰仟萬億~

首页添加mp3试听版块详细教程：源于-爱秀代码/icode/无界



源于：爱秀代码/icode/无界


原帖地址：http://icode.258club.com/thread-225-1-1.html


注：本页代码只适用于DZX仿7.2风格加强版


DZX仿7.2风格加强版安装地址


地址1：http://sclubfans.imotor.com/thread-197-1-1.html


备用地址：http://9528.gain.tw/viewthread.php?tid=523&;extra=page%3D1






1、现在后台建立若干个“主题附件”数据调用，有几个音乐版块就建立几个，如图：
本帖隐藏的内容需要回复才可以浏览


2、每个数据调用只对应一个板块！！！如图：
本帖隐藏的内容需要回复才可以浏览



4、新建一个模板命名为  music_js   内容是：
本帖隐藏的内容需要回复才可以浏览


5、打开discuz模板找到：
  1. <!--{if empty($gid) && $maxbdays &&$_DCACHE['birthdays_index']['todaysbdays']}-->
复制代码
在上边加：（注：不想放到discuz模板里面，也可以把下面的代码直接放到伙狼X的最下面）
本帖隐藏的内容需要回复才可以浏览

注意替换最后templates/default/music_js.htm路径，红色的是你的模板名称。

6、发布帖子注意事项：
发布帖子只能一个帖子上传一首歌曲，最好上传后将帖子关闭或禁止跟帖。

MP3发帖技巧：
本帖隐藏的内容需要回复才可以浏览


7、超过2M的歌曲文件如何上传，请修改：
本帖隐藏的内容需要回复才可以浏览


9、三张图片，按顺序替换：


本帖隐藏的内容需要回复才可以浏览


10、需要用到的文件：
如果没有安装jquery，就不能试听播放，安装吧，有很多代码都需要依赖：

后台新建一个模板命名为jquery
将附件解压，复制文本全部内容到jquery模板提交。
在论坛其他头部信息加入代码：
  1. <script type="text/javascript" src="templates/default/jquery.htm"></script>
复制代码

即可!

MP3试听4列版数据调用_20230731
[hide][/hide]
附件: 您需要登录才可以下载或查看附件。没有帐号？注册  
本主题由 9528 于 2024-8-11 20:10 设置高亮
收藏 分享
分享到: QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
   免費論壇申請

在线电影 在线音乐 在线阅读 软件下载 美图分享 返回首页


2#
9528发表于 2023-7-31 10:26 〇一二三四五六七八九十百千万亿零壹贰叁肆伍陆柒捌玖拾佰仟萬億~

8列版教程：






先把4列的安装好，8列的只要修改下面两个地方就可以了
打开discuz模板找到：
  1. <!--{if empty($gid) && $maxbdays &&$_DCACHE['birthdays_index']['todaysbdays']}-->
复制代码
在上边加：（注：不想放到discuz模板里面，也可以把下面的代码直接放到伙狼X的最下面）

本帖隐藏的内容需要回复才可以浏览

注意替换最后templates/default/music_js.htm路径，红色的是你的模板名称。


MP3试听8列版数据调用_20230731，导入的时候选择覆盖已存在的模块名称
[hide][/hide]
当然，用这个方法可以创建无限个列数，相应的版块数量也要同步建立！
这样可以把所有的版块隐藏起来，做一个专业的MP3试听论坛！
附件: 您需要登录才可以下载或查看附件。没有帐号？注册  
   免費論壇申請

在线电影 在线音乐 在线阅读 软件下载 美图分享 返回首页


3#
9528发表于 2023-8-12 18:34 〇一二三四五六七八九十百千万亿零壹贰叁肆伍陆柒捌玖拾佰仟萬億~

蓝色极简风格MP3试听模块备份-导入的数据通用




本帖隐藏的内容需要回复才可以浏览
附件: 您需要登录才可以下载或查看附件。没有帐号？注册  
   免費論壇申請

在线电影 在线音乐 在线阅读 软件下载 美图分享 返回首页


4#
9528发表于 2023-8-12 20:47 〇一二三四五六七八九十百千万亿零壹贰叁肆伍陆柒捌玖拾佰仟萬億~

SCLUB/Discuz! 7.2风格加强版风格MP3试听备份-导入的数据通用



本帖隐藏的内容需要回复才可以浏览
附件: 您需要登录才可以下载或查看附件。没有帐号？注册  
   免費論壇申請

在线电影 在线音乐 在线阅读 软件下载 美图分享 返回首页


5#
9528发表于 2024-8-11 18:18 〇一二三四五六七八九十百千万亿零壹贰叁肆伍陆柒捌玖拾佰仟萬億~

SCLUB/Discuz! 7.2-greenwall风格MP3试听备份-导入的数据通用



  1. <!--我的首页MP3--><div id="mp3_box">
  2. <div class="mp3_box_name">
  3. </div>
  4. <a href="http://9528.gain.tw/viewthread.php?tid=669&extra=page%3D1" target="_blank"><div style="text-align:center"><img src="http://9528.gain.tw/attachments/month_2407/2407232054347f26610be747bf.jpg" width="910" height="10" /></a></div>
  5. <div class="mp3_liea">
  6. <dt><strong>酷我华语榜/<FONT color=#00B2E8>超高品质</FONT></strong><a class="more" href="http://9528.gain.tw/forumdisplay.php?fid=4"" target="_blank">更多...</a></dt>
  7. <ul>{eval request('论坛主页_MP3试听A');}</ul>
  8. </div>
  9. <div class="mp3_lie">
  10. <dt><strong>酷我粤语榜/<FONT color=#00B2E8>超高品质</FONT></strong><a class="more" href="http://9528.gain.tw/forumdisplay.php?fid=4"" target="_blank">更多...</a></dt>
  11. <ul>{eval request('论坛主页_MP3试听B');}</ul>
  12. </div>
  13. <div class="mp3_lie">
  14. <dt><strong>酷我欧美榜/<FONT color=#00B2E8>超高品质</FONT></strong><a class="more" href="http://9528.gain.tw/forumdisplay.php?fid=4"" target="_blank">更多...</a></dt>
  15. <ul>{eval request('论坛主页_MP3试听C');}</ul>
  16. </div>
  17. <div class="mp3_lie">
  18. <dt><strong>酷我韩语榜/<FONT color=#00B2E8>超高品质</FONT></strong><a class="more" href="http://9528.gain.tw/forumdisplay.php?fid=4"" target="_blank">更多...</a></dt>
  19. <ul>{eval request('论坛主页_MP3试听D');}</ul>
  20. </div>
  21. </div>
  22. </div>
  23. </div>
  24. <style>
  25. .mp3_liea {
  26.     height: auto;
  27.     min-height: 179px;
  28.     border: solid #DDDDDD;
  29.     border-width: 1px;
  30.     background: #fff;
  31.     width: 225px;
  32.     margin: 1px 0px 0px 1px;
  33.     float: left;
  34. }
  35. .mp3_lie {
  36.     height: auto;
  37.     min-height: 179px;
  38.     border: solid #DDDDDD;
  39.     border-width: 1px;
  40.     background: #fff;
  41.     width: 225px;
  42.     margin: 1px 0px 0px 0px;
  43.     float: left;
  44. }
  45. .mp3_lie dt, .mp3_liea dt {
  46.     width: 220px;
  47.     height: 25px;
  48.     border-bottom: 1px solid #e2e2e2;
  49. }
  50. .mp3_lie strong,.mp3_liea strong {
  51. line-height: 25px;padding-left: 8px;
  52. }
  53. .mp3_lie .more,.mp3_liea .more {
  54. line-height: 25px;padding-right: 8px;float: right;
  55. }
  56. .mp3_liea ul, .mp3_lie ul {
  57.     padding-left: 9px;
  58.     background: url(http://9528.gain.tw/attachments/month_2407/240723205431a03ccc5b6f70ff.png) no-repeat 4px 9px;
  59. }
  60. .mp3_liea ul li, .mp3_lie ul li {
  61.     padding-right: 20px;
  62.     position: relative;
  63.     clear: both;
  64.     overflow: hidden;
  65.     text-overflow: ellipsis;
  66.     white-space: nowrap;
  67.     padding-left: 18px;
  68.     margin-right: 5px;
  69.     height: 30px;
  70.     line-height: 29px;
  71.     background: url(http://9528.gain.tw/attachments/month_2407/2407232054fbf24fd1224290dc.gif) repeat-x left bottom;
  72. }
  73. .mp3_liea ul li span,.mp3_lie ul li span {position: absolute;right: 0px;float: right!important;}
  74. .icon_tools .icon_play {width: 16px;background-position: -80px 2px;}
  75. .icon_tools .icon_stop {width: 16px;background-position: -80px -12px;margin-top: 9px;}
  76. .icon_tools .icon_down{width: 16px;background-position: -80px 2px;}
  77. .icon_tools a {display: inline-block;height: 14px;margin: 7px 0px 0px 5px;background: url(http://9528.gain.tw/attachments/month_2407/2407232054df4d2b596560db42.gif) right top no-repeat;}
  78. </style>
  79. <script src="templates/greenwall/music_js.htm" type="text/javascript"></script>
  80. <!--我的首页MP3end-->
复制代码
附件: 您需要登录才可以下载或查看附件。没有帐号？注册  
欢迎来到9528虚拟世界分享圈！Http://9528.gain.tw
   免費論壇申請

在线电影 在线音乐 在线阅读 软件下载 美图分享 返回首页

返回列表 下一主题 ›› ‹‹ 上一主题2218浏览 | 4回复