淘宝店铺装修代码汇集.docx

淘宝店铺装修代码大全

现在来说，网店LOGO就是网店的灵魂所在，集中了网店的很多信息，强化了网带你的形象，有好的LOGO的企业更能让大家记住你！如何最大效益的设计网店logo和网店装修呢，我告诉个好方法，到威客网发布任务，让威客帮自己做这样自己可以省心，给大家推荐个猪八戒威客网xxzhubajiex/task/?zhubajie=4055556 ，只要你在里面认证过以后就可以发布你需要的任务了，比如你想征求一个logo设计，那你就把你想的写上去，威客们就可以帮你完成任务了，最重要的是你可以在众多的成品中选择一个最适合你的，自然这样你的成本也会下降，也可以在里面发布推广任务，让威客们收藏你的产品店铺，让你的收益大幅度提升，呵呵，先讲这么多吧，最主要的是好好利用这么大一个群体为自己牟利
如何提高店铺的访问量呢？
这个问题大家一定都很想知道，有好的产品，有好的宣传，更吸引顾客眼球的是店铺特有的装修，让你的店铺脱颖而出。现在这个时代便是眼球经济，大家都喜欢通过眼睛直觉来判断好坏。好的宝贝好的服务没有好的店铺装修，这些都很难施展出来的；好的宝贝好的服务加上好的店铺装修，很快让你的店铺脱颖而出。只要你的店铺给顾客留下好的印象好的服务，那么顾客回头便是很容易理解的事；只要顾客回头，那么店铺的生意便会蒸蒸日上，这是个良性循环。

好吧，下面还是说说具体怎么装修店铺；现在装修店铺的模板非常多，淘宝上面本身便有很多的模板，购买后安装即可使用。另外，现在别的网站上同样有很多免费的代码，只要下载下来使用即可。

店招、Logo设计

什么是店招？简而言之是店铺的招牌，是旺铺顶端那个长横幅，这是店铺的招牌。如果店铺有什么特色有什么主营都可以在这里体现，卖家很容易通过这里来了解店铺的特色，从而决定是否选择这里。

很多卖家并不重视这里，部分卖家甚至固执地守候着普通网店，没有店招、没有旺铺，店铺便会显得很落伍，要想有好的生意怎么可能？其实设计店招非常简单，装修店铺的时候选择在线设计，这个时候可以选择免费模板来设计，淘宝提供很多免费的模板，自己添加上店铺名字、特色服务之类的词语，加点动画效果，这样店招便会显得很动感，自然能够吸引来顾客。如果要设计得特别出色，还是建议找专门的人来设计，好比威客，威客设计出来的店招还是很不错的。

至于店铺Logo设计，这主要针对于有志建立自家品牌的店家；如果你没有心思准备建立自家品牌，那么Logo设计是没有多少必要的，Logo设计完成后是现实在淘宝旺铺个人信息左边的地方，这个地方原本是显示“淘宝网”这几个字，如果有自家的Logo，那么可以上传到这里，看起来蛮不错的。Logo设计同样可以找威客来设计，预计花费50~100元，挺便宜的，用起来非常长久。

淘宝收藏店铺代码

淘宝旺铺左侧店铺收藏代码，还有店主留言功能。特别声明该模板要是淘宝标准版的旺铺才可以使用，如果你用的是扶持版，那你就不能使用了。下面是代码，直接复制粘贴就可以使用了。

淘宝旺铺左边栏模板-店铺收藏代码+店主留言代码

<div class="box" >
<div class="shop-custom no-border ">
<div class="bd">
<div class="custom-area">
<table border="0" cellpadding="0" cellspacing="0" height="256" width="190"><tr><td background="xxcoloritx/b/019b/2009119一三2129674.gif" height="120" width="190"><a href="xfavorite.taobaox/popup/add_collection.htm?itemid=34735224&itemtype=0&ownerid=9d4510496b004f51fd7a2801212848b6&t=1243367090281" target="_blank"><img src="xxcoloritx/b/019b/ae7e5b5167836080b073b106508c3cea.gif" /></a></td></tr><tr><td background="xxcoloritx/b/019b/1bfd16698bb5bfecbd3a925a17dfad19.gif" height="1一三" width="190">&nbsp;<marquee direction="up" height="1一三" scrollamount="1" scrolldelay="1" style="BACKGROUND-COLOR: #ffffff" width="170"><div align="center" style="text-align: left"><font style="color: #ff007f; font-size: 12pt; font-family:"><img src="xxcoloritx/b/019b/cx03_09.gif">Hi！欢迎光临"淘巧网"。非常荣幸能有机会为亲服务！<br><br><img src="xxcoloritx/b/019b/cx03_05.gif">为了答谢广大淘友两年多来对我们的大力支持，小店每月8、一八、28号特举行感恩回馈活动，全场商品八折(特价除外)。&nbsp;</font></div></marquee></td></tr><tr><td><img alt="" height="23" src="xxcoloritx/b/019b/727c8cc1aedc9c8fc19483620e80980a.gif" width="190" /></td></tr></table><div></div>

