首页 电商 正文

装修经验 制作全屏背景图

2024-03-20 13:14
admin

每当看到别家店铺高大上的全屏背景图,都会羡慕不已,反观自家的背景图,都会有种小家的感觉。但是,并非

淘宝装修

高手的我们,能否做到这种效果,答案是肯定的。另外,这种效果的制作并不难。今天,小编为大家带来全屏固定背景的制作教程。

第一步:准备素材

这里我们先找到一套绿色的背景素材,这类型的可适用的范围较广。

当然,每个人都有各自的风格,要做到自己的风格,需要对素材做适当的处理,但是,修改的过程要注意图片的长宽。

第二步:将素材上传到图片空间,复制生成的链接

第三步:下面这是制作全屏固定背景的特效代码

代码如下:

------》body{background-image:url(背景图片地址);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}《------

代码结束。

把上述代码复制粘贴到旺铺的CSS自定义框里。

1:在店铺的装修后台,点击编辑按钮;如下图所示:

2:看到“显示设置”之后,点击后看到白框就是CSS自定义框。如下图所示:

第四步:修改特效代码,保存发布。

在第三步的特效代码里,替换将括号中的背景图片地址,保存发布完毕,即可看到高大上的全屏固定效果了。操作过程是不是很简单?

相关文章

  • 淘宝全屏页短视频尺寸是多少?全屏页视频是指什么?

    淘宝全屏页短视频尺寸是多少?全屏页视频是指什么? 为了提升用户购物体验和增加商品的曝光度,淘宝引入了全屏页短视频功能。,淘宝全屏页视频的制作一般由商家或专业团队完成。,同时,商家们还可以利用淘宝平台提供的一些工具和资源,如素材库、剪辑软件等,来帮助他们更高效地制作和上传视频。

    2024-03-13 18:16
  • 双十一全屏承接页能改吗?

    双十一全屏承接页能改吗?   双十一全屏承接页能改吗?2017年双十一即将到来了,想要参加双十一活动的商家类说,了解一些活动的规则是很有必要的,那么能修改双十一全屏承接页吗?今天小编就给大家介绍一下淘宝双十一店铺承接页的一些内容,先来看看双十一全屏承接页能不能改这个问题吧。  大家可以看下去年的承接页,淘宝规定了的页面就不能改。双十一那天连促销工具都只能用淘宝平台的哦。双十一全屏承接页的具体情况,请看下面小编继续为大家解答

    2024-03-22 19:47
  • 速卖通如何弄全屏海报 海报轮播制作怎么做 速卖通

    速卖通如何弄全屏海报 海报轮播制作怎么做  速卖通 想要做好速卖通店铺运营,肯定需要做好店铺装修的工作,那么有一些卖家朋友想要做一个全屏海报,但是不知道具体操作的方法,赶紧去学习一下速卖通如何弄全屏海报吧一、速卖通如何弄全屏海报?,全屏海报使得店铺整体视觉效果提升了一个层次,能以更大气的方式展现所售的产品打开全屏海报的编辑页面,将图片URL地址复制,粘贴在“图片地址”框,复制产品链接地址,粘贴在“链接地址”框,操作简单明了在“页面背景”一栏,我们还

    2024-03-22 15:48
  • 双11海报尺寸是多少?有什么好的设计思路?

    双11海报尺寸是多少?有什么好的设计思路? 什么是淘宝全屏海报图,就是用电脑打开你的店铺后海报广告可以铺满整个屏幕,可以完整显示的图片,从效果上达到全屏。,不但如此,今年还要突出品牌化!品牌核心元素必须贯穿始终,让用户有明显的感知,设计与设计之间保持统一,传递相同的心智。,淘宝双十一红包是重点,用这些可以烘托节日气氛。

    2024-03-22 08:59
  • 淘宝店铺如何添加全屏海报?

    淘宝店铺如何添加全屏海报? 以上操作过程便是全屏海报的添加方法,下节内容小编为大家带来如何在全屏海报中添加热点。

    2024-03-22 08:03
  • 淘宝活动页面全屏怎么免费实现?

    淘宝活动页面全屏怎么免费实现? 淘宝活动在商城里面是常见的,各位商家们有了自己店铺了以后,是肯定会去做推广报名参与活动的,成功报名了以后需要去设计店铺活动的页面哦,下面的内容中,小编教大家怎么实现全屏。,各位卖家们,你掌握了上面的方法后,即使不不用去买模板也可以实现全屏了,简直就是一大福利啊,如果你觉得这样比较麻烦的话,也是可以去买全屏的模板的。,更多运营策划知识尽在本网。

    2024-03-22 07:14
  • 淘宝二级页面固定背景制作的方法是什么?

    淘宝二级页面固定背景制作的方法是什么? 不管你是参与了淘宝商城的何种活动,像店铺的应景装修是肯定要做的,不然怎么去渲染出一张活动的气氛了呢?最近有网友问小编淘宝二级页面固定背景如何制作,接下来为大家进行说明。  大家可以发现,首页全屏代码在自定义页面其实并不能够使用,但是在好多淘宝店里都存在固定的背景图片,其实也就是二级页面全屏大图。而这个页面是怎么做到的呢?  现在就教你如何制作二级页面的固定图片。  先进入装修后台,在“装修”里找到

    2024-03-22 07:07
  • 淘宝产品展示怎么弄全屏?设置技巧分享

    淘宝产品展示怎么弄全屏?设置技巧分享 系统默认的宽度只有950px,想要实现这样的效果,到底该怎么去操作呢?下面来看看淘宝产品展示怎么弄全屏。,下面,我们就把第一张图插入到页面里面,先把这张图片上传到图片空间,然后在要插入海报的页面添加自定义内容区。,背景对齐:居中,然后全屏就设置完成了。

    2024-03-22 07:06
  • 淘宝全屏海报尺寸多少?设置海报有什么用?

    淘宝全屏海报尺寸多少?设置海报有什么用? 而对于电脑端的淘宝网页,推荐的宽度为1920像素,以适配大部分桌面显示器。,一般来说,建议高度不超过屏幕的2/3,以确保在用户浏览页面时能够看到其他内容,避免信息被遮挡。,通过巧妙地设计全屏海报,可以有效传达促销信息,激发用户的购买欲望,提高销售量和转化率。

    2024-03-21 20:54
  • 淘宝全屏尺寸是多少?尺寸有哪些规则?

    淘宝全屏尺寸是多少?尺寸有哪些规则? 如果全屏尺寸的宽度超过这个标准,可能会导致图片在有些电脑上显示过大或者变形。,如果全屏尺寸的高度过低,可能会导致图片在有些电脑上显示过小或者不清晰。,因此,建议在设计全屏尺寸时,使用响应式布局或者自适应技术,以确保图片在不同设备上都能够得到良好的展示效果。

    2024-03-21 20:52