分享一些有关于zblog的教程,这里有zblog初级教程、zblog中级教程和zblog进阶版教程,如果对你有所帮助,深感荣幸
天兴工作室制作的几款主题内都有全屏幻灯片这个东西,特点是看着大气。但是有很多用户不太会设置,本文就来详细解释下这个全屏幻灯片到底应该怎么设置。
首先是制作幻灯片图,主题配置的幻灯片选项都有说明这个幻灯片需要多大尺寸的图片,请严格按照指定尺寸做图。
然后重点来了,制作图片的时候切记图片的左右两端要保持纯色并且色值保持一致,如下图:
图片做好了还要记下这张图片两端的颜色色值,现在来到后台右上角主题配置,找到幻灯片设置项,代码如下:
<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:如果你不想要要全屏幻灯片只想固定宽度的幻灯片的话,只需要做好幻灯片图片保持图片大小一致,然后去掉代码里面的色值即可。
售价:免费 82126 ℃ 4 评论
售价:免费 82126 ℃ 4 评论
售价:免费 82126 ℃ 4 评论
已有 1 位小伙伴发表了看法
回应ta QQ时代乐园 (游客)
评论于 2016-10-04 16:46:00
欢迎 你 发表评论