找回密码
 注册加入
查看: 1435|回复: 7

淘宝店铺装修代码大全

[复制链接]

3109

主题

2万

回帖

13万

积分

管理员

运营总监

积分
137321

帅哥勋章诚信商家歙县志愿者

发表于 2010-5-12 21:52 | 显示全部楼层 |阅读模式
首先是几个店铺装修常用的:

1.)字体滚动代码:这个用处可就多了,放到哪里那些字都是会动的,有很多朋友在好评里都会用到哦!
<marquee>输入你想说的话</marquee>
下面是一些基本的代码
html设计代码大全
1)贴图:< img src="图片地址" mce_src="图片地址">
2)加入连接:< a href="所要连接的相关地址" mce_href="所要连接的相关地址">写上你想写的字< /a>
3)在新窗口打开连接:< a href="相关地址" mce_href="相关地址" target="_blank">写上要写的字< /a>
4)移动字体(走马灯):< marquee>写上你想写的字 < /marquee> (可用于店铺分类,和评价)
5)字体加粗:< b>写上你想写的字< /b>
6)字体斜体:< i>写上你想写的字< /i>
7)字体下划线: < u>写上你想写的字< /u>
字体删除线: < s>写上你想写的字< /s>
9)字体加大: < big>写上你想写的字< /big>
10)字体大小代码:<font size="2">这里放要处理的文字,可用3、4、5等设置大小</font>
字体控制大小:< h1>写上你想写的字< /h1>
(其中字体大小可从h1-h5,h1最大,h5最小)
(其中字体大小可从h1-h5,h1最大,h5最小)
11)字体颜色代码:<font color="red">这里放要处理的文字,可以换成blue,yellow等</font>
更改字体颜色:< font color="#value">写上你想写的字< /font>(其中value值在000000与ffffff(16位进制)之间
12)消除连接的下划线:< a href="相关地址" mce_href="相关地址" style="text-decoration:none">写上你想写的字< /a>
13)贴音乐:
title="音乐地址"br>
14)贴flash:
pacer.gif" title="flash地址"br>
15)贴影视文件:< img dynsrc="文件地址" mce_src="文件地址" 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="相关地址" mce_src="相关地址" width="宽度" height="高度">< /iframe>
最后注意了,以上所有代码中的前边后边代码段,我都加入了一个空格,要不再这里就运行了,你们无法看见了!
使用时把前边后边代码内的空格去掉即可! 举个例子4)移动字体(走马灯):< marquee>写上你想写的字< /marquee>
把< marquee>和< /marquee>
删为去掉括号中的空格即可,其他不用动! 后边代码不动即可!
2.)下面的代码设置在一定区域内让文字向上滚:“scrollamount=”可改变速度。
<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=up scrollamount=2>文字</marquee></font></b></center>
3.)浮动的图片的代码:</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>  
4.)如何在店铺公告添加个性的鼠标指针:<table style="CURSOR: url('上传后的鼠标指针的网址')"><tr><td><table border="0" style="TABLE-LAYOUT: fixed">    另外,还要在源文件底部输入代码:</td></tr></table>
马上copy这个代码,它可以让您的店铺公告更有吸引力呀
5.公告栏
大小:宽不要超过480像素,高可以随意
代码:<img src="店铺公告地址"/>
要求:图片一定要通过网上空间或相册
放置:管理我的店铺——基本设置——公告    可以预览看一下
公告图片代码:<img border="0" src="这里放图片地址" mce_src="这里放图片地址" />或<img src="这里放图片地址" mce_src="这里放图片地址"/>
6)、悬挂饰物
代码::<img src="你图片的地址" style="left: 20px; position: relative;  top: 0px" />
要求:不能是自己电脑上的图片,要在网上的图片地址才行
放置:管理我的店铺——基本介绍——公告
7).宝贝分类
大小:宽不要超过148像素,长可以随意(这个代码现在不用了,淘宝支持直接贴地址了)
代码::<img src="宝贝分类地址" />
该会员没有填写今日想说内容.

