天兴工作室制作的几款主题内都有全屏幻灯片这个东西,特点是看着大气。但是有很多用户不太会设置,本文就来详细解释下这个全屏幻灯片到底应该怎么设置。
首先是制作幻灯片图,主题配置的幻灯片选项都有说明这个幻灯片需要多大尺寸的图片,请严格按照指定尺寸做图。
然后重点来了,制作图片的时候切记图片的左右两端要保持纯色并且色值保持一致,如下图:
图片做好了还要记下这张图片两端的颜色色值,现在来到后台右上角主题配置,找到幻灯片设置项,代码如下:
<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:如果你不想要要全屏幻灯片只想固定宽度的幻灯片的话,只需要做好幻灯片图片保持图片大小一致,然后去掉代码里面的色值即可。
相关推荐
- translate3d和z-index冲突导致z-inde值无效的解决办法01-10
- 用腾讯企业邮做为邮件服务器来发送通知邮件的操作步骤09-18
- zblog搜索为什么不太准?zblog搜索的调用逻辑04-30
- 宝塔面板安装php失败:提示No package 'libjpeg' found的解决办法04-03
- zblog首页/分类/内容页标题副标题等seo标签详解03-17
- qlv视频怎么转码?腾讯视频如何直接下载mp4视频?03-10
- phpmyadmin导出数据库时报错:Fatal error:Cannot 'break' 2 levels in02-13
- 宝塔面板和云锁冲突导致Nginx或者Apache无法安装 01-15
- swf文件做背景时自适应宽高的解决办法10-10
- zblog会员可以上传图片的权限设置详细步骤10-06
取消回复欢迎 你 发表评论:
- 最新文章
- 热文排行
- 最多评论
- 1主题的暗黑模式是什么?怎么设置和使用暗黑模式?01-19
- 2zblog判断插件是否安装或者启用的代码介绍01-16
- 3translate3d和z-index冲突导致z-inde值无效的解决办法01-10
- 4zblogphp提示“ Call to undefined function openssl_pkey_get_public()”的原因和解决办法12-25
- 5zblogphp1.6版本报错“非法访问”的原因和解决办法12-23
- 6wordpress导航栏自定义添加class和rel="nofollow"的步骤12-13
- 7swiper做导航栏时自动跳转至对应分类的代码12-07
- 8zblogphp自带js框架评论接口大全12-04
- 9wordpress提示"Error establishing a database connection"的解决办法11-10
- 标签聚合
- ×1校园活动×1全球通G3升级版×1电信运营商×1购买zblog主题×1团购×1畅言表情插件×1jiathis×1zblogphp1.3下载×1zblogphp调用栏目×1zblog侧栏操作×1校园大V网×1华为U8800×1沃3G预付费20元卡×1电信×1科技模板×1预存50送90×1标题格式×1圣诞元旦×1dedecms字段×12016
最新评论
-
吸料机
已经解决 -
xinling2020.com
我今天在路上还在想我的个人博客要是写到1W文章数量会不会崩,看到这几十万我就放心了。这辈子也不可能有这样的数据~!哈哈 -
访客
不知道百度**收录怎么样 -
天兴工作室
这玩意你看下php手册啊https://www.php.net/manual/zh/function.date.php,m就是星期几 -
风羽
PHP版没有直接的星期几哦,找了好久没有,只能用JS转换~
有 1 位网友评论:
QQ时代乐园 4年前 (2016-10-04) 回复
学习了,多谢哈!