这几天来过我店的朋友，看过我的模板的朋友都说装修真的快要让他焦头烂额了,发现了这样的一个好东东,当然要拿来和大家一起分享哦!希望可以对和我一样的新朋友有多帮助哦

公告栏

大小:宽不要超过480像素,高可以随意

代码:<img src="店铺公告地址"/>

要求:图片一定要通过网上空间或相册

放置:管理我的店铺——基本设置——公告 可以预览看一下

悬挂饰物

代码::<img src="你图片的地址" style="left: 20px; position: relative; top: 0px" />

要求:不能是自己电脑上的图片,要在网上的图片地址才行

放置:管理我的店铺——基本介绍——公告

宝贝分类

大小:宽不要超过148像素,长可以随意

代码::<img src="宝贝分类地址" />

要求:图片要通过网上空间或相册,格式为jpg或gif.图片地址不要超过40字符. 可以把图片地址缩短的网站

放置:管理我的店铺——宝贝分类

加图片的代码：：<img src="你的图片地址" />

分类的小技巧：关于序号

字体滚动代码：<★marquee>宝贝类目名称<★/marquee>

下面的代码设置在一定区域内让文字向上滚：“scrollamount=”可改变速度。

<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=up scrollamount=2>文字

</marquee></font></b></center>

让文字左右来回流动--------<marquee behavior="alternate">文字</marquee>

让文字由下至上滚动--------<marquee direction="up">文字

</marquee>

让文字左右来回流动-------- 文字

让文字由下至上滚动--------

粗体字的代码：<★b>宝贝类目名称<★/b>

字体大小代码：<★font size="阿拉伯数字1~7控制大小">宝贝类目名称<★/font>

斜体字的代码：<★i>宝贝类目名称<★/i>

加下划线代码：<★u>宝贝类目名称<★/u>

加删除线代码：<★strike>宝贝类目名称<★/strike>

做空格的代码：<★li>宝贝类目名称<★/li>

控制颜色代码：<★font color="颜色代码或者英文颜色名">宝贝类目名称<★/font>

店铺分类代码: <IMG src="图片地址">

浮动的图片的代码：</td></tr></table>;<img alt="1" height="150" src="图片地址"

漂亮的浮动的图片的代码：;：</td></tr></table>;<img alt="1" height="150" src="图片地址"

style="position:relative;bottom:0px;right:0px;" width="150" /><p align="center"></p><div><img src="about:blank"

style="display:none" /></div>

滚动字幕代码：这个用处可就多了，放到哪里那些字都是会动的，有很多朋友在好评里都会用到哦！

<marquee>输入你想说的话</marquee>

自定义颜色代码<font color=blue>输入你想要说的话</font>

店铺分类的代码 <img src=" 图片的地址 " />

代码就放在：我的淘宝—管理我的店铺—宝贝分类

简单介绍一下我的操作方法：

1、选好喜欢的宝贝分类模板，复制保存之后，填上适当的文字，然后上传到网上相册；

2、复制代码 <img src="" /> 到宝贝分类中；

3、打开网上相册，选中相应的模板，右击属性，复制属性中的图片地址；

4、由于网上的图片地址过长，因此要在http://www.77cn.com.cn/上进行网址缩

短工作：即把复制的图片地

址到这个网站中进行缩短，然后会出现一个较短的图片地址

5、再用短地址放入 <img src="" /> 的""中就ok了

如何在店铺公告添加个性的鼠标指针：<table style="CURSOR: url('上传后的鼠标指针的网址')"><tr><td><table border="0"

style="TABLE-LAYOUT: fixed"> 另外，还要在源文件底部输入代码：</td></tr></table>

马上copy这个代码，它可以让您的店铺公告更有吸引力呀

公告图片的代码：：<img border="0" src="图片地址" />

6.换行代码

如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入 这样就会分成两行显示，整个网站看起来也不会是一大片了，而是段落分明 如果输入一个

，那就是另起一行，如果连续输入两个，即

，那就会空一行

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>

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="背景图片地址" 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="150" 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

13亮金色#D9D919

14棕色#A67D3D

15青铜色 #8C7853

162号青铜色 #A67D3D

17士官服蓝色 #5F9F9F

18冷铜色 #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猎人绿 #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中石板蓝色 #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="http://www.77cn.com.cn" target="_blank"><img src="计数器地址" border=0 alt="http://www.77cn.com.cn"></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="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、由于网上的图片地址过长，因此要在http://www.77cn.com.cn/上进行网址缩短工作：即把复制的图片地

址到这个网站中进行缩短，然后会出现一个较短的图片地址

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>