天兴工作室

主题演示站

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

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

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

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

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

<< 1 >>
«    2025年6月    »
1
2345678
9101112131415
16171819202122
23242526272829
30
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
搜索
最新留言
文章归档
网站收藏
友情链接

Powered By Z-BlogPHP 1.7.4

天兴工作室主题演示站点,如遇到问题请联系我们的在线qq:207649916咨询