《淘宝店铺装修代码大全一览集锦.doc》由会员分享，可在线阅读，更多相关《淘宝店铺装修代码大全一览集锦.doc（69页珍藏版）》请在三一办公上搜索。
1、淘宝店铺装修代码大全一览集锦淘宝装修代码大全 一、 插入图片代码：<img src="图片链接地址" />注：先把图片上传到网络相册网络地址，把它拷贝下来，放到下边一串代码里替代汉字部分；可以应用于公告栏、分类栏及宝贝描述内。 二、 插入公告栏挂饰代码：<img src="图片链接地址" style="left:20px; position: relative; top:0px" />注：先把挂饰图片上传到网络相册；可以应用于公告栏、分类栏及宝贝描述内。三、背景音乐代码：<bgsound loop=&qu
2、ot;-1" src="音乐地址"></bgsound>注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。三、 在图片里附加音乐的办法：<img border=0 src="图片地址" dynsrc=音乐地址>注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。四、 浮动的图片的代码： img alt="1" height="150" src="这里放图片地址"/ 五、 悬浮挂饰代码： img src="这里放图片地址&qu
3、ot; style="left:20px; position: relative; top:0px" /六、 文字链接代码: a href="网页地址"链接的文字/a 七、 移动文字代码: marquee从右到左移动的文字/marquee 八、 计数器代码 <a href="" target="_blank"><img src="计数器地址"border=0alt="00C"></a> 九、 店铺公告里的漂亮悬浮挂件的代码： <mar
4、quee style="position:relative;" onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60"> <img src="加入你自己的图片地址" /> 十、 店铺公告添加个性的
5、鼠标指针代码： <table style="CURSOR: url(上传后的鼠标指针的网址)"><tr><td> <table border="0" style="TABLE-LAYOUT: fixed"> 十一、 宝贝描述加上个性的鼠标指针代码 先选“编辑源文件” ，然后复制以下代码： <table width="100%" style="CURSOR: url(这里是已上传的鼠标指针网址)"> <tr> <td w
6、idth="100%"> 另外，还要在源文件底部输入代码：</td></tr></table> 十二、 添加QQ在线交谈代码： <a target=blank href= <img border="0" SRC= alt="点击这里给我发消息"></a>注: 这是QQ在线状态的代码，里面的数值要改变，号码和网址改为你自己的，这个链接的作用 是别人可以直接点击联系你而无需加你为好 友，使用方法是直接链接。 十三、 下面的代码设置在一定区域内让文字向上滚：“scrol
7、lamount=”可改变速度。<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=upscrollamount=2>文字</marquee></font></b></center> 十四、 添加旺旺在线代码： <A href="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyewen"><IMG src= "/
8、uploadfile/200903/8/D1115445238.gif" border=0></A> 十五、插入-FLASxxx ： <embed src=" width="400"height="290"></embed> 十六、让文字左右来回流动： <marquee behavior="alternate">88亮荘</marquee> 十七、让文字由下至上滚动： <marquee direction="up">8
9、8亮荘</marquee> 十八、让文字由左向右流动： <marquee direction="right">88亮荘</marquee> 十九、如何让文字滚动起来： <marquee>88亮荘</marquee> 二十、如何让文章中的重要文字变色代码： <font color="#FF0000">我淘心情你淘宝贝</font> 颜色代码附： 1白色 #FFFFFF 2红色#FF0000 3绿色#00FF00 4蓝色#0000FF 5牡丹红#FF00FF 6青色 #00F
10、FFF7黄色#FFFF008黑色#0000009海蓝#70DB9310巧克力色#5C331711蓝紫色 #9F5F9F12黄铜色#B5A64213亮金色#D9D91914棕色#A67D3D15青铜色 #8C7853162号青铜色 #A67D3D17士官服蓝色 #5F9F9F18冷铜色 #D9871919铜色 #B8733320珊瑚红 #FF7F0021紫蓝色 #42426F22深棕 #5C403323深绿 #2F4F2F24深铜绿色 #4A766E25深橄榄绿 #4F4F2F26深兰花色 #9932CD27深紫色 #871F7828深石板蓝 #6B238E29深铅灰色 #2F4F4F30深棕褐
11、色 #97694F32深绿松石色 #7093DB33暗木色 #855E4234淡灰色 #54545435土灰玫瑰红色 #85636336长石色 #D1927537火砖色#8E232338森林绿 #238E2339金色 #CD7F3240鲜黄色 #DBDB7041灰色 #C0C0C042铜绿色 #527F7643青黄色 #93DB7044猎人绿 #215E2145印度红 #4E2F2F46土黄色 #9F9F5F47浅蓝色 #C0D9D948浅灰色 #A8A8A849浅钢蓝色 #8F8FBD59浅木色 #E9C2A660石灰绿色 #32CD3261桔黄色 #E4783362褐红色 #8E236B6
12、3中海蓝色 #32CD9964中蓝色 #3232CD65中森林绿 #6B8E2366中鲜黄色 #EAEAAE67中兰花色 #9370DB68中海绿色 #426F4269中石板蓝色 #7F00FF70中春绿色 #7FFF0071中绿松石色 #70DBDB72中紫红色 #DB709373中木色 #A6806474深藏青色 #2F2F4F75海军蓝 #23238E76霓虹篮 #4D4DFF77霓虹粉红 #FF6EC778新深藏青色 #00009C79新棕褐色 #EBC79E80暗 金黄色 #CFB53B81橙色 #FF7F0082橙红色 #FF240083淡紫色 #DB70DB84浅绿色 #8FBC
13、8F85粉红色 #BC8F8F86李子色 #EAADEA87石英色 #D9D9F388艳蓝色 #5959AB集体xx鲑鱼色 #6F424290猩红色 #BC171791海绿色 #238E6892半甜巧克力色 #6B422693赭色 #8E6B2394银色 #E6E8FA95天蓝 #3299CC96石板蓝 #007FFF97艳粉红色 #FF1CAE98春绿色 #00FF7F99钢蓝色 #236B8E100亮天蓝色 #38B0DE101棕褐色 #DB9370102紫红色 #D8BFD8103石板蓝色 #ADEAEA 104浓深棕色 #5C4033 105淡浅灰色 #CDCDCD 106紫罗兰色 #
14、4F2F4F 107紫罗兰红色 #CC3299 108麦黄色#D8D8BF 109黄绿色 #99CC32 二十一、文字加粗，倾斜的代码 文字加粗的代码是: <b>文字</b> 文字倾斜的代码是: <i>文字</i> 二十二、换行代码 如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入<br> 这样就会分成两行显示 ，整个网站看起来也不会是一大片了，而是段落分明 如果输入一个<br>，那就是另起一行，如果连续输入两个，即<br><br>，那就会空一行二十三、时钟在背景上显示代码 <
15、;div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div> <div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;colorDDDDD;font-size:12
16、0px;top:100px;left:150px"></div> <div id="mainbody" style="position:absolute; visibility:visible"> </div> 二十四、中文星期网页特效显示代码： <script LANGUAGE="java - script"> <!- document.write("<center><font size=+1><b>" no
17、w = new Date() /定义新对象，new具有Date的性质 document.write("<center><small>" if (now.getDay() = 5) document.write("星期五" if (now.getDay() = 6) document.write("星期六" if (now.getDay() = 0) document.write("星期日" if (now.getDay() = 1) document.write("星期一"
18、; if (now.getDay() = 2) document.write("星期二" if (now.getDay() = 3) document.write("星期三" if (now.getDay() = 4) document.write("星期四" document.write("</small></center>" /-></script> 二十五、添加到收藏夹的代码： <span style="CURSOR: hand" onCli
19、ck="window.external.addFavorite(http:/小 店网址,想添加的名称)" title="想添加的名称">收藏本站</span> 二十六、设为首页的代码： <span onclick="var strHref=window.location.href;this.style.behavior=url(#default#homepage);this.setHomePage(小店网址);" style="CURSOR: hand">设为首页</span&g
20、t; 二十七、保护自己的页面不被别人放在框架中： <Script LANGUAGE="java - script"> if(self!=top)top.location=self.location; </script> 二十八、状态栏出现打字效果特效代码： 要完成此效果需要两个步骤 第一步：把如下代码加入到<head>区域中 <SCRIPT LANGUAGE="java - script"> <!- Begin var msg = "Welcome To The java - script
21、Fairyland" var chars = msg.length + 1; var updateStatus = "" var i = 0; function statusMessage() if (i < chars) setTimeout("nextLetter()", 300); function nextLetter() updateStatus = msg.substring(0,i) + _; window.status = updateStatus; i+; statusMessage(); / End -> <
22、;/script> 第二步：把“onLoad="statusMessage()"”加在<body>标记里例如：<body onLoad="statusMessage()"> 二十九、在标题栏显示时间特效代码 完成此效果把如下代码加入到<body>区域中<SCRIPT LANGUAGE="java - script"> <!- Begin var clocktext; var pagetitle = document.title; function scroll() today
23、 = new Date(); sec = today.getSeconds(); hr = today.getHours(); min = today.getMinutes(); if (hr <= 9) hr = "0" + hr; if (min <= 9) min = "0" + min; if (sec <= 9) sec = "0" + sec; var clocktext = " 现在时间是: " + hr + ":" + min + ":" +
24、 sec;clocktimer = setTimeout("scroll()", 1000); document.title = pagetitle + clocktext; if (document.all) scroll(); / End -> </script> 淘宝店铺装修尺寸. 首先来说说普通店铺和旺铺都有那些不同之处： 一。两者装修普通店铺只能用宽版（950像素）；旺铺可用宽版也可用窄版（740像素） 左侧模块（收藏模块）：宽度最大为190，高度不限。 右侧模块：宽度最大为750，高度不限。 自定义页面：宽度最大为740，高度不限。 各类图片尺
25、寸： 一。普通店铺： 店标：大小：宽100像素，高100像素图片直接上传在管理我的店铺基本设置店标浏览要求：图片的格式为jpg或gif,不支持FLASH格式 旺旺头像（名片）：大小：宽120像素，高120像素图片直接上传在管理我的店铺个人空间修改资料头像浏览要求：图片的格式为jpg或gif,不支持FLASH格式店铺公告：图片大小：宽480像素，高不限制要求：可连接相册或空间图片，可放置html公告代码 店铺分类：图片大小：宽150像素，高不限制要求：可连接相册或空间里的分类图片，可直接输入汉字宝贝描述摸板：总体宽度：宽为940像素，高不限（注意：不要从word里面copy文字到编辑器里，容易出
26、现丢失的现象）淘宝上传宝贝图片大小：宽为500像素内为易，大小不要超过 二。淘宝旺铺： 店招：大小：宽950像素，高120像素，大小不要超过80KB图片直接上传在管理我的店铺基本设置店招浏览要求：图片的格式为jpg或gif,不支持FLASH格式 促销区：大小：宽736像素，高500像素图片或代码放置在管理我的店铺基本设置宝贝描述要求：插入的图片的格式为jpg或gif,支持html代码，不支持FLASH格式（注意：不要从word里面copy文字到编辑器里，容易出现丢失的现象） 店铺公告：图片大小：宽480像素，高不限制要求：可连接相册或空间图片，可放置html公告代码 店铺分类：图片大小：宽15
27、0像素，高不限制要求：可连接相册或空间里的分类图片，可直接输入汉字。 旺铺宝贝描述窄版模板：模板（或图片）的宽不超过710像素，高不限制。（注意：不要从word里面copy文字到编辑器里，容易出现丢失的现象） 旺铺自定义页面：模板（或图片）的宽不超过740像素，高不限制。 旺旺头像图片尺寸：宽120*高120像素，大小在100KB以内，格式为JPG或GIF，动态或者静态均可。 论坛头像图片尺寸：最大为宽120*高120像素，大小在100KB以 <=80k代码：无（图片做好后直接上传）格式：jpg、gif设置：管理我的店铺基本设置店标浏览选择本地做好店标文件 2、旺旺名片/头像 大小：12
28、0*120px <=100k代码：无（图片做好后直接上传）格式：jpg、gif 3、宝贝图片 大小：500*500px <=120k代码：无（图片做好后直接上传）格式：jpg、gif 4、旺铺店招 大小：950*120px <=80k新旺铺改版后的店招尺寸为950*150代码：无（图片做好后直接上传）格式：jpg、gif、png 5、旺铺促销区 大小：宽度<=735px，高度<=500px改版后新旺铺促销区高度已无限制了代码：<img src="店铺公告地址"/>（图片必须放置在网络空间或网络像册，没有可以先申请一个，需支持宝淘外链
29、的）格式：jpg、gif、html、文本 6、旺铺宝贝描述 大小：宽度<=722px（窄），宽度<=922px（宽），高度随意代码：<img src="店铺公告地址"/>（图片必须放置在网络空间或网络像册，没有可以先申请一个，需支持宝淘外链的）格式：jpg、gif、html、文本 普通店铺的宝贝描述尺寸大小没有什么限制，但考虑到显示器的显示尺寸，应掌握在1000PX以下。 7、宝贝分类 大小：宽度<=160，高度随意代码：<img src="宝贝分类地址"/>（图片必须放置在网络空间或网络像册，没有可以先申请一个
30、，需支持宝淘外链的）格式：jpg、gif（地址不要超过40个字符） 8、背景音乐 代码：<BGSOUND balance=0 src="音乐地址" volume=0 loop="infinite"></BGSOUND> 格式：最好为WMA设置：管理我的店铺基本设置公告 9、悬挂饰物 代码：<img src="图片地址" style="left:20px;position:relative;top:0px;">格式：同上，须放置在网络空间或网络像册中的图片设置：管理我的店铺基本设置
31、公告 另外，奉上一个查找图片尺寸的小技巧，就是用截图工具截下来，在photoshop中打开，然后，依次：图像-图像大小-按上面的尺寸保存，就ok了，以前不知道尺寸时，偶就用着方法的，有些粗劣，但慢实用，望淘友们不要见笑！附个图吧，怕有些没用过ps的朋友不懂!第一步： 第二步： 第3步，保存就好了，这也是常用的修改图像大小的方法，新手朋友可以学学！另外，请管理员高台贵手哈，随便弄的图，做完后才看见有一张跟店里产品有关，但我全加颜色覆盖了，应该不算违规吧！c 淘宝店铺装修代码大全 如何提高店铺的访问量呢？这个问题大家一定都很想知道，有好的产品，有好的宣传，更吸引顾客眼球的是你有特别的装修，让你的店
32、铺与众不同！好了，现在简单为大家总结了所有的html设计代码大全1)贴图：< img src="图片地址">本人照片（献丑了）2)加入连接：< a href="所要连接的相关地址">写上你想写的字< /a>3)在新窗口打开连接：< a href="相关地址" target="_blank">写上要写的字< /a>4)移动字体(走马灯)：< marquee>写上你想写的字 < /marquee> （可用于店铺分类，和评价）5)字体加粗
33、：< 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="#v
34、alue">写上你想写的字< /font>(其中value值在000000与ffffff(16位进制)之间12)消除连接的下划线：< a href="相关地址" style="text-decoration:none">写上你想写的字< /a>13)贴音乐：< embed src="音乐地址" width="宽度" height="高度" autostart=false>14)贴flash: < embed src="
35、;flash地址" width="宽度" height="高度">15)贴影视文件：< img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>16)换行：< br>17)段落：< p>段落< /p>18）原始文字样式：< pre>正文 < /pre>19)换帖子背景：< body background="背景图片地址">
36、;20)固定帖子背景不随滚动条滚动：< body background="背景图片地址" body bgproperties=fixed>21)定制帖子背景颜色：< body bgcolor="#value">(value值见10)22)帖子背景音乐：< bgsound="背景音乐地址" loop=infinite>（听到音乐了吗？也可以加在你的店铺公告里）23)贴网页：< iframe src="相关地址" width="宽度" height=&quo
37、t;高度">< /iframe>最后注意了，以上所有代码中的前边后边代码段，我都加入了一个空格，要不再这里就运行了，你们无法看见了！使用时把前边后边代码内的空格去掉即可！ 举个例子4)移动字体(走马灯)：< marquee>写上你想写的字< /marquee>把< marquee>和< /marquee>删为去掉括号中的空格即可，其他不用动！ 后边代码不动即可！ 店铺装修代码1、店铺音乐代码:音乐网址" loop="-1">2、图片制作代码：img src="这里放图片地址
38、"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等设置大小/font7、字体颜色代码:font c
39、olor="red"这里放要处理的文字，可以换成blue,yellow等/font8、文字链接代码:a href="网页地址"链接的文字，在分类栏里用时链接的网页地址必须缩短/a9、移动文字代码:marquee从右到左移动的文字/marquee10、背景音乐代码：bgsound loop="-1" src="这里放音乐地址"/bgsound11、图片附加音乐代码：img border=0 src="这里放图片地址" dynsrc="这里放音乐地址"12、浮动图片代码:img
40、alt="1" height="150" src="这里放图片地址"/ 公告图片的代码：公告挂饰：店铺分类代码:背景音乐代码：换行代码计数器代码颜色代码：1白色 #FFFFFF2红色#FF00003绿色#00FF004蓝色#0000FF5牡丹红#FF00FF6青色 #00FFFF7黄色#FFFF008黑色#0000009海蓝#70DB9310巧克力色#5C331711蓝紫色 #9F5F9F12黄铜色#B5A64213亮金色#D9D91914棕色#A67D3D15青铜色 #8C7853162号青铜色 #A67D3D17士官服蓝色 #5F
41、9F9F18冷铜色 #D9871919铜色 #B8733320珊瑚红 #FF7F00 21紫蓝色 #42426F 22深棕 #5C4033 23深绿 #2F4F2F24深铜绿色 #4A766E 25深橄榄绿 #4F4F2F 26深兰花色 #9932CD 27深紫色 #871F78 28深石板蓝 #6B238E 29深铅灰色 #2F4F4F 30深棕褐色 #97694F 32深绿松石色 #7093DB 33暗木色 #855E42 34淡灰色 #54545435土灰玫瑰红色 #856363 36长石色 #D19275 37火砖色#8E2323 38森林绿 #238E23 39金色 #CD7F32
42、40鲜黄色 #DBDB70 41灰色 #C0C0C0 42铜绿色 #527F76 43青黄色 #93DB70 44猎人绿 #215E21 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中石板蓝色 #7F00F
43、F 70中春绿色 #7FFF00 71中绿松石色 #70DBDB 72中紫红色 #DB7093 73中木色 #A6806474深藏青色 #2F2F4F75海军蓝 #23238E76霓虹篮 #4D4DFF77霓虹粉红 #FF6EC778新深藏青色 #00009C79新棕褐色 #EBC79E80暗金黄色 #CFB53B81橙色 #FF7F0082橙红色 #FF240083淡紫色 #DB70DB84浅绿色 #8FBC8F85粉红色 #BC8F8F86李子色 #EAADEA87石英色 #D9D9F388艳蓝色 #5959AB89鲑鱼色 #6F424290猩红色 #BC171791海绿色 #238E68
44、92半甜巧克力色 #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="音乐地址">&l
