注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

醉逍遥

酒不醉人,人自醉。人生得意须尽欢,莫使金樽空对月。天生我材必有用,千金散尽还复来

 
 
 

日志

 
 

【引用】【木子学堂】淘宝店铺装修常用HTML代码-自定义模板代码大全  

2012-04-23 22:25:08|  分类: 淘宝 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


淘宝店铺常用代码-自定义模板代码大全,该代码花了好大劲才整理出来,希望对大家有帮助,这些代码不仅仅是用在淘宝店铺的装修,在其他地方也会用得上,留着总是好的。。。

在进行看下文之前,请先看下。>>>>>>>模板示意图

本人的淘宝地址是:http://shop35572546.taobao.com。大家可以参考参考。看一眼,没失去什么。错过了,会后悔莫及。
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://00counter.com" target="_blank"><img src="计数器地址" border=0 alt="00Counter.com"></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.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>
10.回帖模板代码及使用教程
使用模板前必须先得到模板代码.如果您可以自己在图片上加文字.或不准备加文字直接使用,可以直接复制下面的代码按教程使用.代码中的http://chinadzz.com/user/ht/30/ht31.gif为背景图片的地址.模板编号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://chinadzz.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> 

本文摘自:http://hi.baidu.com/4500392/blog/item/e6822b1fd49e4b76f724e416.html
  评论这张
 
阅读(111)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017