苹果cms全屏模板幻灯图片设置教程

在我的主题网购买过

苹果cms第21套模板:https://www.mytheme.cn/maccms/107.html

苹果cms第25套模板:https://www.mytheme.cn/maccms/243.html

小伙伴们很多都不会把首页的幻灯图片设置成全屏显示,今天就给大家讲解下幻灯图片全屏的设置教程。

1,设置全屏有2种途径:A是直接上传全屏的图片,B是通过苹果cms系统后台编辑视频的“幕后”来实现图片全屏。直接上传全屏图片就不用说了,我们就分享下用“幕后”功能来实现全屏的方法。

首先来到系统-后台>>视频>>视频数据>>编辑中找一部需要推荐显示的影片,然后点击右边的编辑
在这里插入图片描述

2,设置影片推荐到首页,推荐值1-9根据自己的设置来推荐, 默认为5。
在这里插入图片描述

3,上传幻灯图片至海报图片位置。

在这里插入图片描述
4,这个是正常上传后没有设置全屏的效果,两边颜色空白,接下来就是设置幻灯图片全屏关键一步。获取和填写颜色值代码

在这里插入图片描述
5,我们要填充两边的空白就要选择和两边尾部一样的颜色才可以完美衔接填充,这样看起来才像是一个全屏的图片。获取颜色值代码其实很简单,用我们的qq聊天截图工具就可以操作。具体操作步骤:①使用快捷键Ctrl+Alt+A 启动截图②我们把鼠标放到我们要获取颜色值的区域上面,立刻就会显示出我们获取到的颜色值代码为:RGB(2, 2, 2) (如下图)这里的前提是你启动了qq聊天软件。

在这里插入图片描述
6,还是来到系统-后台>>视频>>视频数据>>编辑中找到我们需要推荐幻灯显示的影片,然后点击右边的编辑进入到基本信息选择“幕后”填写颜色值代码。RGB(2, 2, 2) 一定要遵循这个格式填写要不然不会生效,如果怕出错你可以复制我的代码只替换里面数字即可。
在这里插入图片描述

7,这是最终结果,是不是已经达到了我们想要的全屏效果。
在这里插入图片描述

声明:除特殊声明外本站文档均由作者原创,转载请注明出处,链接地址:https://www.mytheme.cn/article/258.html

上一篇:教你设置苹果CMSv8/v10首页幻灯轮播图片

下一篇:苹果CMSv10无法绑定采集分类的问题

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
苹果CMS v10模板宽屏大轮播支持DIY的自适应模板 演示地址:http://www.ysxh.xyz 模板设置: 1.首页幻灯片数据为5星推荐全部分类8个,需添加海报图片(小图切换是默认图片),图片链接填写格式”http://xxx.com/xxx.jpg) #0D0804″,其中#xxx是颜色参数,如果图片宽度小于1920需添加颜色属性,大于或者等于1920px可不填)必填。 2.首页循环列表由后台分类管理控制,默认只显示一级视频分类,如需自定义设置请修改模板内id参数即可 3.无会员模板或不需要会员功能请后台关闭会员模块 苹果CMS v10模板宽屏大轮播支持DIY的自适应模板 修改技巧: 1.请勿修改stui_block.css和stui_block_color.css样式,这是DIY模块所使用的公共样式库,修改它将导致DIY模块出现各种问题 2.请务必修改模板名称(防止模板被直接下载) 3.如果需要修改html页面或结构尽量采用新建模块的方式新增页面来修改,方便以后的维护、管理和模板的升级更新; 4.修改css样式注意事项:stui_block.css是DIY模块框架,stui_block_color.css是DIY模块风格样式,stui_default.css是模板默认样式,为了避免模板更新、升级和DIY模块使用等出现问题请尽量不修改模块框架和默认样式,如果有修改必要请修改模板默认样式stui_default.css文件,它可以修改颜色和覆盖掉前两者布局样式。 注意一点,一定要推荐5才能是幻灯片,你推荐9那不是幻灯片!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值