如何装修淘宝店铺

帅哥

淘宝店铺完美装修-DIY自己动手全搞定之代码大全

一、 插入图片代码：
<img src="图片链接地址" />
4 ~6 L0 w, e5 {注：先把图片上传到网络相册网络地址，把它拷贝下来，放到下边一串代码里替代汉字部分；可以
* G6 \% D8 ?" n$ U* z应用于公告栏、分类栏及宝贝描述内。
二、 插入公告栏挂饰代码：
<img src="图片链接地址" style="left:20px; position: relative; top:0px" />
: S- Z3 l" M- q: P& K: V注：先把挂饰图片上传到网络相册；可以应用于公告栏、分类栏及宝贝描述内。
8 T. q2 K/ v6 A3 W% f! O& A三、背景音乐代码：
<bgsound loop="-1" src="音乐地址"></bgsound>
注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
三、 在图片里附加音乐的办法：
. \) m0 e- S9 B- F. I" I<img border=0 src="图片地址" dynsrc=音乐地址>
注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
四、 浮动的图片的代码：
6 Q7 f- p4 }+ o＜img alt="1" height="150" src="这里放图片地址"/＞
2 |7 {- P% R8 ?五、 悬浮挂饰代码：
＜img src="这里放图片地址" style="left:20px; position: relative; top:0px" /＞
六、 文字链接代码:
* G5 x, f# t  n＜a href="网页地址"＞链接的文字＜/a＞
2 Y, k1 U% v' c6 R七、 移动文字代码:
/ ~* b0 e/ D. R0 Z" U" y& ]0 A; ~& r＜marquee＞从右到左移动的文字＜/marquee＞
八、 计数器代码
& M+ v1 n- ?% `! V8 f7 b- |3 P0 ~<a href="http://00counter.com" target="_blank"><img src="计数器地址"border=0
' }1 I4 `% ]2 r5 @* q) O  Z. z1 Zalt="00Counter.com"></a>
九、 店铺公告里的漂亮悬浮挂件的代码：
8 K( O9 b: R+ v& A! f: X<marquee style="position:relative;" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60">
0 t! D: |# R# F7 Q2 D<img src="加入你自己的图片地址" />
十、 店铺公告添加个性的鼠标指针代码：
<table style="CURSOR: url('上传后的鼠标指针的网址')"><tr><td>
9 T4 d% d7 w/ f# r' w) ^& @! P<table border="0" style="TABLE-LAYOUT: fixed">
十一、 宝贝描述加上个性的鼠标指针代码
# d& a- [" @- O- u* I先选“编辑源文件” ，然后复制以下代码：
<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')">
# N) u2 b# E8 B" v+ ^<tr>
<td width="100%">
: P7 }5 I0 _: u, m* Q8 k  i, J$ }另外，还要在源文件底部输入代码：</td></tr></table>
/ E4 O6 x' [* E# d( p' T十二、 添加QQ在线交谈代码：
<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=41826029&Site=www.goodcup.bokee.com&Menu=yes>
6 E& l+ K+ f+ `( k% j<img border="0" SRC=http://wpa.qq.com/pa?p=1:41826029:7 alt="点击这里给我发消息"></a>
注: 这是QQ在线状态的代码，里面的数值要改变，号码和网址改为你自己的，这个链接的作用
是别人可以直接点击联系你而无需加你为好友，使用方法是直接链接。
: @0 Y% C3 G, l0 J- D, N十三、 下面的代码设置在一定区域内让文字向上滚：“scrollamount=”可改变速度。
5 Q" h( _8 M& ^' i<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=up
& r, |1 ^4 B- jscrollamount=2>文字</marquee></font></b></center>
十四、 添加旺旺在线代码：
<A href="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyewen"><IMG src=
% z5 z% ~+ e/ H  c"http://pics.taobao.com/newstyle/online_pic.gif" border=0></A>
) u7 I, z& N  |. r! c% X: Q十五、插入-FLASH动画 ：
' T1 U& J/ Z; q0 X" [& I<embed src="http://cartoonfile.163.com/source/55095/mingzzd" width="400"height="290"></embed>
十六、让文字左右来回流动：
4 k( _/ O" ?+ t( Y0 ]<marquee behavior="alternate">88亮荘</marquee>
1 g! K1 P8 K, k十七、让文字由下至上滚动：
<marquee direction="up">88亮荘</marquee>
十八、让文字由左向右流动：
. G3 z6 X8 a  Y" A% u7 j5 B<marquee direction="right">88亮荘</marquee>
十九、如何让文字滚动起来：
* _2 ^3 Y$ ]! C' R+ p+ w& m<marquee>88亮荘</marquee>
二十、如何让文章中的重要文字变色代码：
% U0 {4 K7 K$ [<font color="#FF0000">我淘心情你淘宝贝</font>
颜色代码附：
1白色 #FFFFFF
5 m7 B5 ]: S$ U1 \5 o2红色#FF0000
3绿色#00FF00
4蓝色#0000FF
5牡丹红#FF00FF
3 c, g0 O- `9 v% |4 B9 @6青色 #00FFFF
7黄色#FFFF00
/ z  a- T7 z# @' F8黑色#000000
$ F) Q9 ^! `% P$ D+ \5 B$ I! g9海蓝#70DB93
10巧克力色#5C3317
# \( U: N5 ^: }: A% ~11蓝紫色 #9F5F9F
12黄铜色#B5A642
# Z6 m7 l& W7 w13亮金色#D9D919
7 O9 z: J3 U3 a1 }0 O5 N: {4 a14棕色#A67D3D
15青铜色 #8C7853
162号青铜色 #A67D3D
& u. o4 }  W% @0 o8 y/ {17士官服蓝色 #5F9F9F
/ b  a3 h" F/ Y- l1 a8 u18冷铜色 #D98719
# d8 J" p( m* T19铜色 #B87333
# I- b; K0 [  q  @' U20珊瑚红 #FF7F00
5 |1 N9 u+ t6 _21紫蓝色 #42426F
22深棕 #5C4033
0 D6 L; K/ n3 J* J23深绿 #2F4F2F
- l+ B: j0 b7 {! Y- O. N24深铜绿色 #4A766E
6 _8 s4 N9 A6 W7 n6 m25深橄榄绿 #4F4F2F
26深兰花色 #9932CD
27深紫色 #871F78
; T  E" Y* i6 D  v28深石板蓝 #6B238E
% u! X$ J' b; H: l) W7 r29深铅灰色 #2F4F4F
( d7 [& @$ [. y5 N' m$ _30深棕褐色 #97694F
32深绿松石色 #7093DB
$ R2 M2 o, Z% c# d" n7 o33暗木色 #855E42
34淡灰色 #545454
& {8 T  c4 I" J, _2 X35土灰玫瑰红色 #856363
36长石色 #D19275
% X( J0 \7 e2 q3 K/ F, I37火砖色#8E2323
) j3 k' j' d/ S/ w1 g8 F38森林绿 #238E23
5 T( U7 x( A& {/ u# o. i" r39金色 #CD7F32
40鲜黄色 #DBDB70
41灰色 #C0C0C0
' I" H2 o7 b4 M: t42铜绿色 #527F76
43青黄色 #93DB70
44猎人绿 #215E21
45印度红 #4E2F2F
; }9 p' k4 F" L- d7 F5 W! R46土黄色 #9F9F5F
! P1 }; V- b; s, D% ?/ @5 y9 K9 w47浅蓝色 #C0D9D9
48浅灰色 #A8A8A8
49浅钢蓝色 #8F8FBD
5 L/ H/ ?: @* T9 _. e# w59浅木色 #E9C2A6
5 p: S5 W8 c' a2 Q$ @  j$ N60石灰绿色 #32CD32
5 t* D8 C7 Q7 C4 J" {! E1 y1 |) V61桔黄色 #E47833
0 a' r$ y% @" [  ~8 j62褐红色 #8E236B
63中海蓝色 #32CD99
' T  b* ^8 @# d, c- S64中蓝色 #3232CD
8 W$ k. U& c- H% X+ z5 {65中森林绿 #6B8E23
66中鲜黄色 #EAEAAE
& @/ ]: `! n3 I9 E4 J67中兰花色 #9370DB
68中海绿色 #426F42
3 ~: V' C  T$ ^8 S, `' ~69中石板蓝色 #7F00FF
70中春绿色 #7FFF00
71中绿松石色 #70DBDB
72中紫红色 #DB7093
73中木色 #A68064
) m2 k  Y& y5 e' ?" u+ _  t4 Z  L74深藏青色 #2F2F4F
4 b% P+ O: U4 q5 ~9 d0 `75海军蓝 #23238E
/ ]5 X8 A$ J3 H' p0 }' y76霓虹篮 #4D4DFF
77霓虹粉红 #FF6EC7
" G- H3 T: Z6 h2 L; m78新深藏青色 #00009C
79新棕褐色 #EBC79E
80暗金黄色 #CFB53B
81橙色 #FF7F00
82橙红色 #FF2400
& L0 H( O; T: F! R' ~! ~* m83淡紫色 #DB70DB
& ~& I) @  }4 }( ]! p/ a84浅绿色 #8FBC8F
" v- @& [; i( L85粉红色 #BC8F8F
% n$ D) N* E8 H  V, m3 R86李子色 #EAADEA
87石英色 #D9D9F3
" M* _2 W3 o: q; f& `88艳蓝色 #5959AB
89鲑鱼色 #6F4242
90猩红色 #BC1717
) j8 Y5 y1 G+ F! s91海绿色 #238E68
9 h  \* Z1 q3 \7 G4 Z! _/ s) D5 R92半甜巧克力色 #6B4226
2 V5 N" a5 V+ B% \% k2 L93赭色 #8E6B23
, n- o( p: \- Z9 v94银色 #E6E8FA
95天蓝 #3299CC
* F8 m2 r# U( D96石板蓝 #007FFF
# |3 I, P2 C% e( Z4 u' f97艳粉红色 #FF1CAE
, i& Y% K. D- D3 z" ^) Z/ l  A98春绿色 #00FF7F
99钢蓝色 #236B8E
( `- v8 c8 u% c; [8 @# X100亮天蓝色 #38B0DE
101棕褐色 #DB9370
3 \- E# j0 j1 n/ a6 b102紫红色 #D8BFD8
* D. y. T$ Y  x, s0 I% D103石板蓝色 #ADEAEA
104浓深棕色 #5C4033
105淡浅灰色 #CDCDCD
106紫罗兰色 #4F2F4F
4 B& ~+ r& |! U9 k& }$ X( z107紫罗兰红色 #CC3299
3 k3 r' V' [6 G  N7 R108麦黄色#D8D8BF
109黄绿色 #99CC32

二十一、文字加粗，倾斜的代码
; a# M; N8 U: c4 V& W文字加粗的代码是: <b>文字</b>
6 ]# F* c4 k) D% r: V5 F2 J文字倾斜的代码是: <i>文字</i>
; v1 u! E+ Y% e1 F* Y/ T8 O1 W二十二、换行代码
如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入<br>
/ \2 f) p+ T5 _7 ]; S这样就会分成两行显示 ，整个网站看起来也不会是一大片了，而是段落分明
9 [" u* I3 L3 v) F, w如果输入一个<br>，那就是另起一行，如果连续输入两个，即<br><br>，那就会空一行
二十三、时钟在背景上显示代码
<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div>

<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;colorDDDDD;font-size:120px;top:100px;left:150px"></div>
6 K6 X0 j- s/ K2 Q" q, M- }
) L3 Z  ]" |" _; ]; @1 m; ~<div id="mainbody" style="position:absolute; visibility:visible">
( @  |# h' {, N- x" y9 V3 r</div>

二十四、中文星期网页特效显示代码：
/ ?  ]/ U& o' S! E$ U, I; N5 J1 d<script LANGUAGE="java - script">
<!-- document.write("<center><font size=+1><b>"
now = new Date() //定义新对象，new具有Date的性质
document.write("<center><small>"
0 u0 i1 ?, N: _if (now.getDay() == 5) document.write("星期五"

if (now.getDay() == 6) document.write("星期六"

- A4 f/ n( n& Q/ R% nif (now.getDay() == 0) document.write("星期日"

0 l/ p: k0 c8 k4 H: j) H5 Fif (now.getDay() == 1) document.write("星期一"
7 {( w8 s) v( v. D% j8 S
! z! a- m( e) bif (now.getDay() == 2) document.write("星期二"

/ O, C, T# m! k# A( V4 Bif (now.getDay() == 3) document.write("星期三"

5 s: \" w/ Z% x# F$ s) qif (now.getDay() == 4) document.write("星期四"

2 Z9 J2 ~- z8 E/ ydocument.write("</small></center>"
1 y! w! Q  H( I. n) a  x6 X3 l
* ?6 D* m/ }6 r: ~3 i//--> </script>
) \( `: Y' Z/ m, K
二十五、添加到收藏夹的代码：
<span style="CURSOR: hand" title="想添加的名称">收藏本站</span>
2 k, c# N! g$ g, t# T' V' g二十六、设为首页的代码：
" U! M; V- u+ [. V. e: Y( |<span style="CURSOR: hand">设为首页</span>
/ v# R% Y0 r2 F+ Y1 ^二十七、保护自己的页面不被别人放在框架中：
<Script LANGUAGE="java - script">
6 b' c4 c0 l+ P8 t5 nif(self!=top){top.location=self.location;}
</script>
. O; Z; e' h  X1 S4 h
- J. p+ ~! m$ [4 V二十八、状态栏出现打字效果特效代码：
要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
; I/ B9 v3 e# ]% M( X' ]<SCRIPT LANGUAGE="java - script">
<!-- Begin
var msg = "Welcome To The java - script Fairyland";
var chars = msg.length + 1;
var updateStatus = "";
: }  |" Z+ `  X$ y" G- Ivar i = 0;
5 ~; s1 H% W9 U- u) u( p/ N, Nfunction statusMessage() {
if (i < chars) setTimeout("nextLetter()", 300);
}
. c6 C9 b* ~7 a4 a$ i8 p2 A; Kfunction nextLetter() {
updateStatus = msg.substring(0,i) + '_';
window.status = updateStatus;
i++;
statusMessage();
! Z# ?" V  G, i5 x$ `5 y9 |}
// End -->
) ~' n3 D! a7 @) P% l9 J</script>
第二步：把“onLoad="statusMessage()"”加在<body>标记里
) N% A- o; f- H8 p7 g例如：<body>
6 ?3 U1 o' r( s# T2 T
" A6 g  d% V" x6 w二十九、在标题栏显示时间特效代码
- x% v* |& c  {9 O完成此效果把如下代码加入到<body>区域中
<SCRIPT LANGUAGE="java - script">
  h- Q6 P7 w% s  b/ P<!-- Begin
var clocktext;
var pagetitle = document.title;
function scroll() {
  O4 ?' a- m( c: W# ntoday = new Date();
sec = today.getSeconds();
+ `, r$ x3 L2 _: b: fhr = today.getHours();
min = today.getMinutes();
if (hr <= 9) hr = "0" + hr;
if (min <= 9) min = "0" + min;
. s9 {  `% f3 N7 l$ u, Aif (sec <= 9) sec = "0" + sec;
var clocktext = " 现在时间是: " + hr + ":" + min + ":" + sec;
, D: x/ d# z$ K0 B1 g0 m7 Z$ z+ Pclocktimer = setTimeout("scroll()", 1000);
document.title = pagetitle + clocktext;
}
/ g3 ~  \/ d  K% x% Wif (document.all) scroll();
// End -->
* V6 y  G3 U- ^! x: Y6 m</script>

附件：
1、增强被搜索的机会（把自己的小店或网站最快推广的方法之一）
# M3 u0 Q. ?7 {0 n5 B  Ehttp://www.google.com/intl/zh-CN/add_url.html
http://www.baidu.com/search/url_submit.html
http://db.sohu.com/regurl/regform.asp
$ r- T" u) L  C& k/ x0 d9 |. u7 I: o. ghttp://misc.yahoo.com.cn/search_submit.html
  O+ w& q% x/ g8 Y* v( N( |
2、缩短网址最佳利器：（很多，可以在百度或GOOGLE自己搜索）
# L! s, c$ J- ^! O0 ]0 `1 Rhttp://url.bb258.com/comurl.php
http://www.kuso.cc/
! F0 K  Z; l' f* f5 k1 T2 H
3、计数器申请网站：（很多，可以在百度或GOOGLE自己搜索）
http://00counter.com/
# N5 c4 Y% k) t: F7 E5 {www.88count.com
3 p: q% p7 f( L: N4 ^3 H- e8 v
4．常用图片及动画修理和制作工具下载地址:
图片一般可以PS,动画一般常用PS里面的IMAGEREADY和FLASH软件,为方便新手,可提供免安装注册的绿色软件,以供大家共享之!
PHOTOSHOP CS3 图片处理软件:http://www.greendown.cn/soft/73.html
FLASH8.0动画下载地址:http://www.greendown.cn/soft/520.html