用Dreamweaver制作淘宝店铺模板代码

合集下载

淘宝店铺装修模板模板代码

下面我把代码黏贴在下面，下载后复制代码放在对应的自定义模块就可以用了，如果新手不会放，那就在百度里搜索，是怎么放的，我这里就提供代码以前我都是在淘宝上卖30元的，现在免费送了1【万用模版】紫色女装饰品女鞋化妆品等全套豪华模板收藏代码：<TABLE height=305 cellSpacing=0 cellPadding=0 width=190 align=center background= border=0><TBODY><TR>摘自资料<TD vAlign=top width=190 height=58><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD width=190 height=58><A href=""><img height=58 src="" width=190 border=0></A></TD></TR></TBODY></TABLE></TD></TR><TR><TD height=17> </TD></TR><TR>摘自<TD vAlign=top height=203><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD width=11 height=111> </TD><TD vAlign=center width=169><DIV align=left>售前客服：<br>售后客服：<br>掌柜旺旺：<br></DIV></TD><TD width=10> </TD></TR><TR><TD height=17> </TD><TD> </TD><TD> </TD></TR><TR><TD height=75> </TD><TD vAlign=top><DIV align=left>联系电话：<br>QQ客服：<br>营业时间:</DIV></TD><TD> </TD></TR></TBODY></TABLE></TD></TR><TR><TD height=27> </TD></TR></TBODY></TABLE>右侧促销1<TABLE height=540 cellSpacing=0 cellPadding=0 width=750 align=center background= border=0><TBODY><TR><TD vAlign=top colSpan=5 height=265><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD height=54></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR><TR><TD width=49></TD><TD vAlign=center width=211 height=211><DIV align=center><img height=211 src="" width=211></DIV></TD><TD width=39> </TD><TD vAlign=center width=211><DIV align=center><img height=211 src="" width=211></DIV></TD><TD width=240></TD></TR></TBODY></TABLE></TD></TR><TD width=7 height=88> </TD><TD width=290> </TD><TD width=67> </TD><TD width=250> </TD><TD vAlign=top width=136 rowSpan=3><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD width=136 height=275> </TD></TR></TBODY></TABLE></TD></TR><TR><TD height=175></TD><TD vAlign=top><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD vAlign=top width=293 height=175><DIV style="OVERFLOW-Y: auto; WIDTH: 290px; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 175px">文字公告栏,文字多时自动出现滚动条!</DIV></TD></TR></TBODY></TABLE></TD><TD> </TD><TD vAlign=top><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD width=250 height=175><TABLE height=175 cellSpacing=0 cellPadding=0 width=250 border=0><TBODY><TR><TD><DIV align=left>此处填写您的商品信息</DIV></TD></TR><TR><TD><DIV align=left>此处填写您的商品信息</DIV></TD></TR><TR><TD><DIV align=left>此处填写您的商品信息</DIV></TD></TR><TR><TD><DIV align=left>此处填写您的商品信息</DIV></TD></TR><TR><TD><DIV align=left>此处填写您的商品信息</DIV></TD></TR><TR><DIV align=left>此处填写您的商品信息</DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR><TR><TD height=12></TD><TD></TD><TD></TD><TD></TD></TR></TBODY></TABLE>右侧促销2<TABLE height=469 cellSpacing=0 cellPadding=0 width=750 align=center background= border=0><TBODY><TR><TD width=18 height=50> </TD><TD width=15> </TD><TD width=530> </TD><TD width=52> </TD><TD width=119> </TD><TD width=16> </TD></TR><TR><TD height=250> </TD><TD vAlign=top colSpan=4><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD vAlign=center colSpan=2 height=155><DIV align=center><img height=155 src="" width=155></DIV></TD><TD width=32> </TD><TD vAlign=center colSpan=2><DIV align=center><img height=155 src="" width=155></DIV></TD><TD width=32> </TD><TD vAlign=center colSpan=2><DIV align=center><img height=155 src="" width=155></DIV></TD><TD width=32> </TD><TD vAlign=center colSpan=2><DIV align=center><img height=155 src="" width=155></DIV></TD></TR><TR><TD vAlign=top colSpan=2 height=29><DIV style="MARGIN-TOP: 10px"><DIV align=center>您的商品标题</DIV></DIV></TD><TD></TD><TD vAlign=top colSpan=2><DIV style="MARGIN-TOP: 10px"><DIV align=center>您的商品标题</DIV></DIV></TD><TD></TD><TD vAlign=top colSpan=2><DIV style="MARGIN-TOP: 10px"><DIV align=center>您的商品标题</DIV></DIV></TD><TD></TD><TD vAlign=top colSpan=2><DIV style="MARGIN-TOP: 10px"><DIV align=center>您的商品标题</DIV></DIV></TD></TR><TR><TD width=37 height=66> </TD><TD vAlign=top width=118><DIV align=center>此处插入对商品的简<br>单介绍，注意控制字<br>数哦</DIV></TD><TD></TD><TD width=38> </TD><TD vAlign=center width=117><DIV align=center>此处插入对商品的简<br>单介绍，注意控制字<br>数哦</DIV></TD><TD></TD><TD width=38> </TD><TD vAlign=center width=117><DIV align=center>此处插入对商品的简<br>单介绍，注意控制字<br>数哦</DIV></TD><TD></TD><TD width=38> </TD><TD vAlign=center width=117><DIV align=center>此处插入对商品的简<br>单介绍，注意控制字<br>数哦</DIV></TD></TR></TBODY></TABLE></TD><TD> </TD></TR><TR><TD height=17> </TD><TD> </TD><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR><TR><TD height=37> </TD><TD> </TD><TD vAlign=top rowSpan=2><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD vAlign=center width=530 height=125><MARQUEE scrollAmount=2 behavior=alternate><img height=120 src="" width=120> <img height=120 src="" width=120> <img height=120 src="" width=120> <img height=120 src="" width=120> <img height=120 src="" width=120></MARQUEE></TD></TR></TBODY></TABLE></TD><TD> </TD><TD> </TD><TD> </TD></TR><TR><TD height=88> </TD><TD> </TD><TD> </TD><TD vAlign=center><P align=center>AM: 9:00-PM:23:00<br>周六日节假日不定时在线</P></TD><TD> </TD></TR><TR><TD height=27></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR></TBODY></TABLE>右侧促销3<TABLE height=520 cellSpacing=0 cellPadding=0 width=750 align=center background= border=0><TBODY><TR><TD width=750 height=47> </TD></TR><TR><TD vAlign=top height=231><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD width=750 height=231><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD width=22 height=160> </TD><TD vAlign=center colSpan=2><DIV align=center><img height=160 src="" width=160></DIV></TD><TD width=23> </TD><TD vAlign=center colSpan=2><DIV align=center><img height=160 src="" width=160></DIV></TD><TD width=23> </TD><TD vAlign=center colSpan=2><DIV align=center><img height=160 src="" width=160></DIV></TD><TD width=23> </TD><TD vAlign=center colSpan=3><DIV align=center><img height=160 src="" width=160></DIV></TD><TD width=19> </TD></TR><TR><TD height=21> </TD><TD width=60> </TD><TD vAlign=bottom width=100><DIV align=center>888</DIV></TD><TD> </TD><TD width=59> </TD><TD vAlign=bottom width=101><DIV align=center>888</DIV></TD><TD> </TD><TD width=58> </TD><TD vAlign=bottom width=102><DIV align=center>888</DIV></TD><TD> </TD><TD width=60> </TD><TD vAlign=bottom width=90><DIV align=center>888</DIV></TD><TD width=10> </TD><TD> </TD></TR><TR><TD height=50> </TD><TD vAlign=center colSpan=2><DIV align=center>商品名称及简单介绍<br>注意不要超过2行</DIV></TD> <TD> </TD><TD vAlign=center colSpan=2><DIV align=center>商品名称及简单介绍<br>注意不要超过2行</DIV></TD><TD> </TD><TD vAlign=center colSpan=2><DIV align=center>商品名称及简单介绍<br>注意不要超过2行</DIV></TD><TD> </TD><TD vAlign=center colSpan=3><DIV align=center>商品名称及简单介绍<br>注意不要超过2行</DIV></TD><TD> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></T R><TR><TD vAlign=top height=231><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD width=22 height=160> </TD><TD vAlign=center colSpan=2><DIV align=center><img height=160 src="" width=160></DIV></TD><TD width=23> </TD><TD vAlign=center colSpan=2><DIV align=center><img height=160 src="" width=160></DIV></TD><TD width=23> </TD><TD vAlign=center colSpan=2><DIV align=center><img height=160 src="" width=160></DIV></TD><TD width=23> </TD><TD vAlign=center colSpan=3><DIV align=center><img height=160 src="" width=160></DIV></TD><TD width=19> </TD></TR><TR><TD height=21> </TD><TD width=60> </TD><TD vAlign=bottom width=100><DIV align=center>888</DIV></TD><TD> </TD><TD width=59> </TD><TD vAlign=bottom width=101><DIV align=center>888</DIV></TD><TD> </TD><TD width=58> </TD><TD vAlign=bottom width=102><DIV align=center>888</DIV></TD><TD> </TD><TD width=60> </TD><TD vAlign=bottom width=90><DIV align=center>888</DIV></TD><TD width=10> </TD><TD> </TD></TR><TR><TD height=50> </TD><TD vAlign=center colSpan=2><DIV align=center>商品名称及简单介绍<br>注意不要超过2行</DIV></TD><TD> </TD><TD vAlign=center colSpan=2><DIV align=center>商品名称及简单介绍<br>注意不要超过2行</DIV></TD><TD> </TD><TD vAlign=center colSpan=2><DIV align=center>商品名称及简单介绍<br>注意不要超过2行</DIV></TD><TD> </TD><TD vAlign=center colSpan=3><DIV align=center>商品名称及简单介绍<br>注意不要超过2行</DIV></TD><TD> </TD></TR></TBODY></TABLE></TD></TR><TR><TD height=11></TD></TR></TBODY></TABLE>左侧热销<TABLE height=550 cellSpacing=0 cellPadding=0 width=190 align=center background= border=0><TBODY><TR><TD width=190 height=66> </TD></TR><TR><TD vAlign=top height=337><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD width=14 height=160> </TD><TD vAlign=center width=160><DIV align=center><img height=160 src="" width=160></DIV></TD><TD width=16> </TD></TR><TR><TD height=17> </TD><TD> </TD><TD> </TD></TR><TR><TD height=160> </TD><TD vAlign=center><DIV align=center><img height=160 src="" width=160></DIV></TD><TD> </TD></TR></TBODY></TABLE></TD></TR><TR><TD vAlign=top height=99><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY><TR><TD width=9 height=22> </TD><TD width=77> </TD><TD width=14> </TD><TD width=77> </TD><TD width=13> </TD></TR><TR><TD height=77> </TD><TD vAlign=center><DIV align=center><img height=77 src="" width=77></DIV></TD><TD> </TD><TD vAlign=center><DIV align=center><img height=77 src="" width=77></DIV></TD><TD> </TD></TR></TBODY></TABLE></TD></TR><TR><TD height=48> </TD></TR></TBODY></TABLE>2【万用模版】彩色白色化妆品女装效果图收藏代码<table width="190" height="301" border="0" align="center" cellpadding="0" cellspacing="0" background=""><tr><td height="110" colspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td width="190" height="110"><a href=""><img src="" width="190" height="110" border="0"></a></td></tr></table></td></tr><tr><td width="9" height="14"> </td><td width="172"> </td><td width="9"> </td></tr><tr><td height="160"> </td><td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td width="172" height="160" valign="top"><div style="overflow-y:auto; width:172px; height:160px; scrollbar-base-color:#ffffff;">这里填写您的店铺公告信息</div></td> </tr></table> </td><td> </td></tr><tr><td height="17"> </td><td> </td><td> </td></tr></table>右侧促销1<TABLE height=627 cellSpacing=0 cellPadding=0 width=750 align=center background= border=0><TBODY><TR><TD vAlign=top colSpan=4 rowSpan=3><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD vAlign=center width=164 rowSpan=5><DIV align=center><img style="WIDTH: 164px; HEIGHT: 242px" height=242 alt="" src=" " width=164></DIV></TD><TD width=17 height=39> </TD><TD vAlign=center width=164><DIV align=right>188元</DIV></TD><TD width=16> </TD><TD vAlign=center width=164 rowSpan=5><DIV align=center><img style="WIDTH: 164px; HEIGHT: 242px" height=242 alt="" src=" " width=164></DIV></TD></TR><TR><TD height=6></TD><TD></TD><TD></TD></TR><TR><TD height=24></TD><TD vAlign=center><DIV align=center>您的商品名或商品简介</DIV></TD><TD></TD></TR><TR><TD height=9></TD><TD></TD><TD></TD></TR><TR><TD height=164> </TD><TD vAlign=center><DIV align=center><img style="WIDTH: 164px; HEIGHT: 164px" height=164 alt="" src=" " width=164></DIV></TD><TD> </TD></TR></TBODY></TABLE></TD><TD width=13 height=101> </TD><TD width=199> </TD><TD width=13> </TD></TR><TR><TD height=128> </TD><TD vAlign=top><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD vAlign=top width=199 height=128><DIV style="OVERFLOW-Y: auto; WIDTH: 199px; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 128px">给您完美的店铺装修方案，让您<br>的店从淘宝千万家店中脱颖而<br>出！超低的价格，精美的模板，<br>让您的店从此火起来！</DIV></TD></TR></TBODY></TABLE></TD><TD> </TD></TR><TR><TD height=13> </TD><TD> </TD><TD> </TD></TR><TR><TD width=84 height=9></TD><TD width=221></TD><TD width=166></TD><TD width=54></TD><TD></TD><TD></TD><TD></TD></TR><TR><TD vAlign=top colSpan=4 rowSpan=2><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD vAlign=center width=164 height=37><DIV align=right>188元</DIV></TD><TD width=17> </TD><TD vAlign=center width=164 rowSpan=5><DIV align=center><img style="WIDTH: 164px; HEIGHT: 242px" height=242 alt="" src=" " width=164></DIV></TD><TD width=16> </TD><TD vAlign=center width=164><DIV align=right>188元</DIV></TD></TR><TR><TD height=9></TD><TD></TD><TD></TD><TD></TD></TR><TR><TD vAlign=center height=24><DIV align=center>您的商品名或商品简介</DIV></TD><TD></TD><TD></TD><TD vAlign=center><DIV align=center>您的商品名或商品简介</DIV></TD></TR><TR><TD height=8></TD><TD></TD><TD></TD><TD></TD></TR><TR><TD vAlign=top height=164><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD vAlign=center width=164 height=164><DIV align=center><img style="WIDTH: 164px; HEIGHT: 164px" height=164 alt="" src=" " width=164></DIV></TD></TR></TBODY></TABLE></TD><TD> </TD><TD> </TD><TD vAlign=center><DIV align=center><img style="WIDTH: 164px; HEIGHT: 164px" height=164 alt="" src=" " width=164></DIV></TD></TR></TBODY></TABLE></TD><TD height=89></TD><TD> </TD><TD></TD></TR><TR><TD height=153></TD><TD vAlign=top><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD vAlign=top width=199 height=153><DIV align=left>旺旺：<br><br>旺旺：<br><br>在线时间：<br>星期一至六：09：00-24：00<br>星期天及节假日不定时上线</DIV></TD></TR></TBODY></TABLE></TD><TD></TD></TR><TR><TD height=13> </TD><TD> </TD><TD> </TD><TD> </TD><TD></TD><TD></TD><TD></TD></TR><TR><TD height=48> </TD><TD vAlign=top rowSpan=5><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD vAlign=center width=104 height=104><DIV align=center><img style="WIDTH: 104px; HEIGHT: 104px" height=104 alt="" src=" " width=104></DIV></TD><TD width=13> </TD><TD vAlign=center width=104><DIV align=center><img style="WIDTH: 104px; HEIGHT: 104px" height=104 alt="" src=" " width=104></DIV></TD></TR></TBODY></TABLE></TD><TD> </TD><TD> </TD><TD></TD><TD></TD><TD></TD></TR><TR><TD height=16> </TD><TD> </TD><TD vAlign=top colSpan=3><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD width=49 height=16><DIV align=center>200元</DIV></TD><TD width=59> </TD><TD width=49><DIV align=center>400元</DIV></TD><TD width=65> </TD><TD width=44><DIV align=center>600元</DIV></TD></TR></TBODY></TABLE></TD><TD></TD></TR><TR><TD height=4></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR><TR><TD height=16></TD><TD></TD><TD vAlign=top colSpan=3><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY><TR><TD width=49 height=16><DIV align=center>300元</DIV></TD><TD width=59> </TD><TD width=49><DIV align=center>500元</DIV></TD><TD width=65> </TD><TD width=44><DIV align=center>700元</DIV></TD></TR></TBODY></TABLE></TD><TD></TD></TR><TR><TD height=20></TD><TD></TD><TD> </TD><TD></TD><TD></TD><TD></TD></TR><TR><TD height=17></TD><TD> </TD><TD></TD><TD> </TD><TD></TD><TD></TD><TD></TD></TR></TBODY></TABLE>右侧促销2<TABLE height=626 cellSpacing=0 cellPadding=0 width=750 align=center background= border=0><TBODY><TR><TD width=52 height=21> </TD><TD width=183> </TD><TD width=62> </TD><TD width=183> </TD><TD width=62> </TD><TD width=183> </TD><TD width=25> </TD></TR><TR><TD height=591> </TD><TD vAlign=top><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD vAlign=center colSpan=2 height=183><DIV align=center><img style="WIDTH: 183px; HEIGHT: 183px" height=183 alt="" src=" " width=183></DIV></TD></TR><TR><TD vAlign=top colSpan=2 height=59><DIV style="MARGIN-TOP: 25px"><DIV align=center>您的商品名或商品简介<br>字数不要太多，2行较合适</DIV></DIV></TD></TR><TR><TD width=85 height=63> </TD><TD vAlign=top width=98><DIV align=center>888元</DIV></TD></TR><TR><TD vAlign=center colSpan=2 height=183><DIV align=center><img style="WIDTH: 183px; HEIGHT: 183px" height=183 alt="" src=" " width=183></DIV></TD></TR><TR><TD vAlign=top colSpan=2 height=59><DIV style="MARGIN-TOP: 25px"><DIV align=center>您的商品名或商品简介<br>字数不要太多，2行较合适。

