如何装修淘宝店铺

帅哥

淘宝店铺完美装修-DIY自己动手全搞定之代码大全
- w9 Q7 W: m' L8 w/ u- ]
一、 插入图片代码：
<img src="图片链接地址" />
注：先把图片上传到网络相册网络地址，把它拷贝下来，放到下边一串代码里替代汉字部分；可以
应用于公告栏、分类栏及宝贝描述内。
二、 插入公告栏挂饰代码：
<img src="图片链接地址" style="left:20px; position: relative; top:0px" />
! C! g- k6 a3 ?2 t+ D7 E( i注：先把挂饰图片上传到网络相册；可以应用于公告栏、分类栏及宝贝描述内。
三、背景音乐代码：
<bgsound loop="-1" src="音乐地址"></bgsound>
2 p! h' U1 q9 V  v注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
三、 在图片里附加音乐的办法：
<img border=0 src="图片地址" dynsrc=音乐地址>
- k! [9 J1 s4 T注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
! v4 r* V, P) k四、 浮动的图片的代码：
6 l2 Q$ c& g  B* K7 b; M＜img alt="1" height="150" src="这里放图片地址"/＞
: M- N  _% g' j7 C6 v五、 悬浮挂饰代码：
＜img src="这里放图片地址" style="left:20px; position: relative; top:0px" /＞
3 F+ _: Q3 Y& ^3 ^! m2 u$ ]' [六、 文字链接代码:
5 m6 e4 |6 Y7 a＜a href="网页地址"＞链接的文字＜/a＞
七、 移动文字代码:
＜marquee＞从右到左移动的文字＜/marquee＞
八、 计数器代码
<a href="http://00counter.com" target="_blank"><img src="计数器地址"border=0
alt="00Counter.com"></a>
九、 店铺公告里的漂亮悬浮挂件的代码：
<marquee style="position:relative;" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60">
<img src="加入你自己的图片地址" />
/ `: u4 E& V- Q9 p" M, x! z十、 店铺公告添加个性的鼠标指针代码：
<table style="CURSOR: url('上传后的鼠标指针的网址')"><tr><td>
<table border="0" style="TABLE-LAYOUT: fixed">
十一、 宝贝描述加上个性的鼠标指针代码
先选“编辑源文件” ，然后复制以下代码：
% s) T" F( t+ o2 m$ Z<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')">
<tr>
3 A$ p) I' f" h( |( K6 y<td width="100%">
2 Q- y0 F0 p' @; P% {" B, o另外，还要在源文件底部输入代码：</td></tr></table>
% ?- n2 j6 ]" s4 ^十二、 添加QQ在线交谈代码：
! ~! Q8 @) w* ~, R3 H( a<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=41826029&Site=www.goodcup.bokee.com&Menu=yes>
8 \" n1 i: a, V$ ^% Y8 Z5 R<img border="0" SRC=http://wpa.qq.com/pa?p=1:41826029:7 alt="点击这里给我发消息"></a>
( E' k4 Y: ?, f注: 这是QQ在线状态的代码，里面的数值要改变，号码和网址改为你自己的，这个链接的作用
是别人可以直接点击联系你而无需加你为好友，使用方法是直接链接。
十三、 下面的代码设置在一定区域内让文字向上滚：“scrollamount=”可改变速度。
: J, ?7 r2 Y3 e9 c<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=up
scrollamount=2>文字</marquee></font></b></center>
* U1 d2 ]7 T7 G十四、 添加旺旺在线代码：
; P" U3 S% D: i9 u! v<A href="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyewen"><IMG src=
"http://pics.taobao.com/newstyle/online_pic.gif" border=0></A>
$ R7 f1 t2 k1 z7 {1 h; k十五、插入-FLASH动画 ：
0 W. U3 \/ Y- N/ }<embed src="http://cartoonfile.163.com/source/55095/mingzzd" width="400"height="290"></embed>
十六、让文字左右来回流动：
<marquee behavior="alternate">88亮荘</marquee>
6 [7 |/ p" D3 E7 k十七、让文字由下至上滚动：
- T3 R" i; D$ d/ w$ t<marquee direction="up">88亮荘</marquee>
十八、让文字由左向右流动：
<marquee direction="right">88亮荘</marquee>
十九、如何让文字滚动起来：
<marquee>88亮荘</marquee>
3 b# v& b3 @2 L  E% e- s1 l2 A二十、如何让文章中的重要文字变色代码：
<font color="#FF0000">我淘心情你淘宝贝</font>
; w1 s  g# B5 Q: y* p7 k颜色代码附：
5 [1 m+ e2 I4 m' O0 S: J8 w1白色 #FFFFFF
; I" I8 Q) P! {/ w2 }& Q' M- g2红色#FF0000
' u. o  c9 _: u( S% T- [3绿色#00FF00
; ?- {" e# h& O4蓝色#0000FF
' V# Q$ i  i' ?5牡丹红#FF00FF
6青色 #00FFFF
% P7 k4 Y9 z7 n" Z4 j4 A% }7黄色#FFFF00
5 |; I/ P3 i2 E, R' ~5 h8黑色#000000
- _. S" x: w; O' [- O6 Z9海蓝#70DB93
10巧克力色#5C3317
11蓝紫色 #9F5F9F
( [9 o6 g' A4 `, A2 Y7 j8 b7 w12黄铜色#B5A642
1 }/ D! S! S* G% x  h3 j13亮金色#D9D919
14棕色#A67D3D
15青铜色 #8C7853
4 x4 U- r0 t. n* `' j162号青铜色 #A67D3D
17士官服蓝色 #5F9F9F
- d/ m4 `  g4 w18冷铜色 #D98719
) n$ z9 F0 t8 l' W% C19铜色 #B87333
20珊瑚红 #FF7F00
21紫蓝色 #42426F
3 w0 g  j/ M; s; P) R22深棕 #5C4033
23深绿 #2F4F2F
24深铜绿色 #4A766E
5 O# t9 M+ Z( E25深橄榄绿 #4F4F2F
26深兰花色 #9932CD
27深紫色 #871F78
28深石板蓝 #6B238E
29深铅灰色 #2F4F4F
6 W% e" Q. Q$ j; v( p1 X30深棕褐色 #97694F
2 U! {; f1 c! Z- K; K32深绿松石色 #7093DB
33暗木色 #855E42
  X  h+ i2 d6 q8 a34淡灰色 #545454
* S: Q$ A* _- r0 O& m35土灰玫瑰红色 #856363
36长石色 #D19275
37火砖色#8E2323
38森林绿 #238E23
  P: U$ p  _* A# C' Z39金色 #CD7F32
40鲜黄色 #DBDB70
41灰色 #C0C0C0
42铜绿色 #527F76
43青黄色 #93DB70
& n% y3 |: J3 Q) D* o( v& @44猎人绿 #215E21
45印度红 #4E2F2F
46土黄色 #9F9F5F
47浅蓝色 #C0D9D9
( J& I! {3 \0 C48浅灰色 #A8A8A8
, j) W) D8 q+ q6 g7 C49浅钢蓝色 #8F8FBD
59浅木色 #E9C2A6
; ?. V. s5 N2 m1 H7 |60石灰绿色 #32CD32
61桔黄色 #E47833
2 c  ]# g5 N1 J5 q- H1 R. f62褐红色 #8E236B
# ~7 R, y3 ~* _6 h3 o63中海蓝色 #32CD99
# M. t$ J2 v1 r# l1 N64中蓝色 #3232CD
65中森林绿 #6B8E23
66中鲜黄色 #EAEAAE
67中兰花色 #9370DB
68中海绿色 #426F42
2 R* g. Z: c3 t0 r' `6 f( a* ~69中石板蓝色 #7F00FF
70中春绿色 #7FFF00
71中绿松石色 #70DBDB
3 w! `/ \! ~8 y0 U7 ]72中紫红色 #DB7093
- U! h5 C. B7 v& B5 P) |73中木色 #A68064
) z+ \4 Z% w+ X74深藏青色 #2F2F4F
75海军蓝 #23238E
76霓虹篮 #4D4DFF
77霓虹粉红 #FF6EC7
/ O3 \1 d' }! d! D78新深藏青色 #00009C
" ~0 \8 E) k1 g9 W$ b8 r3 j: k79新棕褐色 #EBC79E
, H5 V$ T1 K: f7 x8 |8 Z2 y) c80暗金黄色 #CFB53B
$ a3 ?5 W1 l2 d+ R81橙色 #FF7F00
7 Y" z/ y, K  \2 ?# C0 d, D# P5 \82橙红色 #FF2400
83淡紫色 #DB70DB
84浅绿色 #8FBC8F
85粉红色 #BC8F8F
86李子色 #EAADEA
1 |& w* u, E3 B. g. ]  x87石英色 #D9D9F3
# T9 M  Y3 F4 {, v88艳蓝色 #5959AB
- k8 o+ A( R# _89鲑鱼色 #6F4242
90猩红色 #BC1717
91海绿色 #238E68
92半甜巧克力色 #6B4226
* R( O; _, n8 `" P4 W" }" u93赭色 #8E6B23
94银色 #E6E8FA
  \+ D6 z% C/ M" I, l+ `95天蓝 #3299CC
