淘宝网的卖家最头疼的就是淘宝普通店铺和淘宝旺铺的装修了，花钱让别人替自己装修，往往并不满意，所以不如自己动手DIY 做一个属于自己个性的店，下面是我自己做的及收集的一些装修代码。希望各位卖家尝试着做一下，一定会设计出一个属于自己的个性店面的哦。
先说一下淘宝公告栏的装修教程，制作方法如下：
1、打开我的店铺首面，点击右上角的——管理我的店铺
2、点击店铺公告的编辑按钮
3、出现下面的画面，点击图片旁的“编辑HTML源码(下图黑色圆圈处即是)”
4、点击后出现下图的页面，把你喜欢图片的代码复制，点击鼠标右键——粘贴
5、然后再点击“编辑HTML源码”，代码就变成图片了。
6、最后一步，在上面加上你自己喜欢的文字，点击确认就可以了。
好啦，公告栏就完成啦!
下面是淘宝公告栏常用代码：
一、 插入图片代码：
<img class='lazyload' src='/images/noimg.jpg' data-original="图片链接地址" />
注：先把图片上传到网络相册网络地址，把它拷贝下来，放到下边一串代码里替代汉字部分;可以应用于公告栏、分类栏及宝贝描述内。
二、 插入公告栏挂饰代码：
<img class='lazyload' src='/images/noimg.jpg' data-original="图片链接地址" style="left:20px; position: relative; top:0px" />
注：先把挂饰图片上传到网络相册;可以应用于公告栏、分类栏及宝贝描述内。
三、背景音乐代码：
注：先把挂饰图片上传到网络相册;可以应用于公告栏、宝贝描述内。
在图片里附加音乐的办法：<img border=0 class='lazyload' src='/images/noimg.jpg' data-original="图片地址" dynclass='lazyload' src='/images/noimg.jpg' data-original=音乐地址>
注：先把挂饰图片上传到网络相册;可以应用于公告栏、宝贝描述内。
四、 浮动的图片的代码：
＜img alt="1" height="150" class='lazyload' src='/images/noimg.jpg' data-original="这里放图片地址"/＞
五、 悬浮挂饰代码：
＜img class='lazyload' src='/images/noimg.jpg' data-original="这里放图片地址" style="left:20px; position: relative; top:0px" /＞
六、 文字链接代码:
＜a href="网页地址"＞链接的文字＜/a＞
链接的文字
七、 移动文字代码:
＜marquee＞从右到左移动的文字＜/marquee＞
从右到左移动的文字
八、 计数器代码
<a href="http://00counter.com" target="_blank"><img class='lazyload' src='/images/noimg.jpg' data-original="计数器地址"border=0
alt="00Counter.com"></a>
九、 店铺公告里的漂亮悬浮挂件的代码：
<marquee style="position:relative;" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60">
<img class='lazyload' src='/images/noimg.jpg' data-original="加入你自己的图片地址" />
十、 店铺公告添加个性的鼠标指针代码：
<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=blank href=http://wpa.qq.com/msgrd?V=1&Uin=41826029&Site=www.goodcup.bokee.com&Menu=yes>
<img border="0" SRC=http://wpa.qq.com/pa?p=1:41826029:7 alt="点击这里给我发消息"></a>
注: 这是QQ在线状态的代码，里面的数值要改变，号码和网址改为你自己的，这个链接的作用
是别人可以直接点击联系你而无需加你为好友，使用方法是直接链接。
十三、下面的代码设置在一定区域内让文字向上滚
<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=up
scrollamount=2>文字</marquee></font></b></center>
十四、 添加旺旺在线代码：
<A href="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyewen"><IMG class='lazyload' src='/images/noimg.jpg' data-original= 内容来自taoqao.com
"/Article/UploadFiles/200909/20090923161605594.gif" border=0></A>
十五、插入-FLASH动画 ：
<embed class='lazyload' src='/images/noimg.jpg' data-original="http://cartoonfile.163.com/source/55095/mingzzd" width="400"height="290"></embed>
十六、让文字左右来回流动：
<marquee behavior="alternate">88亮荘</marquee>
十七、让文字由下至上滚动：
<marquee direction="up">88亮荘</marquee>
十八、让文字由左向右流动：
<marquee direction="right">88亮荘</marquee>
十九、如何让文字滚动起来：
<marquee>88亮荘</marquee>
二十、如何让文章中的重要文字变色代码：
<font color="#FF0000">我淘心情你淘宝贝</font>
颜色代码附：
1白色 #FFFFFF
2红色#FF0000
3绿色#00FF00
4蓝色#0000FF
5牡丹红#FF00FF
6青色 #00FFFF
7黄色#FFFF00
8黑色#000000
9海蓝#70DB93
10巧克力色#5C3317
11蓝紫色 #9F5F9F
12黄铜色#B5A642
本文整理于互联网，如有侵权，请联系email：kf@53shop.com 进行删除处理。