淘宝店铺装修代码大全-店铺装修代码

淘宝店铺装修代码大全-店铺装修代码1、店铺音乐代码:音乐网址" loop="-1">2、图片制作代码：＜img src="这里放图片地址"＞3、公告图片代码：＜img border="0" src="这里放图片地址" /＞或＜img src="这里放图片地址"/＞4、悬浮挂饰代码：＜img src="这里放图片地址" style="left:20px; positi on: 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="这里放音乐地址"＞＜/bgs ound＞11、图片附加音乐代码：＜img border=0 src="这里放图片地址" dynsrc= "这里放音乐地址"＞12、浮动图片代码:＜img alt="1" height="150" src="这里放图片地址"/＞公告图片的代码：公告挂饰：店铺分类代码:背景音乐代码：换行代码计数器代码颜色代码：1白色#FFFFFF2红色#FF00003绿色#00FF004蓝色#0000FF5牡丹红#FF00FF6青色#00FFFF7黄色#FFFF008黑色#0000009海蓝#70DB9310巧克力色#5C331711蓝紫色#9F5F9F12黄铜色#B5A64213亮金色#D9D91914棕色#A67D3D15青铜色#8C7853162号青铜色#A67D3D 17士官服蓝色#5F9F9F 18冷铜色#D9871919铜色#B8733320珊瑚红#FF7F0021紫蓝色#42426F22深棕#5C403323深绿#2F4F2F24深铜绿色#4A766E25深橄榄绿#4F4F2F26深兰花色#9932CD27深紫色#871F7828深石板蓝#6B238E29深铅灰色#2F4F4F30深棕褐色#97694F32深绿松石色#7093DB 33暗木色#855E4234淡灰色#54545435土灰玫瑰红色#85636336长石色#D1927537火砖色#8E232338森林绿#238E2339金色#CD7F3240鲜黄色#DBDB7041灰色#C0C0C042铜绿色#527F7643青黄色#93DB7044猎人绿#215E2145印度红#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深藏青色#2F2F4F75海军蓝#23238E76霓虹篮#4D4DFF77霓虹粉红#FF6EC778新深藏青色#00009C 79新棕褐色#EBC79E80暗金黄色#CFB53B81橙色#FF7F0082橙红色#FF240083淡紫色#DB70DB84浅绿色#8FBC8F85粉红色#BC8F8F86子色#EAADEA87石英色#D9D9F388艳蓝色#5959AB89鲑鱼色#6F424290猩红色#BC171791海绿色#238E6892半甜巧克力色#6B4226 93赭色#8E6B2394银色#E6E8FA95天蓝#3299CC96石板蓝#007FFF97艳粉红色#FF1CAE98春绿色#00FF7F99钢蓝色#236B8E100亮天蓝色#38B0DE 101棕褐色#DB9370 102紫红色#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="00counter." target="_blank"><img src="计数器地址" bor der=0 alt="00Counter."></a>店铺公告里的漂亮悬浮挂件的代码：<marquee style="position:relative;" scrollamount="1" scrolldelay= "85" direction="up" behavior="scroll" height="60"><img src="加入你自己的图片地址" />1.公告栏的图片代码,帖到公告栏就行了. 不过还是有好多人来问我公告栏的位置-----点我的淘宝-----管理我的店铺------基本设置，下面写着公告的位置。

