如何装修淘宝店铺

帅哥

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

# _6 M# ?9 k- \( J! ~/ \一、 插入图片代码：
<img src="图片链接地址" />
/ k% t6 @( g7 K- i% V5 y注：先把图片上传到网络相册网络地址，把它拷贝下来，放到下边一串代码里替代汉字部分；可以
( A! f4 b& n2 W% f& r. B8 e- b应用于公告栏、分类栏及宝贝描述内。
' p, v; ^  p+ Q! h0 |二、 插入公告栏挂饰代码：
0 ^( h+ f" J5 H9 _' `  x<img src="图片链接地址" style="left:20px; position: relative; top:0px" />
" u) F( s+ q9 @1 X5 o1 M; e注：先把挂饰图片上传到网络相册；可以应用于公告栏、分类栏及宝贝描述内。
9 \) I" S% i4 n1 m三、背景音乐代码：
<bgsound loop="-1" src="音乐地址"></bgsound>
- M7 }1 L) g( @  j8 m注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
( J  @6 E, i* o$ ?- h3 \" v$ f三、 在图片里附加音乐的办法：
+ ]3 U5 w/ D+ F0 D6 q$ o<img border=0 src="图片地址" dynsrc=音乐地址>
! ^/ G% B8 |# C3 X( _: E# H" M注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
四、 浮动的图片的代码：
- U! \$ U& f1 A/ O3 T＜img alt="1" height="150" src="这里放图片地址"/＞
五、 悬浮挂饰代码：
6 O$ n- Q5 \2 [% m2 A( j＜img src="这里放图片地址" style="left:20px; position: relative; top:0px" /＞
六、 文字链接代码:
& g4 J* H) B9 D/ U5 A  Z7 M6 T＜a href="网页地址"＞链接的文字＜/a＞
七、 移动文字代码:
, \8 q; `, O  f3 E8 d＜marquee＞从右到左移动的文字＜/marquee＞
7 L) t3 f! L5 `  b- T  b八、 计数器代码
<a href="http://00counter.com" target="_blank"><img src="计数器地址"border=0
! r! a/ ~& f) Z) o- b$ f. U% |alt="00Counter.com"></a>
九、 店铺公告里的漂亮悬浮挂件的代码：
+ R9 C% e! M( o<marquee style="position:relative;" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60">
<img src="加入你自己的图片地址" />
十、 店铺公告添加个性的鼠标指针代码：
<table style="CURSOR: url('上传后的鼠标指针的网址')"><tr><td>
<table border="0" style="TABLE-LAYOUT: fixed">
十一、 宝贝描述加上个性的鼠标指针代码
( |1 m) k6 J5 F9 Y) q3 G! N先选“编辑源文件” ，然后复制以下代码：
! e6 g' h* L3 U# L0 i<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')">
<tr>
<td width="100%">
另外，还要在源文件底部输入代码：</td></tr></table>
十二、 添加QQ在线交谈代码：
) b5 B4 S7 d$ s/ w+ @5 l8 N) i<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=41826029&Site=www.goodcup.bokee.com&Menu=yes>
( E: f1 P1 {& v1 o# Y<img border="0" SRC=http://wpa.qq.com/pa?p=1:41826029:7 alt="点击这里给我发消息"></a>
注: 这是QQ在线状态的代码，里面的数值要改变，号码和网址改为你自己的，这个链接的作用
是别人可以直接点击联系你而无需加你为好友，使用方法是直接链接。
7 H) H) x' t( ?* P" i% y* x十三、 下面的代码设置在一定区域内让文字向上滚：“scrollamount=”可改变速度。
<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=up
scrollamount=2>文字</marquee></font></b></center>
十四、 添加旺旺在线代码：
% x" z, A/ W, n" U7 \& p) v<A href="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyewen"><IMG src=
"http://pics.taobao.com/newstyle/online_pic.gif" border=0></A>
1 |4 W, ~8 ^' @0 g2 s十五、插入-FLASH动画 ：
<embed src="http://cartoonfile.163.com/source/55095/mingzzd" width="400"height="290"></embed>
十六、让文字左右来回流动：
7 s+ T- @4 p3 e3 }<marquee behavior="alternate">88亮荘</marquee>
; p9 S4 \9 z# p- I/ d十七、让文字由下至上滚动：
<marquee direction="up">88亮荘</marquee>
% t$ w  U5 D2 V  c9 H十八、让文字由左向右流动：
<marquee direction="right">88亮荘</marquee>
. X/ A% u& t! _' _9 H9 [. v- X十九、如何让文字滚动起来：
3 M7 y4 D0 h$ ^$ l  K! ]<marquee>88亮荘</marquee>
二十、如何让文章中的重要文字变色代码：
<font color="#FF0000">我淘心情你淘宝贝</font>
( p1 T1 h5 r9 J" L4 l/ A5 Q颜色代码附：
0 q1 X" T+ V* g( u8 a7 Q# w5 x) S1白色 #FFFFFF
2红色#FF0000
# w9 I! j4 N. _0 n3绿色#00FF00
2 c8 }. U, I' g2 i8 L4蓝色#0000FF
4 a: p3 n+ W( F4 S0 a5牡丹红#FF00FF
# i3 I) B0 e% N8 s% |& _6青色 #00FFFF
- g) r' o) I# P' L- Y& }7黄色#FFFF00
8黑色#000000
9海蓝#70DB93
10巧克力色#5C3317
11蓝紫色 #9F5F9F
( J/ |. e4 _$ t- p% e" ~1 N6 M12黄铜色#B5A642
13亮金色#D9D919
, G8 J6 Y" i( f$ |14棕色#A67D3D
$ X7 k+ W7 l' o( H1 W8 ]( m15青铜色 #8C7853
162号青铜色 #A67D3D
17士官服蓝色 #5F9F9F
18冷铜色 #D98719
0 Y1 r! |- X; O19铜色 #B87333
20珊瑚红 #FF7F00
21紫蓝色 #42426F
  Y8 J: N; T* ^# x' U' A22深棕 #5C4033
' W, t% B3 a; T# G7 z- f+ f9 `23深绿 #2F4F2F
24深铜绿色 #4A766E
25深橄榄绿 #4F4F2F
3 f& K& `0 z1 w7 g( k26深兰花色 #9932CD
' g9 T& Y) O) L$ c0 t27深紫色 #871F78
& f- D+ b: k/ U0 q; B28深石板蓝 #6B238E
2 l& B; ^- L1 J" F: A+ t' R" ?' V29深铅灰色 #2F4F4F
3 L' M( u0 I& w+ X* c/ O; U2 F! T30深棕褐色 #97694F
% j+ N# f6 ]- Y7 m; X32深绿松石色 #7093DB
33暗木色 #855E42
( S; i4 d' ^; F% Q+ {/ {34淡灰色 #545454
35土灰玫瑰红色 #856363
& g" e$ \: [2 {: F7 e36长石色 #D19275
1 R( O/ t% R5 v: \2 y! L37火砖色#8E2323
38森林绿 #238E23
39金色 #CD7F32
40鲜黄色 #DBDB70
41灰色 #C0C0C0
42铜绿色 #527F76
, u, w3 |5 J. T: R43青黄色 #93DB70
44猎人绿 #215E21
45印度红 #4E2F2F
" X$ V4 Q0 `! H/ N0 ]46土黄色 #9F9F5F
47浅蓝色 #C0D9D9
& g1 i: I0 l* F: t9 ]; ~48浅灰色 #A8A8A8
# s! e' D" S  T- o: L49浅钢蓝色 #8F8FBD
1 ~3 T) I8 o/ j+ r7 s1 Q, u: _9 E; z59浅木色 #E9C2A6
60石灰绿色 #32CD32
+ Y3 c6 {; |8 B- C61桔黄色 #E47833
62褐红色 #8E236B
" z% h/ K- j7 ?' y" z, L" l. `63中海蓝色 #32CD99
! l4 A0 G* o9 F( n  h64中蓝色 #3232CD
- g* f8 ^# b/ N  m# Q9 M4 |65中森林绿 #6B8E23
66中鲜黄色 #EAEAAE
7 t- e( l1 {0 q# q* r- P67中兰花色 #9370DB
68中海绿色 #426F42
" n( a1 n0 M) y- X69中石板蓝色 #7F00FF
5 g+ l. J/ @7 _& q' S1 Z, Z5 R+ D70中春绿色 #7FFF00
71中绿松石色 #70DBDB
72中紫红色 #DB7093
+ Y: Y. O& ^; f% \, T4 d73中木色 #A68064
% k( v6 i/ l/ y74深藏青色 #2F2F4F
+ S3 r6 S" a* c/ h! c75海军蓝 #23238E
76霓虹篮 #4D4DFF
77霓虹粉红 #FF6EC7
! b: S  H& [2 }; H* S9 @, ]78新深藏青色 #00009C
79新棕褐色 #EBC79E
( I7 f$ @  p7 X, V' ?. @80暗金黄色 #CFB53B
81橙色 #FF7F00
- Q2 X& z. u, Z* K2 _9 E! g: l82橙红色 #FF2400
; z- I# V% ]" ]; |  B0 s83淡紫色 #DB70DB
/ _2 `0 V/ _/ P* \$ O- V84浅绿色 #8FBC8F
9 m3 {* \- j3 j; \85粉红色 #BC8F8F
86李子色 #EAADEA
& u0 k( P) f- P. f" R5 l87石英色 #D9D9F3
88艳蓝色 #5959AB
9 ~' d0 q: g4 _7 z89鲑鱼色 #6F4242
90猩红色 #BC1717
91海绿色 #238E68
92半甜巧克力色 #6B4226
* I& b! k) n3 m2 d1 p93赭色 #8E6B23
* o, o: c1 Y0 A9 J" O& n* J: [94银色 #E6E8FA
95天蓝 #3299CC
96石板蓝 #007FFF
& ]0 V, c% V# d# _2 _97艳粉红色 #FF1CAE
98春绿色 #00FF7F
, k$ X$ C! @& |+ X99钢蓝色 #236B8E
100亮天蓝色 #38B0DE
101棕褐色 #DB9370
102紫红色 #D8BFD8
103石板蓝色 #ADEAEA
' C/ c1 Q7 ?+ d8 Q: u* P104浓深棕色 #5C4033
8 y) q( {2 ?$ ?; Z. |0 a105淡浅灰色 #CDCDCD
106紫罗兰色 #4F2F4F
107紫罗兰红色 #CC3299
+ W; w  |& `1 Z! \$ o108麦黄色#D8D8BF
7 t) [# w: Q7 P109黄绿色 #99CC32
2 {4 B1 Z8 I* F0 q% c
: t: a5 H6 o( u7 i$ F7 Y二十一、文字加粗，倾斜的代码
# |8 X' E* G+ D! p# c" ^文字加粗的代码是: <b>文字</b>
文字倾斜的代码是: <i>文字</i>
; n7 `5 h" L: h7 o: ^二十二、换行代码
* k3 j" [1 F4 S& T% K- z如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入<br>
这样就会分成两行显示 ，整个网站看起来也不会是一大片了，而是段落分明
如果输入一个<br>，那就是另起一行，如果连续输入两个，即<br><br>，那就会空一行
二十三、时钟在背景上显示代码
- n4 d# i+ j3 O: [<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div>
4 T3 d: j, u; |( m$ a
0 Q5 Z0 ?- g+ v+ k7 N<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;colorDDDDD;font-size:120px;top:100px;left:150px"></div>
6 p% |0 L4 `  o4 B
+ }0 c: C5 J! |/ |' w<div id="mainbody" style="position:absolute; visibility:visible">
5 P- U+ J+ l3 c! [</div>

二十四、中文星期网页特效显示代码：
<script LANGUAGE="java - script">
7 |! Q; Z- m/ X<!-- document.write("<center><font size=+1><b>"
  Q  F8 X+ J& P. m' P- {now = new Date() //定义新对象，new具有Date的性质
document.write("<center><small>"
if (now.getDay() == 5) document.write("星期五"
% l- b- C) ~5 N, Q0 M
if (now.getDay() == 6) document.write("星期六"

if (now.getDay() == 0) document.write("星期日"

if (now.getDay() == 1) document.write("星期一"
6 g. j) Q7 H6 A! K* B
if (now.getDay() == 2) document.write("星期二"

if (now.getDay() == 3) document.write("星期三"

/ U# o6 g3 ]$ H: z# Y0 F& }' M$ nif (now.getDay() == 4) document.write("星期四"

document.write("</small></center>"
7 l+ C% x) g5 e# C# A( L5 X2 i
//--> </script>
( U. t! X" p0 C! y7 F: {
二十五、添加到收藏夹的代码：
<span style="CURSOR: hand" title="想添加的名称">收藏本站</span>
二十六、设为首页的代码：
<span style="CURSOR: hand">设为首页</span>
; O* I7 I  R- n二十七、保护自己的页面不被别人放在框架中：
<Script LANGUAGE="java - script">
$ E; f  N+ k. \' i) Bif(self!=top){top.location=self.location;}
</script>

- K- ~4 b0 ^  s7 }6 B6 Y9 y, ^二十八、状态栏出现打字效果特效代码：
1 J) j7 K  A5 _+ u" x) o) ^要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
<SCRIPT LANGUAGE="java - script">
, V) y" y  V$ s! y0 z& Z<!-- Begin
; e& P: W; P. G( Jvar msg = "Welcome To The java - script Fairyland";
var chars = msg.length + 1;
var updateStatus = "";
+ }5 H8 F* d: ?  rvar i = 0;
) o0 T( \  f3 J8 R8 S% P+ H( Z: _  p9 Gfunction statusMessage() {
if (i < chars) setTimeout("nextLetter()", 300);
}
+ d! A: w. Q" \/ n% K4 Zfunction nextLetter() {
updateStatus = msg.substring(0,i) + '_';
" X5 S3 i5 ]0 \' a% g. @window.status = updateStatus;
0 v" h* v  {, l$ x0 C8 Ti++;
4 l! h, z8 E, V+ {. ]; dstatusMessage();
}
+ I4 l" w. g6 w  h$ c  z// End -->
6 H9 h* c- t/ z/ B% L/ ?7 Q  l</script>
! H' y3 d4 K" {" z第二步：把“onLoad="statusMessage()"”加在<body>标记里
例如：<body>
3 C3 g* }+ n9 k/ n! D$ R
( E. K/ a, J( [% N二十九、在标题栏显示时间特效代码
# d+ d' m6 A& q1 y: X完成此效果把如下代码加入到<body>区域中
<SCRIPT LANGUAGE="java - script">
. u+ L* R6 J# I<!-- Begin
var clocktext;
var pagetitle = document.title;
function scroll() {
  X6 D% J4 A, N0 \# i" ^! t7 q2 itoday = new Date();
sec = today.getSeconds();
: }4 ^( O! l+ ^" shr = today.getHours();
( H1 H; y* l" v  ^- pmin = today.getMinutes();
, k! ]' ?8 C- r: g+ v5 ?8 cif (hr <= 9) hr = "0" + hr;
if (min <= 9) min = "0" + min;
if (sec <= 9) sec = "0" + sec;
var clocktext = " 现在时间是: " + hr + ":" + min + ":" + sec;
4 J! _) ?+ W$ C1 ]3 \clocktimer = setTimeout("scroll()", 1000);
% y$ K+ [8 p0 O, y, {6 |9 j% ydocument.title = pagetitle + clocktext;
9 [  I- u" A; ?. T0 U}
if (document.all) scroll();
// End -->
( `. `: S9 Z, f: c5 ]</script>

附件：
1、增强被搜索的机会（把自己的小店或网站最快推广的方法之一）
http://www.google.com/intl/zh-CN/add_url.html
http://www.baidu.com/search/url_submit.html
http://db.sohu.com/regurl/regform.asp
$ w7 ~$ [% ~- q( }! j% ?7 shttp://misc.yahoo.com.cn/search_submit.html
& |9 X/ U, G/ g
+ r3 i$ {' |: W. a$ I  O4 g4 d, O. K2、缩短网址最佳利器：（很多，可以在百度或GOOGLE自己搜索）
0 w9 M- c; _1 ?! K; Ahttp://url.bb258.com/comurl.php
: p8 h7 s& t3 P- n- `0 w: h, C' Fhttp://www.kuso.cc/
. e6 @: @# h6 `5 e6 E: L
3、计数器申请网站：（很多，可以在百度或GOOGLE自己搜索）
" _' k, b0 T7 n/ X% }http://00counter.com/
www.88count.com
3 ^# r! Z6 p0 `6 Y8 u
4．常用图片及动画修理和制作工具下载地址:
0 X( S9 Q/ A6 w% d( T2 G1 ~图片一般可以PS,动画一般常用PS里面的IMAGEREADY和FLASH软件,为方便新手,可提供免安装注册的绿色软件,以供大家共享之!
7 F! v4 u! m# i& Z# ~. n- ]PHOTOSHOP CS3 图片处理软件:http://www.greendown.cn/soft/73.html
+ N) z' p9 W9 L9 f+ pFLASH8.0动画下载地址:http://www.greendown.cn/soft/520.html