</div>
</div>
</div>
</div>

html设计代码大全

1)贴图：< img src="图片地址">本人照片（献丑了）
2)加入连接：< a href="所要连接的相关地址">写上你想写的字< /a>
3)在新窗口打开连接：< a href="相关地址" target="_blank">写上要写的字< /a>
4)移动字体(走马灯)：< marquee>写上你想写的字 < /marquee> （可用于店铺分类，和评价）
5)字体加粗：< b>写上你想写的字< /b>
6)字体斜体：< i>写上你想写的字< /i>
7)字体下划线: < u>写上你想写的字< /u>
字体删除线: < s>写上你想写的字< /s>
9)字体加大: < big>写上你想写的字< /big>
10)字体控制大小：< h1>写上你想写的字< /h1>
(其中字体大小可从h1-h5,h1最大，h5最小)
(其中字体大小可从h1-h5,h1最大，h5最小)
11)更改字体颜色：< font color="#value">写上你想写的字< /font>(其中value值在000000与ffffff(16位进制)之间
12)消除连接的下划线：< a href="相关地址" style="text-decoration:none">写上你想写的字< /a>
一三)贴音乐：< embed src="音乐地址" width="宽度" height="高度" autostart=false>
14)贴flash: < embed src="flash地址" width="宽度" height="高度">
一五)贴影视文件：< img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>
16)换行：< br>
17)段落：< p>段落< /p>
一八）原始文字样式：< pre>正文 < /pre>
19)换帖子背景：< body background="背景图片地址">
20)固定帖子背景不随滚动条滚动：< body background="背景图片地址" body
bgproperties=fixed>
21)定制帖子背景颜色：< body bgcolor="#value">(value值见10)
22)帖子背景音乐：< bgsound="背景音乐地址" loop=infinite>（听到音乐了吗？也可以加在你的店铺公告里）
23)贴网页：< iframe src="相关地址" width="宽度" height="高度">< /iframe>
最后注意了，以上所有代码中的前边后边代码段，我都加入了一个空格，要不再这里就运行了，你们无法看见了！
使用时把前边后边代码内的空格去掉即可！ 举个例子4)移动字体(走马灯)：< marquee>写上你想写的字< /marquee>
把< marquee>和< /marquee>
删为去掉括号中的空格即可，其他不用动！ 后边代码不动即可！

