Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[素材] discuz模板中的超酷幻灯片的使用修改方法http://www.wanglu123.com/wp-content/upl...

[复制链接]
jianchang512 发表于 2013-4-10 11:35:59 | 显示全部楼层 |阅读模式
本帖最后由 jianchang512 于 2013-4-14 13:26 编辑

discuz x2.5自带的幻灯效果实在不怎么好,为了让你有更多选择,我在如下几个discuz 模板中添加了一款超酷超绚丽支持全屏播放的幻灯,在这里讲讲这个幻灯的使用和修改方法。


我分别在这几个discuz  x2.5模板中添加了这款幻灯效果

信息门户discuz 模板bpbank_bp (https://addon.dismall.com/?@bpbank_bp.template)



精仿网易整站 discuz 模板 bpbank_new (https://addon.dismall.com/?@bpbank_news.template)



电影视频风格discuz 模板bpbank_sp(https://addon.dismall.com/?@bpbank_sp.template)



简约大方仿phpwind discuz 模板bpbank_win(https://addon.dismall.com/?@bpbank_wind.template)



仿win8网站企业风格discuz 模板 bpbank_zhigu(https://addon.dismall.com/?@bpbank_zhigu.template)


幻灯效果--支持全屏 演示地址 http://www.wanglu123.com/wind


使用和修改这款幻灯片

这款幻灯的代码分为两部分,图片路径和链接代码在 header.htm(网站根目录/template/bpbank_*/common/header.htm),控制图片大小的代码在同一个文件夹的footer.htm中,在代码外围都有注释




假如你安装的模板为仿网模板易模板bpbank_news,那么header.htm和footer.htm文件则在 网站根目录 template/bpbank_news/common/文件夹中,如果你不确定安装的模板名字是什么,那么就打开网站根目录下的template文件夹看,如果有哪个文件夹以bpbank_ 开头,那么这两个文件就在这个文件夹的 common子文件夹中


header.htm文件中


如图所示,你可以将 href="#"  中的 # 替换为你想要点击后到达的地址,比如 http://www.wanglu123.com , src=" " 中填写你的图片路径,比如你的图片存放在网站根目录下的images中,图片名字为 a1.jpg 那么就要将  src=" " 修改为 src="/images/a1.jpg"  后面<p></p>之间的文字是将显示在幻灯下方半透明标题区域的文字。




footer.htm文件中




在你刚才修改的header.htm的同一个文件夹,会看到footer.htm文件,打开到最底部,会看到如图代码段

在你刚修改的header.htm的同一文件夹会看到footer.htm文件,打开后到最底部,会看到如图所示的代码段,其中的 width: 960, height: 380 是控制图片 宽 和 高 的,你可以根据需要进行修改




redzest 发表于 2013-4-10 11:41:07 | 显示全部楼层
不错。搜藏备用
回复

使用道具 举报

左手的爱 发表于 2013-4-10 13:54:06 | 显示全部楼层
囧 用的模板页太多了吧
回复

使用道具 举报

abcnic1 发表于 2013-4-10 13:58:33 | 显示全部楼层
收藏一下  :)
回复

使用道具 举报

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

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-17 22:49 , Processed in 0.132678 second(s), 6 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表