3109

主题

2万

回帖

13万

积分

管理员

运营总监

积分
137321

帅哥勋章诚信商家歙县志愿者

 楼主| 发表于 2010-5-12 21:54 | 显示全部楼层
注:并非本人原创哦,偶还没那么大的本事! 在百度看到装修店铺的一些代码,因为自己做淘宝,知道很多人为这事头疼,既然发现了好的东东,当然要跟大家分享一下哦, 嘻嘻!希望大家多多支持哦!  
淘宝店铺装修代码大全<记得要收藏哦>

公告栏
大小:宽不要超过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.kuso.cc/上进行网址缩短工作:即把复制的图片地
该会员没有填写今日想说内容.

3109

主题

2万

回帖

13万

积分

管理员

运营总监

积分
137321

帅哥勋章诚信商家歙县志愿者

 楼主| 发表于 2010-5-12 21:54 | 显示全部楼层
址到这个网站中进行缩短,然后会出现一个较短的图片地址
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="图片地址" />

六,换行代码
如果你想换行,直接用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>
该会员没有填写今日想说内容.

3109

主题

2万

回帖

13万

积分

管理员

运营总监

积分
137321

帅哥勋章诚信商家歙县志愿者

 楼主| 发表于 2010-5-12 21:55 | 显示全部楼层
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="这里放图片地址"/>
该会员没有填写今日想说内容.

3109

主题

2万

回帖

13万

积分

管理员

运营总监

积分
137321

帅哥勋章诚信商家歙县志愿者

 楼主| 发表于 2010-5-12 21:55 | 显示全部楼层
公告图片的代码:公告挂饰:店铺分类代码:背景音乐代码:换行代码  
计数器代码颜色代码:  

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://00counter.com" target="_blank"><img src="计数器地址" border=0 alt="00Counter.com"></a>
该会员没有填写今日想说内容.

3109

主题

2万

回帖

13万

积分

管理员

运营总监

积分
137321

帅哥勋章诚信商家歙县志愿者

 楼主| 发表于 2010-5-12 21:55 | 显示全部楼层
店铺公告里的漂亮悬浮挂件的代码:  

<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.kuso.cc/上进行网址缩短工作:即把复制的图片地  
址到这个网站中进行缩短,然后会出现一个较短的图片地址  

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>
该会员没有填写今日想说内容.

3109

主题

2万

回帖

13万

积分

管理员

运营总监

积分
137321

帅哥勋章诚信商家歙县志愿者

 楼主| 发表于 2010-5-12 21:55 | 显示全部楼层
10.回帖模板代码及使用教程  
使用模板前必须先得到模板代码.如果您可以自己在图片上加文字.或不准备加文字直接使用,可以直接复制下面的代码按教程使用.代码中的为背景图片的地址.模板编号1对应图片名为ht31.gif .模板编号2对应图片名为ht32.gif 以此类推 你可以自己更改图片地址中的图片文件名来实现更换不同的模板背景. 现在图片总23个,从ht31.gif到ht53.gif供您选择.  
代码如下:  
<div align="center">  
<table height="358" cellspacing="0" cellpadding="0" width="620" background="http://ddxx.com/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="15"></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>
该会员没有填写今日想说内容.

81

主题

1356

回帖

3054

积分

榜眼

数码时代版主

积分
3054

帅哥勋章活动参与奖后勤大使奖歙县志愿者

发表于 2010-5-13 09:59 | 显示全部楼层
鱼做装修了~~~~~~~~~~~~~
【歙县论坛 贴贴必回】 欢迎网友们加入,群策群力,把我们的论坛越办越好。
您需要登录后才可以回帖 登录 | 注册加入

本版积分规则

QQ|手机版|歙县论坛主站|歙县论坛-歙县老百姓值得信赖的网络平台 ( 皖ICP备14023110号-2 |34102102000101 )

GMT+8, 2024-6-18 07:19

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表