店铺装修代码
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等＜/font＞
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白色 #FFFFFF
2红色#FF0000
3绿色#00FF00
4蓝色#0000FF
5牡丹红#FF00FF
6青色 #00FFFF
7黄色#FFFF00
8黑色#000000
9海蓝#70DB93
10巧克力色#5C3317
11蓝紫色 #9F5F9F
12黄铜色#B5A642
一三亮金色#D9D919
14棕色#A67D3D
一五青铜色 #8C7853
162号青铜色 #A67D3D
17士官服蓝色 #5F9F9F
一八冷铜色 #D98719
19铜色 #B87333
20珊瑚红 #FF7F00
21紫蓝色 #42426F
22深棕 #5C4033
23深绿 #2F4F2F
24深铜绿色 #4A766E
25深橄榄绿 #4F4F2F
26深兰花色 #9932CD
27深紫色 #871F78
28深石板蓝 #6B238E
29深铅灰色 #2F4F4F
30深棕褐色 #97694F
32深绿松石色 #7093DB
33暗木色 #855E42
34淡灰色 #545454
35土灰玫瑰红色 #856363
36长石色 #D19275
37火砖色#8E2323
38森林绿 #238E23
39金色 #CD7F32
40鲜黄色 #DBDB70
41灰色 #C0C0C0
42铜绿色 #527F76
43青黄色 #93DB70
44猎人绿 #2一五E21
45印度红 #4E2F2F
46土黄色 #9F9F5F
47浅蓝色 #C0D9D9
48浅灰色 #A8A8A8
49浅钢蓝色 #8F8FBD
59浅木色 #E9C2A6
60石灰绿色 #32CD32
61桔黄色 #E47833
62褐红色 #8E236B
63中海蓝色 #32CD99
64中蓝色 #3232CD
65中森林绿 #6B8E23
66中鲜黄色 #EAEAAE
67中兰花色 #9370DB
68中海绿色 #426F42
69中石板蓝色 #7F00FF
70中春绿色 #7FFF00
71中绿松石色 #70DBDB
72中紫红色 #DB7093
73中木色 #A68064
74深藏青色 #2F2F4F
75海军蓝 #23238E
76霓虹篮 #4D4DFF
77霓虹粉红 #FF6EC7
78新深藏青色 #00009C
79新棕褐色 #EBC79E
80暗金黄色 #CFB53B
81橙色 #FF7F00
82橙红色 #FF2400
83淡紫色 #DB70DB
84浅绿色 #8FBC8F
85粉红色 #BC8F8F
86李子色 #EAADEA
87石英色 #D9D9F3
88艳蓝色 #5959AB
89鲑鱼色 #6F4242
90猩红色 #BC1717
91海绿色 #238E68
92半甜巧克力色 #6B4226
93赭色 #8E6B23
94银色 #E6E8FA
95天蓝 #3299CC
96石板蓝 #007FFF
97艳粉红色 #FF1CAE
98春绿色 #00FF7F
99钢蓝色 #236B8E
100亮天蓝色 #38B0DE
101棕褐色 #DB9370
102紫红色 #D8BFD8
103石板蓝色 #ADEAEA
104浓深棕色 #5C4033
105淡浅灰色 #CDCDCD
106紫罗兰色 #4F2F4F
107紫罗兰红色 #CC3299
108麦黄色#D8D8BF
109黄绿色 #99CC32
店铺公告里的漂亮悬浮挂件的代码：
公告图片的代码：
<img border="0" src="图片地址" />
公告挂饰：
<img src="图片地址" style="left:20px; position: relative; top:0px" />
店铺分类代码:
<img src="缩完后的图片地址"／>
背景音乐代码：
<bgsound loop="-1" src="音乐地址"></bgsound>
换行代码
<br>

计数器代码
<a href="x00counterx" target="_blank"><img src="计数器地址" border=0 alt="00Counterx"></a>
店铺公告里的漂亮悬浮挂件的代码：
<marquee style="position:relative;" onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60">
<img src="加入你自己的图片地址" />
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 alt="1" height="一五0" 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、由于网上的图片地址过长，因此要在xsnipurlx/cnindex.php上进行网址缩短工作：即把复制的图片地
址到这个网站中进行缩短，然后会出现一个较短的图片地址
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>

回帖模板代码及使用教程
使用模板前必须先得到模板代码.如果您可以自己在图片上加文字.或不准备加文字直接使用,可以直接复制下面的代码按教程使用.代码中的xchinadzzx/user/ht/30/ht31.gif为背景图片的地址.模板编号1对应图片名为ht31.gif .模板编号2对应图片名为ht32.gif 以此类推 你可以自己更改图片地址中的图片文件名来实现更换不同的模板背景. 现在图片总23个,从ht31.gif到ht53.gif供您选择.
代码如下:
<div align="center">
<table height="358" cellspacing="0" cellpadding="0" width="620" background="xchinadzzx/user/ht/30/ht40.gif" border="0">
<tbody>
<tr>
<td valign="top">
<p align="left">
<table cellspacing="1" cellpadding="1" width="600" border="0">
<tbody>
<tr>
<td width="28" height="一五"></td>
<td width="432"></td>
<td></td>
</tr>
<tr>
<td height="277"></td>
<td>
<p align="center"> 插入文字</p>
</td>
<td></td>
</tr>
</tbody>
</table>
</p>
</td>
</tr>
</tbody>
</table>
</div>

赏金写手，写作成就梦想 ☞ 威客网赚，网赚如此简单 ☞任务中国，推广网店网站 ☞ 卓越创造，名片Logo设计 ☞