- s9 n4 w" Q7 B, v96石板蓝 #007FFF
6 Z( f8 [/ H5 f0 o97艳粉红色 #FF1CAE
' c9 ]8 U3 \( n, K; r- u98春绿色 #00FF7F
99钢蓝色 #236B8E
9 _" p4 P5 V: t100亮天蓝色 #38B0DE
101棕褐色 #DB9370
( U2 t$ C, ]- {& j1 g5 }0 n" ^$ h* [102紫红色 #D8BFD8
% x+ r3 n% i7 S( U! \& k" j$ s2 @103石板蓝色 #ADEAEA
) D) R% ]3 i8 C1 a+ ~7 s! n104浓深棕色 #5C4033
" |" [# ^2 t% j: x# e0 A105淡浅灰色 #CDCDCD
106紫罗兰色 #4F2F4F
107紫罗兰红色 #CC3299
& i' E1 x& d/ ?8 X  @. h108麦黄色#D8D8BF
109黄绿色 #99CC32

二十一、文字加粗，倾斜的代码
. L' {+ B9 x) A& y4 K7 Y9 T2 r文字加粗的代码是: <b>文字</b>
* [, U, B& t# N* R6 E* G$ O6 M文字倾斜的代码是: <i>文字</i>
4 r& l! A- I9 U) j8 ]" P二十二、换行代码
0 C' z  J+ F+ K8 |8 ~5 u如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入<br>
' C3 _' C- Y& Q3 @0 u0 O) U8 I+ \这样就会分成两行显示 ，整个网站看起来也不会是一大片了，而是段落分明
如果输入一个<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>
" D1 n/ a6 H9 R$ d) m" ?6 v
' ~; j+ G6 o& \7 a: M- S( X! G<div id="mainbody" style="position:absolute; visibility:visible">
</div>

