下载文档原格式
制作淘宝店铺全屏轮播海报的简单方法
全面而详细。
总结之后提供给各位网友，希望帮助到大家。
一、登陆网站，搜索“淘宝全屏轮播海报”，寻找自己所要的素材模板。
二、下载自己所需素材。
带有“原创”字样的1个小时内每个账号只可以下载一次，其他的可以免费下载，如果免费下载的次数也已达上限，可以换个账号下载。
注意：下载的是psd格式，尺寸是：1920*600/，这也是全屏轮播海报的尺寸。
Psd格式文件可以进行编辑。
三、下载完毕后，解压压缩包，用photoshop软件打开下载的psd文件，根据自己的需求，修改图层。
四、修改完毕之后，存储为jpeg格式，将图片上传至淘宝图片空间。
如果有多张海报进行全屏轮播，则还需要上传“箭头”图片至图片空间。
五、生成代码。
在“寻访百店”这个网站生成代码。
首先获取海报等图片的网络地址，然后利用此网址生成代码。
六、进入卖家中心后台，从“卖家中心”进入“店铺装修”页面。
点击“首页”，在“店招及目录”下面的模块上点击“添加模块”——“自定义内容区”——“添加”。
七、“编辑”自定义内容区，制作淘宝全屏轮播海报，标题选择为“不显示”，点击“代码”插入代码。
八、复制所生成的代码，进入“店铺装修”，将代码“粘贴”至自定义内容区的代码编辑框，然后之后，点击店铺右上角的“发布”，这样全屏轮播海报才制作完毕。
旺铺专业版也可以免费制作全屏轮播海报了哟，小卖家再不用为购买装修模板而烦恼了，自己装修也可以有高
大上的赶脚了。
哇咔咔。
c:\iknow\docshare\data\cur_work\xxxx\淘宝店铺装修常用代码1、店铺音乐代码:音乐网址" loop="-1">2、图片制作代码：＜img src="这里放图片地址"＞3、公告图片代码：＜img border="0" src="这里放图片地址" /＞或＜img src="这里放图片地址"/＞4、悬浮挂饰代码：＜img src="这里放图片地址" style="left:20px; position: relative; top:0px" /＞5、商品分类代码:＜img src="这里放图片地址"/＞6、字体大小代码:＜font size="2"＞这里放要处理的文字，可用3、4、5等设置大小＜/font ＞7、字体颜色代码:＜font color="red"＞这里放要处理的文字，可以换成blue,yellow等＜/f ont＞8、文字链接代码:＜a href="网页地址"＞链接的文字，在分类栏里用时链接的网页地址必须缩短＜/a＞9、移动文字代码:＜marquee＞从右到左移动的文字＜/marquee＞10、背景音乐代码：＜bgsound loop="-1" src="这里放音乐地址"＞＜/bgsound＞11、图片附加音乐代码：＜img border=0 src="这里放图片地址" dynsrc="这里放音乐地址"＞12、浮动图片代码:＜img alt="1" height="一五0" src="这里放图片地址"/＞公告图片的代码：公告挂饰：店铺分类代码:背景音乐代码：换行代码计数器代码颜色代码：1白色#FFFFFF2红色#FF00003绿色#00FF004蓝色#0000FF5牡丹红#FF00FF6青色#00FFFF7黄色#FFFF008黑色#0000009海蓝#70DB9310巧克力色#5C331711蓝紫色#9F5F9F12黄铜色#B5A642一三亮金色#D9D91914棕色#A67D3D一五青铜色#8C7853162号青铜色#A67D3D 17士官服蓝色#5F9F9F 一八冷铜色#D9871919铜色#B8733320珊瑚红#FF7F0021紫蓝色#42426F22深棕#5C403323深绿#2F4F2F24深铜绿色#4A766E25深橄榄绿#4F4F2F26深兰花色#9932CD27深紫色#871F7828深石板蓝#6B238E29深铅灰色#2F4F4F30深棕褐色#97694F32深绿松石色#7093DB 33暗木色#855E4234淡灰色#54545435土灰玫瑰红色#856363 36长石色#D1927537火砖色#8E232338森林绿#238E2339金色#CD7F3240鲜黄色#DBDB7041灰色#C0C0C042铜绿色#527F7643青黄色#93DB7044猎人绿#2一五E21 45印度红#4E2F2F46土黄色#9F9F5F47浅蓝色#C0D9D948浅灰色#A8A8A849浅钢蓝色#8F8FBD 59浅木色#E9C2A660石灰绿色#32CD32 61桔黄色#E4783362褐红色#8E236B63中海蓝色#32CD99 64中蓝色#3232CD65中森林绿#6B8E23 66中鲜黄色#EAEAAE 67中兰花色#9370DB 68中海绿色#426F42 69中石板蓝色#7F00FF 70中春绿色#7FFF00 71中绿松石色#70DBDB 72中紫红色#DB7093 73中木色#A6806474深藏青色#2F2F4F 75海军蓝#23238E76霓虹篮#4D4DFF77霓虹粉红#FF6EC7 78新深藏青色#00009C79新棕褐色#EBC79E80暗金黄色#CFB53B81橙色#FF7F0082橙红色#FF240083淡紫色#DB70DB84浅绿色#8FBC8F85粉红色#BC8F8F86李子色#EAADEA87石英色#D9D9F388艳蓝色#5959AB89鲑鱼色#6F424290猩红色#BC171791海绿色#238E6892半甜巧克力色#6B422693赭色#8E6B2394银色#E6E8FA95天蓝#3299CC96石板蓝#007FFF97艳粉红色#FF1CAE98春绿色#00FF7F99钢蓝色#236B8E100亮天蓝色#38B0DE101棕褐色#DB9370102紫红色#D8BFD8103石板蓝色#ADEAEA104浓深棕色#5C4033105淡浅灰色#CDCDCD106紫罗兰色#4F2F4F107紫罗兰红色#CC3299108麦黄色#D8D8BF109黄绿色#99CC32店铺公告里的漂亮悬浮挂件的代码：公告图片的代码：<img border="0" src="图片地址" />公告挂饰：<img src="图片地址" style="left:20px; position: relative; top:0px" />店铺分类代码:<img src="缩完后的图片地址"／>背景音乐代码：<bgsound loop="-1" src="音乐地址"></bgsound>换行代码<br>计数器代码<a href=" " target="_blank"><img src="计数器地址" border=0 alt="00Counterx "></a>店铺公告里的漂亮悬浮挂件的代码：<marquee style="position:relative;" scrollamount="1" scrolldelay="85" direction ="up" behavior="scroll" height="60"><img src="加入你自己的图片地址" />1.公告栏的图片代码,帖到公告栏就行了. 不过还是有好多人来问我公告栏的位置-----点我的淘宝-----管理我的店铺------基本设置，下面写着公告的位置。
一、插入图片代码：<img src="图片链接地址" />注：先把图片上传到网络相册网络地址(如果你没有网络相册可以申请一个)，把它拷贝下来，放到下边一串代码里替代汉字部分；可以应用于公告栏、分类栏及宝贝描述内。
二、插入公告栏挂饰代码：<img src="图片链接地址" style="left:20px; position: relative; top:0px" />注：先把挂饰图片上传到网络相册；可以应用于公告栏、分类栏及宝贝描述内。
三、背景音乐代码：< loop="-1" src="音乐地址"></ >注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
三、在图片里附加音乐的办法：<img border=0 src="图片地址" dynsrc=音乐地址>注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
四、浮动的图片的代码：＜img alt="1" height="150" src="这里放图片地址"/＞五、悬浮挂饰代码：＜img src="这里放图片地址" style="left:20px; position: relative; top:0px" /＞六、文字链接代码:＜a href="网页地址"＞链接的文字＜/a＞七、移动文字代码:＜marquee＞从右到左移动的文字＜/marquee＞八、计数器代码<a href="" target="_blank"><img src="计数器地址"border=0alt=""></a>九、店铺公告里的漂亮悬浮挂件的代码：<marquee style="position:relative;" ="this.stop()" ="this.start()" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60"><img src="加入你自己的图片地址" />十、店铺公告添加个性的鼠标指针代码：<table style="CURSOR: url('上传后的鼠标指针的网址')"><tr><td><table border="0" style="TABLE-LAYOUT: fixed">十一、宝贝描述加上个性的鼠标指针代码先选“编辑源文件” ，然后复制以下代码：<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')"> <tr><td width="100%">另外，还要在源文件底部输入代码：</td></tr></table>十二、添加QQ在线交谈代码：<a target=blankhref=/msgrd?V=1&Uin=41826029&Site=www.goodcup.bokee. com&Menu=yes><img border="0" SRC=/pa?p=1:41826029:7 alt="点击这里给我发消息"></a>注: 这是QQ在线状态的代码，里面的数值要改变，号码和网址改为你自己的，这个链接的作用是别人可以直接点击联系你而无需加你为好友，使用方法是直接链接。
PS制作950*120大小店招，拉出参考线，设置画布大小1920*150，设置背景，另存为背景裁剪工具950*120店招，另存为店招，返回裁剪以下950*30，另存为导航条背景：打开淘宝装修->装修->样式管理->背景设置->页头设置->上传图片(背景显示：不平铺，背景对齐：居中)->保存并发布店招：导航条：先上传图片空间，到图片空间找图片地址1.skin-box-bd .link{background:url(图片地址1);}.skin-box-bd .menu-list{background:url(图片地址1);}.skin-box-bd{background:url(图片地址1);}相关效果：/* 导航条背景色*/.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}/*首页/店铺动态背景色*/.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}/*首页/店铺动态右边线*/.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}/*首页/店铺动态文字颜色*/.skin-box-bd .menu-list .menu .title{color:#ff0000}/*所有分类背景色*/.all-cats .link{background: none repeat scroll 0 0 #00ad08;}/*所有分类右边线*/.all-cats .link{border-right:1px #006205 solid;}/*所有分类文字颜色*/.skin-box-bd .all-cats .title{color:#ff0000}.skin-box-bd .link{background: none repeat scroll 0 0 #00ad08;}.skin-box-bd .menu-list{background: none repeat scroll 00 #00ad08;}.skin-box-bd{background: none repeat scroll 0 0 #00ad08;}第一部分、静态背景颜色1、首页/店铺动态/其它导航类目的背景色.skin-box-bd .menu-list .link{background:#颜色代码;} 例：.skin-box-bd .menu-list .link{background:#000000}#000000（即代表的是黑色，其他颜色同理替换）2、所有分类的背景色（最左边的）.all-cats .link{background:#颜色代码;}3、导航条整个分类段背景色.skin-box-bd .menu-list{background:#颜色代码;}4、导航条背景色（最底层），修补导航右侧缺口.skin-box-bd{background:#颜色代码;}第二部分、分隔线、静态文字的颜色5、首页等分类的右边的分隔线颜色.menu-list .menu{border-color:#颜色代码;}6、所有分类的右边的分隔线颜色.all-cats .link{border-color:#颜色代码;}7、首页/店铺动态/其它导航类目的文字颜色.menu-list .menu .title{color:#颜色代码;}8、所有分类的文字颜色（最左边那个）.all-cats .link .title{color:#颜色代码;}第三部分、分类下的颜色9、二级分类的背景色.popup-content{background:#颜色代码;}10、三级分类的背景色.popup-content .cats-tree .snd-pop-inner{background:#颜色代码}11、二级分类的文字颜色.popup-content .cat-name{color:#颜色代码;}12、三级分类的文字颜色。
【顶】店铺装修-淘宝网店装修代码大全店铺装修-淘宝网店装修代码大全（完整版）1.公告栏的装修图片代码,帖到公告栏就行了. 不过还是有好多人来问我公告栏的位置-----点我的淘宝-----管理我的店铺------基本设置，下面写着公告的位置。
<img src="图片的所在的地址"><img border="0" src="图片地址" />2.公告悬浮装饰图片代码，COPY到公告的最下面就好了哦，<IMG style="right: 5px; BOTTOM: 0px; POSITION: relative" src="你图片的地址">3.加背景音乐的代码。
进“我的淘宝”点击“管理我的店铺”进入“基本设置”先贴代码，再写你的公告文字<bgsound src="你的背景音乐地址" loop=-1>4.浮动的图片的代码：</td></tr></table>;<img height="150" src="图片地址"5.滚动字幕代码：这个用处可就多了，放到哪里那些字都是会动的，有很多朋友在好评里都会用到哦！<marquee>输入你想说的话</marquee>6.自定义颜色代码<font color=blue>输入你想要说的话</font>注意:等于号"="后就是颜色的英文：不喜欢这个颜色还可以换成其他颜色的，如：red(红)、blue(蓝)、green(绿)等；不过注意代码的总长度不要超过40哦。
7.增加链接链接内容<a href="链接地址">链接内容</a>8.店铺分类的代码<img src=" 图片的地址" /> 代码就放在：我的淘宝—管理我的店铺—宝贝分类简单介绍一下我的操作方法：1、选好喜欢的宝贝分类模板，复制保存之后，填上适当的文字，然后上传到网上相册；2、复制代码<img src=" 图片的地址" /> 到宝贝分类中；3、打开网上相册，选中相应的模板，右击属性，复制属性中的图片地址；4、由于网上的图片地址过长，因此要在/上进行网址缩短工作：即把复制的图片地址到这个网站中进行缩短，然后会出现一个较短的图片地址5、再用短地址放入<img src=" 图片的地址" /> 的""中就ok了9.：如何在店铺公告添加个性的鼠标指针：马上copy这个代码，它可以让您的店铺公告更有吸引力呀<table style="CURSOR: url('上传后的鼠标指针的网址')"><tr><td><table border="0" style="TABLE-LAYOUT: fixed">宝贝描述加上个性的鼠标指针自己喜欢的鼠标指针选好了吗？那就马上复制这个代码在宝贝描述里就可以了，当然还要先选“编辑源文件”<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')"><tr><td width="100%">另外，还要在源文件底部输入代码：</td></tr></table>在模板中增加淘宝收藏本店代码宝贝描述中都带有“店铺收藏”字样，但是最新的淘宝收藏夹变化了，导致了以前的方法不灵了，如何解决这个问题呢？把以前的代码换成如下即可解决这个问题：/popup/add_collection.htm?itemid=0&itemtype=0&ownerid=539bdf5a4 02fc632ddd82d23dd930ff2&t=0（欢迎大家点击这个链接看看我说的方法灵不灵啊，点击确定之后，到您自己的收藏夹里面看一眼，是不是我的店铺已经被您收藏了？^-^ ^-^ 呵呵^-^）别忘了把539bdf5a402fc632ddd82d23dd930ff2这个数字修改成您自己的店铺ID哦（不修改的，我热烈的欢迎啊，哈哈）如何获得自己的店铺ID呢？进入“我的淘宝”/“查看我的店铺”，会看到浏览器的地址栏中有类似下面的字样：/shop/view_shop.htm?user_id=539bdf5a402fc632ddd82d23dd930ff2user_id=后面的那串数字就是您自己店铺的ID了，把这个ID COPY下了，替换上面的那个代码就可以在宝贝描述模板里面添加收藏店铺了！！添加音乐代码：百度音乐/搜索你想要的歌曲，记得要选连接速度快的。
淘宝旺铺装修代码大全在网上的装修代码很多，在百度上也可以找到，不过都是分开的，一个个代码的找，非常的麻烦，今天网店装修的工作人员把代码全部弄到了一起，这样方便大家使用！一、插入图片：<img border="0" src="图片地址" />二、插入公告图片：<img src="公告图片地址"/>三、插入公告挂饰：<img src="图片地址" style="left:20px; position: relative; top:0px" />☆把挂饰图片上传到网络相册里哦!!!!，然后点击图片放大，在大图中鼠标右键选择属性，在属性中有网络地址，把它拷贝下来，放到下边一串代码里替代汉字部分!!!<img src="图片地址" style="left:20px; position: relative; top:0px" />再打开我的店铺管理把这段代码放在店铺公告最后就可以啦，你就可以在你的店铺里看见挂饰了。
☆四、店铺分类代码:<IMG src="图片地址">五、背景音乐代码：<bgsound loop="-1" src="音乐地址"></bgsound>提供一些常用的钢琴曲或音乐（自己重新选择添加音乐的时候，可以在WWW。
中搜索MP3等，在出现播放器在播放你需要的音乐时，用鼠标左键选中该播放器，全部选中后，点右键选择“属性”，里面的地址才是歌曲的链接地址）秋日的私/info/xxyz/images/piano/06.MP3致爱丽/NT/DISCOL/lj33/music/music6.mp3一路上有/sing/web/music/200532822653_6052.mp3鸟鸣/download_010/604632/YM-%B4%D4%C1%D6%C4%F1%C3%F9.mp3 /audio/upload/674000/zhuo_qiang_moblog_1111740438_1829.mp3水边的阿狄丽/images/abcd.mp3古筝梅花三/ART/MUSIC/MUSIC/chuizou/meihua.mp3/sunshine/webw/2.8/files/赵咏华-最浪漫的事.mp3古筝：鸭戏/xiaoxuejiaoyan/xuekedaohang/music/file-5/text2/nusic/gu5.mp3 /soft/枉凝眉.mp3古筝十送红/lkm/yyxs/gzheng/shshj.MP3古筝弯完的月/Mymusic/one(2006-3-19 15-33-47)/10.wma六、在图片里附加音乐的办法：<img border=0 src="图片地址" dynsrc=音乐地址>七、浮动的图片的代码：</td></tr></table>;<img alt="1" height="150" src="图片地址"--八、添加QQ在线：:<a class='qqa' target=blankhref=/msgrd?V=1&Uin=320001031&Site=在线咨询&Menu=no' title='在线即时交谈'><img src=/qqimages/QQonline.gif border=0 align=middle>320001031</a>注意：qq所属腾讯公司的现在是taobao和淘宝在同一市场竞争，所以已经不能在taobao 正常使用显示qq在线的功能。
Photoshop如何制作淘宝全屏海报
淘宝全屏海报如何制作才能凸显自己的特*，让自己的店铺更有吸引力呢，以下是小编为大家搜索整理的Photoshop如何制作淘宝全屏海报，希望能给大家带来帮助!更多精*内容请及时关注我们应届毕业生考试网!
1、打开pscc，新建一个1920*500像素的图层(宽，随便，长，必须是1920)1920等于大部分电脑的全屏显示。
2、新建一个空白图层做背景，背景图层要在第一张。
3、打开拾*器调整颜*，选择渐变工具，调整渐变方式。
4、导入素材(文件，打开，选择想要的素材，编辑，拷贝，粘贴)，新建空白图层。
5、选择素材图层ctrl+t，按住shift拖动图层，调整到合适的大小。
6、选择橡皮擦工具，调整不透明度，流量，硬度，画笔大小。
选择移动工具调整位置(移动到哪，排列随便)。
7、(到这一步基本上算完成了)添加素材，调整位置，加一下文字，完成。
全屏轮播---- 震撼视觉体验，炫出你的店铺！全屏轮播不居中？尺寸太大、太小？没有创意、不够个性？......这些统统不是问题！今天给大家分享的这款全屏轮播，完美解决以上所有问题！此全屏轮播代码，完美兼容新旺铺（系统自带的三个模板，全部完美全屏居中），并且支持老旺铺拓展版，拓展版也一样全屏居中！与全屏海报一样，此代码同样调用模板class，position: absolute绝对定位，实现全屏。
外层left:50%，里层left:-960px（全屏的一半），实现全屏居中。
轮播左右的两个大箭头，这次直接使用<>符号，非图片形式，事实上写此全屏轮播，我第一个改的就是这两个大箭头，上次采用图片的形式，那两张图片简直是丑爆了！越看越不舒服，而且不方便使用，还得下载两张图片上传图片空间。
改为<>符号的形式，还可以直接修改箭头的颜色，比如自己店铺的主色调是绿色，那箭头就改为绿色。
下方的五个图标，这次改为了五张小图，因为我们自定义没办法实现点击箭头左右切换时，下方的图标也跟随左右切换，这是需要用到判断的，我没办法实现，所以改为五张小图，是为了让客户知道到底有几张图在轮播，方便客户查看，提高用户体验。
同时，五张小图直接浮动于大图上方，底部采用半透明背景。
这里说下底部的半透明背景，这次编写，最难的、也最耗时的地方就是这个半透明，支持CSS3的主流浏览器，只要一个opacity即可实现半透明，但IE却是不支持这个属性的，所以在IE下你将看到一条实心的黑色矩形，而不是半透明效果，在IE下想要实现半透明，那就要用到滤镜，但请注意，淘宝不支持filter:alpha半透明滤镜。
为了解决这个问题，我花费了一上午的时间在查阅相关文档，最后，我采用了一张PNG半透明图片替代，放弃了opacity属性和IE滤镜，这样除了IE6不支持半透明以处，其它浏览器都是正常半透明效果的。
五张小图的尺寸全部为：120px*39px，你不需要单独做这五张小图！把全屏大图上传图片空间后，直接使用图片空间提供的小图尺寸即可，或者你也可以直接在原图地址后面添加：_120x120.jpg此款全屏轮播，共写了三个尺寸，分别为1920px，1680px，1440px，高度统一为550px，三款尺寸可以同时使用，互不影响，但不建议这样做！这三个尺寸，没有说哪个好哪个不好，只是说尺寸越大，兼容性就越好一些，但请注意，尺寸大了，图片的容量也将会同时变大！图片的容量大了，将会直接影响店铺的载入速度！如果你没有五张全屏大图那么多，或者你认为不需要五张，那直接删除代码中图片所在的<li>标签即可。
淘宝装修代码(全)1.公告栏的装修图片代码,帖到公告栏就行了. 不过还是有好多人来问我公告栏的位置-----点我的淘宝-----管理我的店铺------基本设置，下面写着公告的位置。
<img src="图片的所在的地址"><img border="0" src="图片地址" />2.公告悬浮装饰图片代码COPY到公告的最下面就好了哦，<IMG style="right: 5px; BOTTOM: 0px; POSITION: relative" src=" 你图片的地址">3.加背景音乐的代码。
进“我的淘宝”点击“管理我的店铺”进入“基本设置” 先贴代码，再写你的公告文字<bgsound src="你的背景音乐地址" loop=-1>4.浮动的图片的代码：</td></tr></table>;<img height="150" src="图片地址"5.滚动字幕代码：这个用处可就多了，放到哪里那些字都是会动的，有很多朋友在好评里都会用到哦！ <marquee>输入你想说的话</marquee> 6.自定义颜色代码<font color=blue>输入你想要说的话</font>注意:等于号"="后就是颜色的英文：不喜欢这个颜色还可以换成其他颜色的，如：red(红)、blue(蓝)、green(绿)等；不过注意代码的总长度不要超过40哦。
7.增加链接链接内容<a href="链接地址">链接内容</a>8.店铺分类的代码<img src=" 图片的地址 " /> 代码就放在：我的淘宝—管理我的店铺—宝贝分类淘宝网店装修效果代码集合1、忽视右键<body oncontextmenu="return false">或<body style="overflow-y:hidden">2、加入背景音乐IE:<bgsound src="*.mid" loop=infinite>NS:<embed src="*.mid" autostart=true hidden=true loop=true> </embed>*.mid你的背景音乐的midi格式文件3、简单的window.open方法<a href="#"onclick="javascript:window.open(文件路径/文件名,newwindow, toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,width=400,height=300);">文字或图片</a>参数解释：<SCRIPT LANGUAGE="javascript"> js脚本开始；window.open 弹出新窗口的命令；文件路径/文件名弹出窗口的文件名；newwindow 弹出窗口的名字（不是文件名），非必须，可用空代替；width=400 窗口宽度；height=300 窗口高度；top=0 窗口距离屏幕上方的象素值；left=0 窗口距离屏幕左侧的象素值；toolbar=no 是否显示工具栏，yes为显示；menubar，scrollbars 表示菜单栏和滚动栏。
