怎样制作淘宝店铺大屏背景??急求。。在线等。。。
全屏背景是直接给body加的背景图片
如果你想做成横像平铺的话css要这样写
body{background: url(背景图片) repeat-x left top #fff;}
纵向平铺这样写
body{background: url(背景图片) repeat-y left top #fff;}
背景大图居中的话这样写
body{background: url(背景图片) no-repeat center top #fff;}
背景大图居中的话要求这个背景图片一定要足够大 至少要宽1440
主要是你要实现什么功能,淘宝店招不都是模块化的么,你直接放背景就好了?
你可以把店铺私信或者留言给我,我去看下,看看怎么做。
一、准备工作
一个PHOTOSHOP图片处理软件,一张你准备做店铺首页背景宣传的大图片,建议图片宽度是大于或等于1440PX,没有PHOTOSHOP的朋友,可以去下载一个哦,(安装很容易的,所以安装的步骤我也不详说了。不要怕麻烦,凡事都要自己动手了,能才从中学到东西,学到经验。
二、图片处理
1、安装好PS后,打开界面
接着点击"文件""打开",
把你要的制作的图片打开到PS里面
2、把图片裁成宽度大于或等于1440像素的宽度,高度取决于你自己的要求,一般是600-750像素就可以了。首先打开剪裁工具,
然后操作就跟QQ软件里的的剪图类似,裁出来的图片如果宽度跟1440像素相差不大的话,就可以通过图像大小来调整一下,
在宽度里输入1440,后面的记得是像素,不是厘米哦!还有下面的约束比例也要勾上,这样图片就不会变形了。
3、1440像素宽度的图片剪裁完后,接着在这个图片里剪裁出950像素的图片,因为淘宝全通栏的大小是950像素。至于950的图片怎么剪裁,这里就比较重要了。
首先我们可以把图片1440像素分成三份,245+950+245=1440!245是19寸宽屏两侧背景其中一边的像素。
4、我们新建一个PS文件
宽度是245像素的新文件,高度可以随便。
在左侧工具栏,切换到“矩形选框工具”,
选中新建的文件“未标题-1”按着CTRL+A键,会有虚线显示全选了这个空白的图像, 点着鼠标左键不放,把虚线边框接到左边的宣传图片,并如左边边缘对齐。
在这里需要把标尺调出来作为参考
接着在工具栏里选择“移动工具”,在标尺里面拉出一条浅蓝色的辅助线,跟虚线边框右边缘对齐,那么宣传图片左边边缘到辅助线的宽度就是245像素了,右边的操作同样,这里就不再详说了。
两边的辅助线出来后,就使用“剪裁工具”,两边对齐辅助线
按一下回车,就可以把950宽度的图片剪裁出来了。
然后把950像素宽度700像素高度的图片保存成JPG格式的图片。
5、按编辑,后退一步。把图片恢复成没有剪裁前的1440像素的宽度。前面的工作,无论商城或集市店都是一样的。那么下面的两侧的背景图,就有点不一样了。因为商城上面有一栏是红色信息置顶,所以背景图不会覆盖到上面,但集市店就不样了。集市店头部导航上面,还会显示背景图片的。所以这两个地方有点不一样,这个也只是大同小异,原理还是一样的!
6、背景图,以集市店拓展版为例,新建一个宽是1440像素,高是934像素的。
图片上面的1是顶部112PX的高度,2是我本店导航的高度135PX,3是分隔线的高度10PX,一共是257PX,这个你们可以根据自己的导航高度调整,不是固定死的。然后用”移动工具“把1440宽度的图片拖动过来。 淘—巧—网,淘宝开 背景图有限制大小是100K,因为白色像素是最小的,所以背景图不显示的地方弄成白色可以减少图片的大小。
如何添加那块白色呢?点击“矩形选框工具”,把要填充白色的地方选中,出现虚线后就右击“填充”选择填充白色就可以了,
然后保存为JPG格式的图片,注意大小不能大于100K哦,这样背景图片就完成了。
三、店铺装修上传
1、打开”我的淘宝“里面,我是卖家的“店铺装修”
点击添加店铺中部的添加模块,就显示在最上面的那个自定义内容区了,
这里要注意的一点,不要搞错添加了页头模块哦。然后把剪裁好的那个950PX宽度的宣传图片上传到图片空间再放进自定义模块里面, 本文内容来自淘巧网
我们在自定义内容里面不需要写标题,如果写了标题会出现一个设置的背景底色,影响我们的整体效果。然后点击添加图片把商品或其它地址写到里面。
再确定保存就可以了。
注意:淘宝里面所有的图片链接只能写淘宝的地址有效,写外部的网站是没有用的。
2,同样在店铺装修里,点击”模板“进入到模板管理区,
再点击“背景设置”。
在这里大家可以看到有“页面背景”,“页头背景”,这两个是不一样的哦。 淘巧好,好淘巧
先看页头背景,这里就是放导航条背景图的。也就是图片右边的这个地方。
点击”页面背景“把之前剪裁好的背景图上传,“显示背景图”这个要勾上。背景色你可以选择白色,也可以选择其它的色, 淘巧好,好淘巧
它在背景图覆盖的地方不会显示,没有覆盖的地方就显示你所选择的颜色。保存!
大功告成了,点击发布,就可以保存我们刚才做的这些操作了。再查看下自己的店铺的主页,是不是漂亮多了! 大家在做的时候遇到什么问题可以随时联系我@
********************有需要做店内宝贝模块的也可以这样做 同样的原理。。。。
|||
这个我像是看明白了 我不知道我能不能做成功哦 试试吧
|||
不明白可以来找我 留言也可以 直接联系我也可以
|||
好的 谢谢哦
|||
不客气的亲 你也可以到我店去看看 真的不是很难 看你的店新开的什么都没有 希望想和帖子会给你带来帮助
|||
亲们实在是不好意思 不知道怎么的图片丢失了 对不起了亲们 图片我在传一次
|||
感兴趣的亲们来看看吧
|||
楼主,第六步的分割线如何精确定位?
PS盲伤不起啊
店铺装修可以直接上页面背景,不过有些不足,最简单的是上代码,淘宝上有代码生成软件卖,也有单独的代码出售
这个要会PS的,我会的先做大的再做小的然后拼接, 很简单我可以教你的,希望可以帮到你哦。
看看你是什么版本了
专业版要么用源代码,要么买模板
淘宝店海报尺寸是多少?淘宝店面的全屏海报的尺寸是多少像素
淘宝店铺首页大海报尺寸是多少?专业版旺铺是950宽,高度600左右。全屏大海报宽度是1920像素,这个数值来源于22寸液晶显示器的宽度。
淘宝店铺店招如何弄宽度和网页一样大,全屏
店招宽度都是950px,左右两边贯通很容易做到,打开店铺装修后台-样式编辑-页头背景,选择与店招同样的颜色就可以了。如果店招是图案,则把图案图片上传到页头背景,并进行位置设置,例如居中,平铺即可。店招最高是120px,超出部分不显示。需要你模版,装修市场一般有,你要是不会可以让我帮你 ...
淘宝店铺装修中如何插入高度超过540px的全屏图片?
模块用自定义,可以没有高度限制,但是制作时要注意,分为两块,自定义区放入950宽的图片,背景放同一张图的全屏模式,然后再拼合成一张图。
怎么做店铺海报?专业版淘宝店铺究竟能不能做无缝的全屏大海报和全屏店...
1、进入淘宝店铺装修,在左边菜单找到模块,选1920全屏宽图;2、直接拖动左侧全屏宽图,到右侧要装修的页面上。3、鼠标放模块上,点击编辑。4、上传图片空间图片地址,输入图片对应的商品链接地址,点击保存。5、最后点发布站点就好了。这样就解决了宽屏大海报的问题了。如何制作店铺海报图及宣传图?需用到...
淘宝店铺全屏轮播图如何设置大屏幕的
需要留邮箱发你一个全屏轮播生成器,可以生成全屏轮播代码下面这种效果
淘宝店铺装修 全屏店招 尺寸是多少
最大宽度是1920px。第二条线表达的不正确,这个尺寸没有意义,你只需要知道中间尺寸是950px就可以了。一般店招尺寸是950px*150px就可以。至于你采用1600px也是可以的,但你的样式编辑里设置页头背景、页面背景时位置选项要选择居中显示。
淘宝装修大海报怎么做呢
随后进入店铺装修后台,在样式编辑中分别上传页头背景、页面背景。然后对第一栏自定义模块进行编辑,比如以中间的截出的图片为底图做出HTML代码的几个链接等等。这样完成之后实际就是一个全屏大海报。当然,你如果需要是那种全屏轮播大海报,那你自己DIY出来的效果和收费模块显然不同。收费模块的轮播效果是...
淘宝店铺首页全屏海报尺寸-淘宝店海报设计常用尺寸?
所以还是稍微的控制一下,以快速呈现为主要目的。在750PX的海报图中,以160K-200K居多,当然小于100K的也占去了五分之一,所以建议大家在不损失海报细腻程度的情况下,尽量控制在200K以下为宜。淘宝店铺首页大海报尺寸是多少 全屏海报的宽度是1920,如你图所示如果你的店铺模板页头默认不是全屏的,那么你需要...
淘宝全屏海报多少像素合适?淘宝店铺首页海报的尺寸是多少
淘宝店面的全屏海报的尺寸是多少像素?淘宝店面的全屏海报智能版旺铺全屏宽图尺寸:1920*540像素。全屏宽图是智能版旺铺在PC端装修的模块,如果全屏宽图无法上传成功的,请确认下图片的尺寸是否是1920*540,检查下图片是否太大,超过3M。如果图片大小跟尺寸都是正常的,请调整下图片的格式,例如jpg改为png...
如何把淘宝店铺装修的大气上档次
网店怎样装修专业大气 网店怎样装修专业大气 3 第二个是首页全屏轮播海报。首页的轮播海报一定要使用全屏模式。无论多么大屏幕的电脑,一定要塞满整个屏幕。海报的高度可以大于950,在1900左右。这样的海报会给人气势磅礴之感。有一种给个店铺都要延伸超出电脑屏幕的感觉。这就是我们需要达到的效果。网店...
宣竹妥抒: 这个要会PS的,我会的先做大的再做小的然后拼接, 很简单我可以教你的,希望可以帮到你哦.
伊通满族自治县13168333616: 如何弄淘宝店铺背景全屏呢?具体步骤怎样?...?
宣竹妥抒: 登陆淘宝 2 进入卖家中心/店铺管理/店铺装修 3 这里必须先把图片上传然后生成图片地址.点击图片上传,把需要的图片上传到图片空间 4 进入图片空间 5 点击图片上传,把需要的图片上传到图片空间 6 进入旺铺装修界面,默认是进入旺铺的首...
伊通满族自治县13168333616: 如何装修淘宝店铺的全屏背景? - ?
宣竹妥抒: 设置淘宝店铺全屏装修步骤如下:1、登陆淘宝2、进入卖家中心-店铺管理-店铺装修3、就进入了淘宝旺铺装修的页面,进入旺铺装修会自动进入页面管理.4、选择装修下拉菜单中的样式管理5、进入到样式管理可以看到左侧样式编辑分为选择...
伊通满族自治县13168333616: 淘宝店铺装修背景怎么弄? - ?
宣竹妥抒: 方法/步骤 首先进入自己的店铺,可以在淘宝主页的卖家中心进入,也可以直接从旺旺软件进入自己的店铺.进入自己的店铺以后呢,在店铺店招的右侧部分,点击装修此页面进入. 进入到装修页面,点击装修下面的样式管理,然后点击左边的背景设置.朋友们可以直接在 页头背景色里面进行颜色选择,也可以在下面的页头背景图直接上传图片.页头部分是只有店招部分会显示的颜色,如果需要整个页面都添加背景的话,点击页头设置边上的页面设置.设置完成后可以对背景进行设置格式,如图所示,最后自己觉得满意自己,直接点击发布,这样就完成啦. 满意请采纳.
伊通满族自治县13168333616: 如何给淘宝店铺设置全屏背景 - ?
宣竹妥抒: 1. 普通店铺是无法设置全屏背景的,用户需要购买淘宝旺铺服务.2. 用户购买旺铺后就可以点击卖家中心的店铺装修;3. 再点击页面,就可以对背景进行编辑.
伊通满族自治县13168333616: 淘宝店铺背景怎么弄全屏的 - ?
宣竹妥抒: 32313133353236313431303231363533e58685e5aeb931333337396339 1,登陆淘宝;2,进入卖家中心-店铺管理-店铺装修;3,就进入了淘宝旺铺装修的页面,进入旺铺装修会自动进入页面管理;选择装修下拉菜单中的样式管理;4,...
伊通满族自治县13168333616: 淘宝首页满屏广告图怎么做的 - ?
宣竹妥抒: 制作淘宝满屏广告图步骤如下: 一、准备工作一个PHOTOSHOP图片处理软件,一张你准备做店铺首页背景宣传的大图片,建议图片宽度是大于或等于1440PX.二、图片处理1、安装好PS后,打开界面 ,接着点击"文件""打开", 把要...
伊通满族自治县13168333616: ps怎么制作淘宝全屏 - ?
宣竹妥抒: 淘宝全屏一般是1920宽,然后切图也切成宽1920px,高度不限,一般为700px左右,切好图后,加全屏代码放进淘宝后台的装修模块中就可以了.
伊通满族自治县13168333616: 淘宝店铺装修 怎样设置店铺背景 - ?
宣竹妥抒: 你好:先制作 一张背景图片.然后,打开店铺的装修页面.在页面的左边先点页头,然后上传背景图片,如下图:弄好页头背景后,再点页面.同样操作上传背景图片.然后在页面的右上角点发布站点.完成 店铺的背景设置
伊通满族自治县13168333616: 淘宝店铺装修首页背景大图怎么设置 - ?
宣竹妥抒: 你好: 先制作 好背景图片. 然后,打开店铺的装修页面.选择,首页 点击上传背景图片.如下图: 上传好,点发布