二十四、中文星期网页特效显示代码：
. f7 q4 E$ B6 X+ y  ?& E' B<script LANGUAGE="java - script">
# v  h# P! J2 c) \  B<!-- document.write("<center><font size=+1><b>"
now = new Date() //定义新对象，new具有Date的性质
document.write("<center><small>"
. t1 c* ?# ~3 l; [5 `+ zif (now.getDay() == 5) document.write("星期五"

( J7 j. c& g& {if (now.getDay() == 6) document.write("星期六"
: ^7 P) V' @5 Q/ v, `6 T
% D$ E5 v3 y' S/ }# zif (now.getDay() == 0) document.write("星期日"
. M9 ~; w2 F+ o1 a
" i- i* D1 _3 e& ?if (now.getDay() == 1) document.write("星期一"
: F9 U* f2 _0 h. c2 y
if (now.getDay() == 2) document.write("星期二"
4 P5 E2 g- s0 U0 ]. c3 a
+ Z. @5 u5 F: o9 \) ~if (now.getDay() == 3) document.write("星期三"
: U. r5 q9 I) J7 s% y- s
if (now.getDay() == 4) document.write("星期四"
) R2 T0 {9 z9 K# }
document.write("</small></center>"

2 A$ `+ e+ B# n//--> </script>
# i4 B+ o: c; X' x; L5 V
二十五、添加到收藏夹的代码：
<span style="CURSOR: hand" title="想添加的名称">收藏本站</span>
5 ]' V) _4 R" W1 A二十六、设为首页的代码：
<span style="CURSOR: hand">设为首页</span>
1 M0 L/ {! c; n! }" i: J' h0 k二十七、保护自己的页面不被别人放在框架中：
<Script LANGUAGE="java - script">
2 r0 ~% }3 S. l. Q* u  xif(self!=top){top.location=self.location;}
</script>

& b( b7 Z, E7 C6 y# r二十八、状态栏出现打字效果特效代码：
! n) D( [4 N+ e* E+ |9 _4 K1 E要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
<SCRIPT LANGUAGE="java - script">
) }" V+ {0 ^7 Q  R" Z<!-- Begin
var msg = "Welcome To The java - script Fairyland";
var chars = msg.length + 1;
var updateStatus = "";
var i = 0;
function statusMessage() {
if (i < chars) setTimeout("nextLetter()", 300);
( ]# e* S0 [! L}
function nextLetter() {
updateStatus = msg.substring(0,i) + '_';
2 s+ l2 q' a6 F/ t4 kwindow.status = updateStatus;
: I) k+ q7 k0 x0 _i++;
8 g1 l. p' i+ OstatusMessage();
}
6 c" O' K+ o* y0 f1 P9 z// End -->
</script>
. h3 r8 x5 h) I7 P第二步：把“onLoad="statusMessage()"”加在<body>标记里
例如：<body>

+ }3 [0 E& ?4 q' [) c二十九、在标题栏显示时间特效代码
+ l; W, K3 G' J( x- L# m完成此效果把如下代码加入到<body>区域中
<SCRIPT LANGUAGE="java - script">
<!-- Begin
var clocktext;
3 W' F( T! c$ l1 A0 L6 N) {var pagetitle = document.title;
" Y. f6 S+ @! p9 S/ qfunction scroll() {
today = new Date();
$ m  a5 H- G# ksec = today.getSeconds();
8 B' N: E( z2 F) l  U  o* L% chr = today.getHours();
min = today.getMinutes();
1 {% D/ k2 k- U0 u. _! Y, lif (hr <= 9) hr = "0" + hr;
. i3 e7 d; I$ v  ~' ~if (min <= 9) min = "0" + min;
if (sec <= 9) sec = "0" + sec;
6 ^: l1 J" W3 hvar clocktext = " 现在时间是: " + hr + ":" + min + ":" + sec;
* {: ]1 b1 B# Tclocktimer = setTimeout("scroll()", 1000);
7 t1 H5 @4 N  pdocument.title = pagetitle + clocktext;
}
- d* M6 q. ?  @2 ~- [if (document.all) scroll();
// End -->
</script>
  Y2 D8 t% U* x% V9 R
& v/ C! r1 ~9 D$ ~8 |" r: N* r8 Z附件：
1、增强被搜索的机会（把自己的小店或网站最快推广的方法之一）
http://www.google.com/intl/zh-CN/add_url.html
& d3 L2 }/ s: q5 I7 @http://www.baidu.com/search/url_submit.html
http://db.sohu.com/regurl/regform.asp
http://misc.yahoo.com.cn/search_submit.html
1 G6 R8 u8 O( ~: k0 [5 E
$ C, E/ p5 M2 n3 U6 Q+ |2、缩短网址最佳利器：（很多，可以在百度或GOOGLE自己搜索）
http://url.bb258.com/comurl.php
http://www.kuso.cc/
  \5 ?1 ~9 a: x4 e2 ^; U
3、计数器申请网站：（很多，可以在百度或GOOGLE自己搜索）
- W) T- C2 p, C( C5 N0 [5 l- fhttp://00counter.com/
5 U  v$ ~& `3 x, y5 S+ u1 j4 i8 Pwww.88count.com
- m) T) u/ _7 k( z
4．常用图片及动画修理和制作工具下载地址:
& V. d% S9 y; h6 f8 f$ J图片一般可以PS,动画一般常用PS里面的IMAGEREADY和FLASH软件,为方便新手,可提供免安装注册的绿色软件,以供大家共享之!
PHOTOSHOP CS3 图片处理软件:http://www.greendown.cn/soft/73.html
& C& A) j9 }% Q0 s3 vFLASH8.0动画下载地址:http://www.greendown.cn/soft/520.html