2核1G3M服务器88一季度

腾讯云,阿里云百度云等 折扣价→点我←

苹果cmsV10添加全屏幻灯图、全屏轮播图教程

匿名用户 超级版主组

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

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

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

https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcubXl0aGVtZS5jbi8yMDIwMDExOS8xNTc5MzY0NDUzNTI4Nzk2LnBuZyFtYXNrMg?x-oss-process=image/format,png" target="_blank">https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcubXl0aGVtZS5jbi8yMDIwMDExOS8xNTc5MzY0NDUzNTI4Nzk2LnBuZyFtYXNrMg?x-oss-process=image/format,png" />

2,设置影片推荐到首页,推荐值1-9根据自己的设置来推荐, 默认为5。

https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcubXl0aGVtZS5jbi8yMDIwMDExOS8xNTc5MzY0NTAxNzU5MzUxLnBuZyFtYXNrMg?x-oss-process=image/format,png" target="_blank">https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcubXl0aGVtZS5jbi8yMDIwMDExOS8xNTc5MzY0NTAxNzU5MzUxLnBuZyFtYXNrMg?x-oss-process=image/format,png" />

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

https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcubXl0aGVtZS5jbi8yMDIwMDEzMS8xNTgwNDQ0NTcyMzA2MzUwLnBuZyFtYXNrMg?x-oss-process=image/format,png" target="_blank">https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcubXl0aGVtZS5jbi8yMDIwMDEzMS8xNTgwNDQ0NTcyMzA2MzUwLnBuZyFtYXNrMg?x-oss-process=image/format,png" />

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

https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcubXl0aGVtZS5jbi8yMDE5MTIyMi8xNTc3MDE0MjkwNjI3NjU1LnBuZyFtYXNrMg?x-oss-process=image/format,png" target="_blank">https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcubXl0aGVtZS5jbi8yMDE5MTIyMi8xNTc3MDE0MjkwNjI3NjU1LnBuZyFtYXNrMg?x-oss-process=image/format,png" />

 

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

https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcubXl0aGVtZS5jbi8yMDE5MTIyMy8xNTc3MDc5OTg3MjU2ODc2LnBuZyFtYXNrMg?x-oss-process=image/format,png" target="_blank">https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcubXl0aGVtZS5jbi8yMDE5MTIyMy8xNTc3MDc5OTg3MjU2ODc2LnBuZyFtYXNrMg?x-oss-process=image/format,png" />

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

https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcubXl0aGVtZS5jbi8yMDIwMDExOS8xNTc5MzY0OTI5MzM3MzM4LnBuZyFtYXNrMg?x-oss-process=image/format,png" target="_blank">https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcubXl0aGVtZS5jbi8yMDIwMDExOS8xNTc5MzY0OTI5MzM3MzM4LnBuZyFtYXNrMg?x-oss-process=image/format,png" />

7,这是最终结果,是不是已经达到了我们想要的全屏效果。

 

https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcubXl0aGVtZS5jbi8yMDIwMDExOS8xNTc5MzY1MDk2MTUzMDI5LmpwZyFtYXNrMg?x-oss-process=image/format,png" target="_blank">https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcubXl0aGVtZS5jbi8yMDIwMDExOS8xNTc5MzY1MDk2MTUzMDI5LmpwZyFtYXNrMg?x-oss-process=image/format,png" />

声明:除特殊声明外本站文档均由作者原创,转载请注明出处,原文地址:苹果cms全屏模板幻灯图片设置教程 

苹果cms

站长窝论坛版权声明 1、本帖标题:苹果cmsV10添加全屏幻灯图、全屏轮播图教程
2、论坛网址:站长窝论坛
3、站长窝论坛的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
4、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
5、站长窝论坛一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本帖由匿名用户在站长窝论坛《苹果cms_苹果cms模板_教程》版块原创发布, 转载请注明出处!
评论
最新回复 (0)
返回
发新帖