淘宝装修模板代码教程大全(完整版)

淘宝装修模板代码教程大全(完整版)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">10)宝贝描述加上个性的鼠标指针自己喜欢的鼠标指针选好了吗？那就马上复制这个代码在宝贝描述里就可以了，当然还要先选“编辑源文件”<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')"><tr><td width="100%">另外，还要在源文件底部输入代码：</td></tr></table>宝贝描述中都带有“店铺收藏”字样，但是最新的淘宝收藏夹变化了，导致了以前的方法不灵了，如何解决这个问题呢？把以前的代码换成如下即可解决这个问题：/popup/add_collection.htm?id=62323209&itemid=62323209&itemtype=0&ownerid=115d86206eeba2e9d827ef69ac80a71c&scjjc=2（欢迎大家点击这个链接看看我说的方法灵不灵啊，点击确定之后，到您自己的收藏夹里面看一眼，是不是我的店铺已经被您收藏了？^-^^-^ 呵呵^-^）别忘了把62323209&itemid=62323209&itemtype=0&ownerid=115d86206eeba2e9d827ef69ac80a71c&scjjc=2这个数字修改成您自己的店铺ID哦（不修改的，我热烈的欢迎啊，哈哈）如何获得自己的店铺ID呢？进入“我的淘宝”/“查看我的店铺”，会看到浏览器的地址栏中有类似下面的字样：/shop/view_shop.htm?nekot=c21pbGVfNWNt1281414248539&user_number_id=321589306 user_id=后面的那串数字就是您自己店铺的ID了，把这个ID COPY下了，替换上面的那个代码就可以在宝贝描述模板里面添加收藏店铺了！！12)添加音乐代码：百度音乐/搜索你想要的歌曲，记得要选连接速度快的。

