首页添加帖子也板块内容代码插件
[align=center][attach]3184[/attach][/align][hide]1、现在后台建立若干个“主题附件”数据调用。有几个音乐板块就建立几个。我示范的建立了两个,如图:
[attach]3138[/attach]
代码内容是:[code]<li>
<a target="_blank" title="{author}" href="{link}">{subject}</a>
<span class="icon_tools fl" type="song">
<a href="javascript:void(0)" onclick="playMP3(this)" url="{url}" class="icon_play" title="试听"></a>
</span>
</li>
[/code]2、每个数据调用只对应一个板块!!!如图:
[attach]3139[/attach]
[attach]3140[/attach]
[attach]3141[/attach]
4、新建一个模板命名为music_js,内容是[code]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;
}[/code]5、打开discuz模板找到[code]<!--{if empty($gid) && $maxbdays &&$_DCACHE['birthdays_index']['todaysbdays']}-->[/code]在上边加[code]<div id="mp3_box">
<div class="mp3_box_name">
<h2><a>MP3试听</a></h2>
</div>
<div class="mp3_liea">
<dt><strong>最新音乐</strong> <a class="more" href="/music/">更多...</a></dt>
<ul>
{eval request('论坛主页_MP3试听');}
</ul>
</div>
<div class="mp3_lie">
<dt><strong>热门音乐</strong> <a class="more" href="/music/">更多...</a></dt>
<ul>
{eval request('论坛主页_MP3试听B');}
</ul>
</div>
<div class="mp3_lie">
<dt><strong>推荐音乐</strong> <a class="more" href="/music/">更多...</a></dt>
<ul>
{eval request('论坛主页_MP3试听C');}
</ul>
</div>
<div class="mp3_lie">
<dt><strong>外链音乐</strong> <a class="more" href="/music/">更多...</a></dt>
<ul>
{eval request('主题列表_78Q');}
</ul>
</div>
</div>
<style>
#mp3_box {width: 100%;height: 390px;}
.mp3_box_name {padding: 0 10px;height: 31px;border-bottom: 1px solid #e2e2e2;line-height: 31px;white-space: nowrap;overflow: hidden;}
.mp3_box_name h2 {padding-left: 10px;}
.mp3_box_name h2 a{color: #2B91E3;font-size: 16px;}
.mp3_liea {
height: auto;
min-height: 330px;
border: solid #DDDDDD;
border-width: 1px;
background: #fff;
width: 228px;
margin: 15px 10px 5px 15px;
float: left;
}
.mp3_lie {
height: auto;
min-height: 330px;
border: solid #DDDDDD;
border-width: 1px;
background: #fff;
width: 228px;
margin: 15px 10px 5px 5px;
float: left;
}
.mp3_lie dt,.mp3_liea dt {
width: 230px;height: 25px;border-bottom: 1px solid #e2e2e2;
}
.mp3_lie strong,.mp3_liea strong {
line-height: 25px;padding-left: 8px;
}
.mp3_lie .more,.mp3_liea .more {
line-height: 25px;padding-right: 8px;float: right;
}
.mp3_liea ul, .mp3_lie ul {
padding-left: 9px;
background: url(http://icode.258club.com/attachments/month_1811/1811172137053dcbd9d78163a2.gif) no-repeat 4px 9px;
}
.mp3_liea ul li, .mp3_lie ul li {
padding-right: 20px;
position: relative;
clear: both;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 18px;
margin-right: 5px;
height: 30px;
line-height: 29px;
background: url(http://icode.258club.com/attachments/month_1808/18082421359dfdb56a728f9d69.gif) repeat-x left bottom;
}
.mp3_liea ul li span,.mp3_lie ul li span {position: absolute;right: 0px;float: right!important;}
.icon_tools .icon_play {width: 16px;background-position: -80px 2px;}
.icon_tools .icon_stop {width: 16px;background-position: -80px -12px;margin-top: 9px;}
.icon_tools a {display: inline-block;height: 14px;margin: 7px 0px 0px 5px;background: url(http://icode.258club.com/attachments/month_1811/18111721371eac561f9c757452.gif) right top no-repeat;}
</style>
<script type="text/javascript" src="templates/colors/imusic_js.htm"></script>
[/code]注意替换templates/default/music_js.htm路径。
6、发布帖子注意事项:
发布帖子只能一个帖子上传一首歌曲,最好上传后将帖子关闭或禁止跟帖。
[attach]3183[/attach]
[attach]3143[/attach]
[attach]3144[/attach]
[attach]3145[/attach]
页:
[1]