给zblogphp添加独立音乐页面


新建页面,可以实现很多独立的功能,比如我就添加了音乐随身听,没事可以听听音乐放放松心情。  

我自己的效果图:




利用iframe可以套用现在比较流行的音乐应用,如酷狗、百度。我用的就是百度随心听。

zblogphp新建页面时候,首先得先新建这音乐的模板,在“当前主题\template\"文件夹下新建一个php。比如我的:music_muban.php

然后粘贴上如下代码


<iframe src="http://fm.baidu.com" 
scrolling="yes" 
frameborder="1" 
height="650px" 
id="mainFrame" 
width="100%"  
onload='IFrameReSize("mainFrame");IFrameReSizeWidth("mainFrame");'>
</iframe>

代码说明

1、<iframesrc=”http://fm.baidu.com”指定IFRAME调用的文件,网址代表的就是百度随心听的网页,延伸说下,它还可以调用图片等(html,htm,gif,jepg,jpg,png,txt,*.*)

2、scrolling=”yes”是否有滚动条(yes代表有,no代表没有)

3、frameborder=”1″设置边框是不否为3维(0代表否,1代表是)

4、height=”650px”id=”mainFrame”width=”100%”onload=’IFrameReSize(“mainFrame”);IFrameReSizeWidth(“mainFrame”)这代表把这音乐应用高度设置为650像素,不是代表页面高度啊,这个高度需要自己调试,宽度是根据主题自适应的。


当然,也可以加上网站的头部跟底部让界面更加和谐美观,

如我完整代码是:


{template:header}
{template:top}

<iframe src="http://fm.baidu.com" 
scrolling="yes" 
frameborder="1" 
height="650px" 
id="mainFrame" 
width="100%"  
onload='IFrameReSize("mainFrame");IFrameReSizeWidth("mainFrame");'>
</iframe>   
 
{template:footer}


说明:

{template:header}调用头部

{template:top}这是我导航栏这一块

{template:footer}这是底部


保存好模板php之后,在后台-页面管理-新建页面-右边的模板选择刚刚创建的


提交之后就可以了


版权属于:做one笔记

原文地址:https://zuoone.com/post/76.html

转载时必须以链接形式注明原始出处及本声明。

相关文章

友吧网
友吧网
发布于 2017-08-1015:35:45  回复
对网站有收录性的影响吗?
访客
访客
发布于 2016-06-1700:49:51  回复
学习了
口袋作文口袋君
口袋作文口袋君
发布于 2016-06-0216:19:35  回复
真有创意,没想到zblog可以做出这么华丽的页面。
九哥
九哥
发布于 2015-10-1218:12:42  回复
博主。ZBLOG有独立下载页插件吗
谢国宏
谢国宏
发布于 2015-03-2218:39:33  回复
为什么电脑模板可以用,手机模板会报错?
新青年摄影
新青年摄影
发布于 2014-08-0610:43:38  回复
不错的方法哇

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

不再显示