淘宝店铺模板代码详解

< loop="-1" src="音乐地址"></ >
注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
三、在图片里附加音乐的办法：
<img border=0 src="图片地址" dynsrc=音乐地址>
注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
＜a href="网页地址"＞链接的文字＜/a＞
七、移动文字代码:
＜marquee＞从右到左移动的文字＜/marquee＞
八、计数器代码
<a href="####################" target="_blank"><img src="计数器地址"border=0
先选“编辑源文件” ，然后复制以下代码：
<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')">
<tr>
<td width="100%">
另外，还要在源文件底部输入代码：</td></tr></table>
十二、添加QQ在线交谈代码：
alt=""></a>
九、店铺公告里的漂亮悬浮挂件的代码：
<marquee style="position:relative;" ="this.stop()" ="this.start()" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60">

淘宝店铺装修常用自定义代码大全更新版

淘宝店铺装修常用自定义代码大全一、插入图片代码：<img src="图片链接地址" />注：先把图片上传到网络相册网络地址(如果你没有网络相册可以申请一个)，把它拷贝下来，放到下边一串代码里替代汉字部分；可以应用于公告栏、分类栏及宝贝描述内。

例如：/Images/logo.gif，可以是jpg、gif、png结尾的图片注意：图片模式是RGB格式的，不能是CMYK格式的，否则不显示二、插入公告栏挂饰代码：<img src="图片链接地址" style="left:20px; position: relative; top:0px" />注：先把挂饰图片上传到网络相册；可以应用于公告栏、分类栏及宝贝描述内。

