天兴工作室:提供zblog模板 emlog模板 dedecms模板的下载和仿站定制 | RSS订阅 | 网站地图 | 联系我们
天兴工作室自用主题2015版上架销售 国庆开开心心
当前位置:网站首页 教程 正文

主题配置内全屏幻灯片的设置方法

天兴工作室 2周前 (09-19) 教程 104 ℃ 0 评论
内容加载中......

天兴工作室制作的几款主题内都有全屏幻灯片这个东西,特点是看着大气。但是有很多用户不太会设置,本文就来详细解释下这个全屏幻灯片到底应该怎么设置。

首先是制作幻灯片图,主题配置的幻灯片选项都有说明这个幻灯片需要多大尺寸的图片,请严格按照指定尺寸做图。

然后重点来了,制作图片的时候切记图片的左右两端要保持纯色并且色值保持一致,如下图:

QQ截图20160919223848.png

图片做好了还要记下这张图片两端的颜色色值,现在来到后台右上角主题配置,找到幻灯片设置项,代码如下:

<li style="background:url(http://leitang.wang/zb_users/theme/txdida/style/img/flash1.png) #c4e0d7 center 0 no-repeat;">
<a target="_blank"  href="#"></a>
</li>

这个代码我们需要修改的只有三个地方,详细解释下:

1、<a target="_blank"  href="#"></a>中的#是链接地址:点击图片后要跳转到的地址。

2、http://leitang.wang/zb_users/theme/txdida/style/img/flash1.png为图片地址,记得必须是完整的图片地址(记得加http://)。

3、#c4e0d7就是图片背景的色值也就是刚才做图的时候要记下来的图片两端的色值。

上面这段代码就是一张“幻灯片图”的完整代码,多张图切换直接复制粘贴即可。


PS:如果你不想要要全屏幻灯片只想固定宽度的幻灯片的话,只需要做好幻灯片图片保持图片大小一致,然后去掉代码里面的色值即可。

我要提问 如果你对于此文还有任何疑问欢迎在文章下面的评论区域留言,如果你的疑问比较多,欢迎在本站的在线提问专业去发布问题,点击右侧的我要提问即可到达。天兴工作室将尽我所能为你解答问题。

本文标签全屏幻灯片 幻灯片代码

本文地址http://www.txcstx.cn/post/1017.html

版权说明:如非注明,本站文章均为 天兴工作室 原创,转载请注明出处和附带本文链接。

我猜你还喜欢这些...

额!本文竟然没有沙发!你愿意来坐坐吗?

欢迎 发表评论

必填

选填

选填

必填

◎欢迎在这里交流反馈,垃圾评论会秒删的额...

联系我们
最新评论
标签云
zblog更新缓存短信营业厅短信套餐zblog调用标签htaccess送Q币删除成员修改logo自用模板联通514emlog首页模板文件天语e619主题后台函数zblogphp调用栏目大众套餐左右箭头中兴U202沃派36元套餐zblogphp图片站短信签名zblog侧栏5元长途在线订单侧栏管理电信404手机端主题emlog6下载黑链阳新指定分类js框架zblog网站平板电脑恶意软件
热门模板