提供zblog模板_zblog主题_wordpress模板的下载和定制

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

天兴工作室 2016-09-19 教程 3202 1 评论


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

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

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

主题配置内全屏幻灯片的设置方法 幻灯片代码 全屏幻灯片 教程 第1张

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

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


没有找到解决你问题的教程?

您可以试着搜索一下或者直接在线提问。我们也提供收费技术支持,有需要可以在线联系我们。

在线提问 在线客服

1 位网友评论:

取消回复欢迎 发表评论:

  • 请填写验证码
  • 最新文章
  • 热文排行
  • 最多评论
标签聚合

社交账号登录

将本文分享给你的朋友们