示例同上，这里多了一个代码left:20px 意思是左20个像素三、背景音乐代码：< loop="-1" src="音乐地址"></ >注：先把音乐文件上传到网络上；可以应用于公告栏、宝贝描述内。

支持mp3三、在图片里附加音乐的办法：<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 href="/msgrd?V=1&Uin=123456&Site=网站客服&Menu=yes"target="_blank"><img src="/pa?p=1:123456:1" alt="点击这里给我发送消息" border="0"></a>注: 这是QQ在线状态的代码，里面的数值123456要改成自己的QQ号码，这个链接的作用是别人可以直接点击联系你而无需加你为好友，使用方法是直接链接。

淘宝模板设计代码大全)

自己动手设计自己的免费个性网店模板--淘宝模板设计代码大全很多朋友看到别人设计的漂亮模板就会心动吧！呵呵，人家就是拿那个自己做出来的模板然后出来卖，还可以赚到不少的钱，作为店主，我们就心甘情愿的拿钱去买被人的高价装修模板吗？如果是我，我肯定不愿意啦。

呵呵，相信大家也和我差不多吧。

当然，设计模板可是要一定技术的，所以我们必须从简单的开始学起，自己学会慢慢做，花点时间去研究一下，也许不知道哪一天我们也可以拿自己设计的漂亮模板出去卖了。

