如何装修淘宝店铺

帅哥

淘宝店铺完美装修-DIY自己动手全搞定之代码大全
# J* a. q; F2 }6 i7 h
一、 插入图片代码：
4 d/ O& X7 U8 c" q: d, F<img src="图片链接地址" />
注：先把图片上传到网络相册网络地址，把它拷贝下来，放到下边一串代码里替代汉字部分；可以
应用于公告栏、分类栏及宝贝描述内。
二、 插入公告栏挂饰代码：
<img src="图片链接地址" style="left:20px; position: relative; top:0px" />
7 O5 H0 u% @. b3 B4 S) x注：先把挂饰图片上传到网络相册；可以应用于公告栏、分类栏及宝贝描述内。
9 A6 a# d( C) T  O$ ]* N! h8 x三、背景音乐代码：
$ |1 W. C) r" c2 n- N4 \6 l( C6 P0 x  ]<bgsound loop="-1" src="音乐地址"></bgsound>
. W0 d, y" @$ V注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
三、 在图片里附加音乐的办法：
<img border=0 src="图片地址" dynsrc=音乐地址>
+ X- {6 r/ I  F! j注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
( n* k# F) x0 S3 w( Z2 Y& D+ y四、 浮动的图片的代码：
! s* C- C6 D0 o: K4 u＜img alt="1" height="150" src="这里放图片地址"/＞
五、 悬浮挂饰代码：
＜img src="这里放图片地址" style="left:20px; position: relative; top:0px" /＞
8 H$ ?6 u# s8 S& ?7 N9 ]- W. D六、 文字链接代码:
3 x8 E- p- r) ?8 {＜a href="网页地址"＞链接的文字＜/a＞
七、 移动文字代码:
＜marquee＞从右到左移动的文字＜/marquee＞
& `9 i, m5 B6 @8 ?4 A八、 计数器代码
) K7 v5 o/ B1 V& Y2 \<a href="http://00counter.com" target="_blank"><img src="计数器地址"border=0
alt="00Counter.com"></a>
九、 店铺公告里的漂亮悬浮挂件的代码：
% ^; {  j0 |( m8 [; l" B4 z<marquee style="position:relative;" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60">
<img src="加入你自己的图片地址" />
0 w' d5 X% B1 w5 g" p9 P十、 店铺公告添加个性的鼠标指针代码：
<table style="CURSOR: url('上传后的鼠标指针的网址')"><tr><td>
8 O9 W6 ]; m4 D/ \3 u8 _0 m% O) J<table border="0" style="TABLE-LAYOUT: fixed">
- D6 E* Q5 J$ l3 Z8 f- c十一、 宝贝描述加上个性的鼠标指针代码
6 r! l2 m  c- k3 S3 b& t4 n$ m先选“编辑源文件” ，然后复制以下代码：
<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')">
! I: p2 n* }$ C4 j7 Z9 e  j6 R0 F6 j<tr>
3 T1 B5 `+ O! ~" Z<td width="100%">
/ {) J9 f+ S8 U- p8 K' |) f' |另外，还要在源文件底部输入代码：</td></tr></table>
7 d7 S+ G2 m# C十二、 添加QQ在线交谈代码：
, q2 }6 d$ c- M7 P+ @' a<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=41826029&Site=www.goodcup.bokee.com&Menu=yes>
<img border="0" SRC=http://wpa.qq.com/pa?p=1:41826029:7 alt="点击这里给我发消息"></a>
注: 这是QQ在线状态的代码，里面的数值要改变，号码和网址改为你自己的，这个链接的作用
是别人可以直接点击联系你而无需加你为好友，使用方法是直接链接。
0 ?9 m9 Z0 l6 @. Y, X十三、 下面的代码设置在一定区域内让文字向上滚：“scrollamount=”可改变速度。
  ^7 l  S! D3 E0 q- h4 x<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=up
scrollamount=2>文字</marquee></font></b></center>
0 U, _% o% n7 F, ?( L9 L0 R十四、 添加旺旺在线代码：
% ~  c9 g. E# ^+ R: w* _<A href="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyewen"><IMG src=
"http://pics.taobao.com/newstyle/online_pic.gif" border=0></A>
, h, Y; S. Y* J. i十五、插入-FLASH动画 ：
<embed src="http://cartoonfile.163.com/source/55095/mingzzd" width="400"height="290"></embed>
/ m+ H7 O" N$ u4 C* {: z) |. z/ F十六、让文字左右来回流动：
8 \# b6 i+ I2 @& `7 A. v( o" I<marquee behavior="alternate">88亮荘</marquee>
十七、让文字由下至上滚动：
# N; {6 [* E' D. u. b" @, o* M<marquee direction="up">88亮荘</marquee>
$ M+ s1 ?: V9 ]  S: C十八、让文字由左向右流动：
<marquee direction="right">88亮荘</marquee>
十九、如何让文字滚动起来：
<marquee>88亮荘</marquee>
二十、如何让文章中的重要文字变色代码：
2 f9 [8 d3 g; p: {<font color="#FF0000">我淘心情你淘宝贝</font>
颜色代码附：
# k1 M, x/ ^$ _2 ]5 ^) \1白色 #FFFFFF
) r# z* a8 l  K) B" X2红色#FF0000
3绿色#00FF00
4蓝色#0000FF
) x! r4 f. B8 |8 T1 [" c+ D5牡丹红#FF00FF
6 E6 ~6 {: l7 N4 ~6青色 #00FFFF
7黄色#FFFF00
& C  c# H5 ?7 t9 J& \8黑色#000000
( c. x0 d' X1 Q% N; A. l( G6 a) A' X9海蓝#70DB93
10巧克力色#5C3317
11蓝紫色 #9F5F9F
12黄铜色#B5A642
13亮金色#D9D919
14棕色#A67D3D
15青铜色 #8C7853
; n3 i* E3 _  w! h1 ?162号青铜色 #A67D3D
17士官服蓝色 #5F9F9F
18冷铜色 #D98719
19铜色 #B87333
20珊瑚红 #FF7F00
/ p, f+ ^: i: b, I5 D21紫蓝色 #42426F
8 [! S! ^# K: Q% X" U) ~- v  \2 `22深棕 #5C4033
23深绿 #2F4F2F
24深铜绿色 #4A766E
, h! n( I( f$ A0 D5 }25深橄榄绿 #4F4F2F
26深兰花色 #9932CD
) o; r2 s# H* j5 ^8 c/ C27深紫色 #871F78
) P0 ], ~' z  N. ]( x4 v4 u28深石板蓝 #6B238E
* z2 Z3 u$ S; D+ o) p29深铅灰色 #2F4F4F
7 P' @! p! g) }: E* A0 T! K" \30深棕褐色 #97694F
32深绿松石色 #7093DB
33暗木色 #855E42
" ~5 V3 R" R# q, `3 q$ B; m" Q; V# _2 v34淡灰色 #545454
35土灰玫瑰红色 #856363
36长石色 #D19275
2 K/ k  I) N0 C% p37火砖色#8E2323
38森林绿 #238E23
' @! [) w* ]7 K7 X. `! \) H39金色 #CD7F32
40鲜黄色 #DBDB70
41灰色 #C0C0C0
42铜绿色 #527F76
* W! s) K  y  G: ?+ d: s2 q  u) Q43青黄色 #93DB70
44猎人绿 #215E21
45印度红 #4E2F2F
46土黄色 #9F9F5F
47浅蓝色 #C0D9D9
* T  T& C/ [1 |  j6 j2 {4 D48浅灰色 #A8A8A8
49浅钢蓝色 #8F8FBD
4 x0 A  H3 k9 ]4 z  c  n) @# o59浅木色 #E9C2A6
60石灰绿色 #32CD32
61桔黄色 #E47833
4 H* X2 Z  {: ~0 ?6 T62褐红色 #8E236B
: u9 x, [+ L+ c63中海蓝色 #32CD99
9 {4 u  j  v3 }) O: i  g64中蓝色 #3232CD
; n- `0 F% Z8 o  U" a65中森林绿 #6B8E23
& h; x% O5 j" r# r- l1 ?% q( Q$ j6 o66中鲜黄色 #EAEAAE
67中兰花色 #9370DB
* ~. i' G! S' ?' j68中海绿色 #426F42
69中石板蓝色 #7F00FF
70中春绿色 #7FFF00
( d: f6 X6 e/ n. S71中绿松石色 #70DBDB
5 y5 Q1 Q. i4 \$ z1 e: [, u2 s72中紫红色 #DB7093
, M. n4 ]( _% Z+ U$ o) N73中木色 #A68064
0 a* |5 |) x9 X& V: }. x+ v74深藏青色 #2F2F4F
75海军蓝 #23238E
& I3 E+ H7 }) G1 ?* w+ J76霓虹篮 #4D4DFF
. ~6 @) p( u3 o! h77霓虹粉红 #FF6EC7
% d, w8 E' b" W7 W2 S8 Z78新深藏青色 #00009C
* y# X' O. E& h9 ~79新棕褐色 #EBC79E
80暗金黄色 #CFB53B
1 F9 s( u1 D! I$ g, K81橙色 #FF7F00
8 L. K: O9 D/ j# w& B. i9 V% d2 Z82橙红色 #FF2400
$ g/ V6 p0 A. O  I/ |% c7 N, G2 O83淡紫色 #DB70DB
$ ^0 x# z. j1 N: G2 {8 _1 v84浅绿色 #8FBC8F
85粉红色 #BC8F8F
86李子色 #EAADEA
0 r" v* J- s1 r( V& r& h8 ]87石英色 #D9D9F3
: _1 H5 W( h; b7 d. G88艳蓝色 #5959AB
, D( a* b: V/ z9 K$ W; v7 t8 N89鲑鱼色 #6F4242
90猩红色 #BC1717
& t% i* s$ Y8 c$ ~* H. q& [+ }+ Y91海绿色 #238E68
92半甜巧克力色 #6B4226
93赭色 #8E6B23
94银色 #E6E8FA
/ u9 U$ g' i1 C: c8 [% k95天蓝 #3299CC
. y7 p4 j' U3 T4 _96石板蓝 #007FFF
' V; H9 }% r. A3 T6 o9 H97艳粉红色 #FF1CAE
9 A1 U1 n1 [7 f$ m9 P98春绿色 #00FF7F
99钢蓝色 #236B8E
& T  v4 `. \( G- j( _& K100亮天蓝色 #38B0DE
101棕褐色 #DB9370
102紫红色 #D8BFD8
0 s: S+ F) }% @# i" v) D! m4 r) g103石板蓝色 #ADEAEA
104浓深棕色 #5C4033
105淡浅灰色 #CDCDCD
106紫罗兰色 #4F2F4F
- K6 K: {6 d* r& I0 n2 c107紫罗兰红色 #CC3299
108麦黄色#D8D8BF
109黄绿色 #99CC32

8 q" h! a2 |% Y二十一、文字加粗，倾斜的代码
文字加粗的代码是: <b>文字</b>
文字倾斜的代码是: <i>文字</i>
6 n/ I2 S- C2 o4 H# B1 d# B, s二十二、换行代码
如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入<br>
这样就会分成两行显示 ，整个网站看起来也不会是一大片了，而是段落分明
如果输入一个<br>，那就是另起一行，如果连续输入两个，即<br><br>，那就会空一行
二十三、时钟在背景上显示代码
- K8 x- k4 ]0 v9 u. P4 T<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div>
" S. K# M; g8 o8 H' h' b
* {3 C- v# A* o# O/ v/ B<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;colorDDDDD;font-size:120px;top:100px;left:150px"></div>

2 l7 l, m* H$ L% h: j<div id="mainbody" style="position:absolute; visibility:visible">
</div>

二十四、中文星期网页特效显示代码：
<script LANGUAGE="java - script">
<!-- document.write("<center><font size=+1><b>"
9 k9 D, d: V9 Y- M3 f5 Hnow = new Date() //定义新对象，new具有Date的性质
+ L$ h& L& ]  W% e9 edocument.write("<center><small>"
0 O9 ]% }8 ^% Z7 i; r0 e3 Rif (now.getDay() == 5) document.write("星期五"
8 {- v) u- b1 ^- {, p( J1 w. o
if (now.getDay() == 6) document.write("星期六"

: r" s; |, H& X9 R; B$ \2 M' jif (now.getDay() == 0) document.write("星期日"
  s' c) o% c' |0 @7 y) I
if (now.getDay() == 1) document.write("星期一"
1 R9 u3 G; N& F+ y# M; V
( Q* {7 u5 k# r: u/ S2 v3 X2 t1 |if (now.getDay() == 2) document.write("星期二"
& s! v! u8 ~6 t8 }
7 P; U5 D& @' V& @if (now.getDay() == 3) document.write("星期三"
3 V8 E9 Z- @7 m, ~
  l$ c- U4 T9 V& l# g) zif (now.getDay() == 4) document.write("星期四"
* C; S9 k$ ?5 f% p0 }
document.write("</small></center>"

//--> </script>
) n2 X' i7 r  H9 N6 t0 u: R2 F. W
二十五、添加到收藏夹的代码：
<span style="CURSOR: hand" title="想添加的名称">收藏本站</span>
二十六、设为首页的代码：
<span style="CURSOR: hand">设为首页</span>
8 M0 \; A) j0 V, h二十七、保护自己的页面不被别人放在框架中：
<Script LANGUAGE="java - script">
if(self!=top){top.location=self.location;}
. v7 o' u- U( e</script>

0 i& G! t3 O5 G5 i) i% [二十八、状态栏出现打字效果特效代码：
要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
<SCRIPT LANGUAGE="java - script">
) J6 N' W+ O) J  D<!-- Begin
var msg = "Welcome To The java - script Fairyland";
8 ~/ _$ Z, C5 Cvar chars = msg.length + 1;
0 I9 @: Z: d# J% y, xvar updateStatus = "";
var i = 0;
function statusMessage() {
if (i < chars) setTimeout("nextLetter()", 300);
}
( _  R: u6 A" a) Ifunction nextLetter() {
updateStatus = msg.substring(0,i) + '_';
window.status = updateStatus;
, h' N5 B, X* `, Y& P! _i++;
statusMessage();
}
// End -->
3 H+ J$ @7 G- F</script>
第二步：把“onLoad="statusMessage()"”加在<body>标记里
例如：<body>
; y7 l& q5 R, ^) w+ A6 Y: ^2 |0 }
/ P0 [7 E& B2 U! ]+ n8 g9 S% Z) U二十九、在标题栏显示时间特效代码
2 r% A, O1 P; c, |. K; S3 v# w' Z完成此效果把如下代码加入到<body>区域中
& I3 R% u4 j8 T; ~% b<SCRIPT LANGUAGE="java - script">
<!-- Begin
+ Y$ v' a( Y& pvar clocktext;
; n' p3 p$ G1 V  ]: u! Tvar pagetitle = document.title;
3 W/ v  a+ V& R5 }0 [function scroll() {
today = new Date();
sec = today.getSeconds();
hr = today.getHours();
/ @6 n5 l0 I& x' o* c* v* xmin = today.getMinutes();
% O: a' a# a9 d/ n& ~$ Nif (hr <= 9) hr = "0" + hr;
if (min <= 9) min = "0" + min;
if (sec <= 9) sec = "0" + sec;
. s. O  G% x& Z* {var clocktext = " 现在时间是: " + hr + ":" + min + ":" + sec;
, j5 j8 `/ s" Qclocktimer = setTimeout("scroll()", 1000);
3 V' v) K2 I8 U; Q6 t1 wdocument.title = pagetitle + clocktext;
' b9 |5 V6 Q8 q% D2 h9 A6 J}
* \; c8 G) T3 U4 S4 k* Vif (document.all) scroll();
// End -->
- z) a: |6 O! p. x1 Z</script>
; H, G8 n3 _- v: _& Y: S( m/ S1 \7 E" A' j
附件：
1、增强被搜索的机会（把自己的小店或网站最快推广的方法之一）
% K- a1 G7 G& V, Jhttp://www.google.com/intl/zh-CN/add_url.html
& T( f8 o1 v: w5 ~% v* phttp://www.baidu.com/search/url_submit.html
( @# D, w' S: Y! ^- o2 y* R3 [, thttp://db.sohu.com/regurl/regform.asp
# Q6 N5 Q) \' W. A8 f, |5 _: Hhttp://misc.yahoo.com.cn/search_submit.html

2、缩短网址最佳利器：（很多，可以在百度或GOOGLE自己搜索）
http://url.bb258.com/comurl.php
! W; d" ]* i3 Y( _& l4 }http://www.kuso.cc/

3、计数器申请网站：（很多，可以在百度或GOOGLE自己搜索）
! h8 o. A; ~* J, Z3 S2 vhttp://00counter.com/
www.88count.com

5 w  m% p, H5 p9 _4．常用图片及动画修理和制作工具下载地址:
1 K9 ^" g/ h$ r/ X图片一般可以PS,动画一般常用PS里面的IMAGEREADY和FLASH软件,为方便新手,可提供免安装注册的绿色软件,以供大家共享之!
1 h3 i5 h: R7 o) D! h8 tPHOTOSHOP CS3 图片处理软件:http://www.greendown.cn/soft/73.html
FLASH8.0动画下载地址:http://www.greendown.cn/soft/520.html