也许就真的有一天。

下面就给大家先提供一些做模板的代码。

这些都很重要的哦。

做模板可少不了。

能记下来是最好的了。

o(∩_∩)o...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>13)贴音乐：< embed src="音乐地址" width="宽度" height="高度" autostart=false>14)贴flash: < embed src="flash地址" width="宽度" height="高度">15)贴影视文件：< img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>16)换行：< br>17)段落：< p>段落< /p>1原始文字样式：< pre>正文< /pre>19)换帖子背景：< body background="背景图片地址">20)固定帖子背景不随滚动条滚动：< body background="背景图片地址" bodybgproperties=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="150" src="这里放图片地址"/＞公告图片的代码：公告挂饰：店铺分类代码:背景音乐代码：换行代码计数器代码颜色代码：1白色#FFFFFF2红色#FF00003绿色#00FF004蓝色#0000FF5牡丹红#FF00FF6青色#00FFFF7黄色#FFFF008黑色#0000009海蓝#70DB9310巧克力色#5C331711蓝紫色#9F5F9F12黄铜色#B5A64213亮金色#D9D91914棕色#A67D3D15青铜色#8C7853162号青铜色 #A67D3D17士官服蓝色#5F9F9F18冷铜色#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猎人绿#215E2145印度红#4E2F2F46土黄色#9F9F5F47浅蓝色#C0D9D948浅灰色#A8A8A849浅钢蓝色#8F8FBD59浅木色#E9C2A660石灰绿色#32CD3261桔黄色#E4783362褐红色#8E236B63中海蓝色#32CD9964中蓝色#3232CD65中森林绿#6B8E2366中鲜黄色#EAEAAE67中兰花色#9370DB68中海绿色#426F4269中石板蓝色#7F00FF 70中春绿色#7FFF0071中绿松石色#70DBDB72中紫红色#DB709373中木色#A6806474深藏青色#2F2F4F75海军蓝#23238E76霓虹篮#4D4DFF77霓虹粉红#FF6EC778新深藏青色#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=""></a>店铺公告里的漂亮悬浮挂件的代码：<marquee style="position:relative;" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60"><img src="加入你自己的图片地址" />1.公告栏的图片代码,帖到公告栏就行了. 不过还是有好多人来问我公告栏的位置-----点我的淘宝-----管理我的店铺------基本设置，下面写着公告的位置。

淘宝店铺装修常用自定义代码大全更新版

支持mp3三、在图片里附加音乐的办法：<img border=0 src="图片地址" dynsrc=音乐地址>注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。

dw网页淘宝设计模板

竭诚为您提供优质文档/双击可除dw网页淘宝设计模板篇一：dreamweaver在淘宝美工课中的应用泉州新东方叶生方老师整理dreamweaver在淘宝美工课中的应用一、店铺装修（网页技术）专业型课程分两个阶段：1、店铺装修基础阶段，2、html+css行内样式部分。

（一）实用型阶段——店铺装修基础1、认识旺铺及类型、模板、模块、布局；旺铺20xx标准版拓展版20xx新版2、ps切片导出web代码3、dw表格排版4、分类导航设计——ps切片、dw表格、热区三种技术综合运用5、旺铺宽屏效果制作（页面背景、店头自定义、自定义大图三部分组成）6、图片背景、旺旺代码、收藏代码、滚动代码7、识别哪些效果属于模块功能，那些效果可以自定义实现，常用的促销工具（限时打折、满就送、团购宝、搭配减价、会员管理等）8、淘宝首页整体风格设计、“宝贝描详情页”风格设计9、html常用标注介绍table、tR、td、img、a等用功能（二）专业提升阶段——html+css行内样式10、dw使用的注意要点以及认识tabletRtdFontdiVspanh1imgapliulmarquee等常用标注。

11、表格结构分析，学会手写简单的网页代码12、认识css盒子模型13、了解css排版基本方法——实际表格相似导航效果14、运用css设计宝贝详情页版式、利用p、img标注的css属性设置版式15、css美化表格16、了解淘宝widget库的作用与意义——悬浮旺旺、宝贝放大镜等等特效篇二：用dw做出漂亮的模板如何用dw做出漂亮的促销表格模板很多的卖家在逛淘宝店时会发现很多的店铺装修很美观，如打折模块和团购模块，自己想去问店主怎么制作，但是有几个淘宝卖家会告诉你呢，不过不要着急，下面让开淘网为你详解一番吧。

今天我们讲的是如何用dReamweaVeR做促销表格。

准备工作：dwcs5版本、pscs5版本（dw全称dreamweaver，ps全称photoshop，cs5为软件的版本，不同的版本所拥有的的功能也不同，建议学习本帖的同学还是下载相同版本的软件，如果您遇到问题，我才能很好的帮您解决）、纸笔等。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

用Dreamweaver制作淘宝店铺模板代码
1.第一步：设计自己要的促销模板的图样
我PS学的不好，嘿嘿，所以用的是美图秀秀，可牛，光影魔手等图片处理软件来做的图样，嘿嘿
建议大家可以找框框多点的相框哦，这样就可以多弄几个作品图及连接了哦！！！
还有要注意的事，尽量选用*的框框哦，当然也可以根据宝贝的需要来定了！！！
在这里为了教程快点完成，就做了个简单的哦！！！如下图：
现在这个图片是JPG格式的哦！！！
2.第二步：PS切片及转换图片格式
接下来这部就是把用美图秀秀做好的JPG格式的图片用PHOTOS HOP软件进行切片及转换图片的格式哦
打开刚用美图做好的图片，然后选择工具拦里的切片工具进行图片切割
选中第一个框框后，大家可以发现，在夏普手机这个框框的时候，左上角有个编号3，而还没有切的粉饼盒的
框框左上角也出现了一个编号，也就是说，其实这样一整张图都已经自动切片切好咯！！！
如下图：
然后将切片切好的图片转换为PS D格式的图片哦！！！
一下操作：点击左上角的文件菜单—》保存为—》会跳出一个保存为的框框—》在格式的选项下拉选择
PSD 的文件格式——》确定至于想要保存在哪里就自己去选择了哦，嘿嘿！！！
3.第三步：使用Adobe ImageReady软件
现在切片好的图片是PS D格式的，所以在DW软件里是无法识别的哦！！
因此要借助IMAGEREADY软件来将PSD格式的图片转换为HTML的图片
用软件打开PS D格式的图片后不用做任何的处理，直接转换成HTML格式的图片哦
以下操作：点击左上角的文件菜单—》选择优化结果存储为—>会跳出一个将优化结果存储为的
框框—> 找到保存类型下拉选择HTML和HTML图像—》保存
保存后，大家会发现在大家选择保存的文档里有个HTML的文件类型及一个images的文件夹哦，
而这个文件夹里面的图片就是之前用美图秀秀所做的图片用PS切开后的每个图片哦，不可以删掉的哦一会可是有用的呢！！！
在这里，我们要做一个准备工作，就是把IMAGES文件夹里面的每一个切开的图片都要上
传到自己的网络图片空间去哦！！！！！！！我所用的就是淘宝的图片空间了，上传好可不要关掉哦，图片连接还没有复制呢，嘿嘿
4.第四步：DW制作代码
用DW软件打开之前转换成HTML的图片，也就是第三步里一个蓝色 e 文件
在打开图片当中，大家可以把鼠标光标放在作品图框框里点一下，可以发现这个作品图的框框是独立的哦！！！
这个就是PS切片工具的功劳哦！！！
然后大家在第一个夏普手机的框框里单击下后就可以看到图片下面的属性大框框哦！！！！！
在属性框框里，大家在源文件这个框框里面的全部删掉，然后把网络空间的夏普手机图片连接粘贴进去
然后在源文件框框下面可以看到一个链接框框，就是这个夏普手机作品图片上加上大家想链接的页面，在这里
我当然加上自己店铺里这个夏普手机的页面连接哦！！！
以此类推，后面一个粉饼盒的属性和夏普手机一样改哦！！！
改好后在左上角可以看到代码按键，点击代码后大家可以看到原来是图片界面变成了一堆看不懂的代码
了，嘿嘿！！！！
5.第五步：装修店铺
打开淘宝店铺，进入装修模式，进入大家想要编辑的区域，在复制代码前应该都知道，首先要点击下
编辑拦里的<> 编辑HTML源代码这一按键哦！！！！
然后粘贴在DW软件里面复制过来的代码后，在点击一下<> 编辑HTML源代码按键然后保存查看我的店铺
就可以看到大家自己做制作的简易促销模板了哦！！！！！！！！
如下图：
然后大家可以试试点击下自己的作品图片就可以进入你所连接的页面了哦！！！
就这样，一个简单的促销模板完成了，嘿嘿！！！！。