如何装修淘宝店铺

帅哥

淘宝店铺完美装修-DIY自己动手全搞定之代码大全
+ M7 F) r0 E/ k1 k+ U# \
一、 插入图片代码：
' J6 W" {* e  |# @<img src="图片链接地址" />
. `5 r& }7 ~) h% _$ c8 U7 N注：先把图片上传到网络相册网络地址，把它拷贝下来，放到下边一串代码里替代汉字部分；可以
! g2 V+ o0 w* R; h+ N4 f) ^& K应用于公告栏、分类栏及宝贝描述内。
/ y2 q+ C4 q* y+ \9 w: f二、 插入公告栏挂饰代码：
<img src="图片链接地址" style="left:20px; position: relative; top:0px" />
& t+ ^6 J7 C" ~) T注：先把挂饰图片上传到网络相册；可以应用于公告栏、分类栏及宝贝描述内。
三、背景音乐代码：
<bgsound loop="-1" src="音乐地址"></bgsound>
( j- ~8 t7 ?3 B注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
三、 在图片里附加音乐的办法：
+ b1 |0 i: n  |; k& R<img border=0 src="图片地址" dynsrc=音乐地址>
: F" s  q+ f5 s+ P. R6 b) b9 k注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
四、 浮动的图片的代码：
＜img alt="1" height="150" src="这里放图片地址"/＞
五、 悬浮挂饰代码：
＜img src="这里放图片地址" style="left:20px; position: relative; top:0px" /＞
六、 文字链接代码:
＜a href="网页地址"＞链接的文字＜/a＞
七、 移动文字代码:
＜marquee＞从右到左移动的文字＜/marquee＞
八、 计数器代码
<a href="http://00counter.com" target="_blank"><img src="计数器地址"border=0
  i4 Q; g9 T3 o6 F4 Ualt="00Counter.com"></a>
九、 店铺公告里的漂亮悬浮挂件的代码：
3 z; Q% N6 @. ~; L$ Z<marquee style="position:relative;" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60">
<img src="加入你自己的图片地址" />
十、 店铺公告添加个性的鼠标指针代码：
<table style="CURSOR: url('上传后的鼠标指针的网址')"><tr><td>
( X2 g- \# e+ h4 `6 B9 Q- v0 K4 _<table border="0" style="TABLE-LAYOUT: fixed">
/ @0 P8 }3 w( E9 T, O' v& I+ B+ C十一、 宝贝描述加上个性的鼠标指针代码
先选“编辑源文件” ，然后复制以下代码：
<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')">
<tr>
<td width="100%">
另外，还要在源文件底部输入代码：</td></tr></table>
十二、 添加QQ在线交谈代码：
<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=41826029&Site=www.goodcup.bokee.com&Menu=yes>
% ~' \, W. e2 p1 d: J. F' f<img border="0" SRC=http://wpa.qq.com/pa?p=1:41826029:7 alt="点击这里给我发消息"></a>
注: 这是QQ在线状态的代码，里面的数值要改变，号码和网址改为你自己的，这个链接的作用
* n, j  H# P1 P$ ~是别人可以直接点击联系你而无需加你为好友，使用方法是直接链接。
+ E7 H8 r) A) U十三、 下面的代码设置在一定区域内让文字向上滚：“scrollamount=”可改变速度。
<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=up
scrollamount=2>文字</marquee></font></b></center>
% D' |* u/ K# q6 b十四、 添加旺旺在线代码：
# b1 d" N5 x1 W+ p. r" A% ]<A href="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyewen"><IMG src=
, A; K4 ], Z0 `& d"http://pics.taobao.com/newstyle/online_pic.gif" border=0></A>
十五、插入-FLASH动画 ：
/ C  ?" k0 n2 p/ l! V3 r0 J) t<embed src="http://cartoonfile.163.com/source/55095/mingzzd" width="400"height="290"></embed>
十六、让文字左右来回流动：
6 Y$ a1 ]! |( s$ ~. Q( j4 v<marquee behavior="alternate">88亮荘</marquee>
十七、让文字由下至上滚动：
* U- r3 p0 p" w9 f<marquee direction="up">88亮荘</marquee>
十八、让文字由左向右流动：
' D& [2 l; M2 P+ r8 z. z<marquee direction="right">88亮荘</marquee>
8 D6 e. ~8 E7 e8 _* I; a十九、如何让文字滚动起来：
<marquee>88亮荘</marquee>
, t8 P. i, K9 m) K1 e& o( ^二十、如何让文章中的重要文字变色代码：
( `8 g- s  L2 M, y1 n" Y/ I$ G<font color="#FF0000">我淘心情你淘宝贝</font>
颜色代码附：
1白色 #FFFFFF
2红色#FF0000
3绿色#00FF00
4蓝色#0000FF
3 N! I& v+ y% ~5牡丹红#FF00FF
: X) H# X1 ^+ V( O6青色 #00FFFF
7黄色#FFFF00
( P5 ?( y/ E' \5 z2 I: ?8黑色#000000
- c( A, J! O+ C2 Z9海蓝#70DB93
10巧克力色#5C3317
6 b8 o1 S3 Y  Q' g11蓝紫色 #9F5F9F
& Z) ]: w7 N" _5 f# r& e3 B2 h12黄铜色#B5A642
13亮金色#D9D919
14棕色#A67D3D
0 S5 M+ Y5 z. W: w4 C15青铜色 #8C7853
( ?' ~) s% v, D; C" c162号青铜色 #A67D3D
17士官服蓝色 #5F9F9F
: W- L) G' Z0 E; t; r" T* p18冷铜色 #D98719
19铜色 #B87333
: Q3 a( w& y6 g- _8 z0 Y; D20珊瑚红 #FF7F00
21紫蓝色 #42426F
22深棕 #5C4033
23深绿 #2F4F2F
24深铜绿色 #4A766E
3 ]" _! h& S2 l5 O, e$ H( |25深橄榄绿 #4F4F2F
26深兰花色 #9932CD
27深紫色 #871F78
28深石板蓝 #6B238E
3 v" m' f$ `1 Q& V- G% F9 u7 F3 T29深铅灰色 #2F4F4F
6 w( z0 ^: h) m' T: }30深棕褐色 #97694F
8 G. J0 Q6 E+ X. h32深绿松石色 #7093DB
# L) v% v* }) i33暗木色 #855E42
34淡灰色 #545454
2 ?! Q. }  z7 |5 b( F7 \  ?% n35土灰玫瑰红色 #856363
36长石色 #D19275
0 d. W2 p7 {6 h4 y) o+ h. R; R37火砖色#8E2323
1 R' o4 J( ?; B' q5 r38森林绿 #238E23
39金色 #CD7F32
& J- ]5 \) [0 h3 x2 d8 p* {40鲜黄色 #DBDB70
  q, K6 @  z" J! D/ _$ e41灰色 #C0C0C0
42铜绿色 #527F76
43青黄色 #93DB70
44猎人绿 #215E21
' k- C! W% X" [# |( u% i45印度红 #4E2F2F
$ @4 a- J. L& h, @. J9 u46土黄色 #9F9F5F
47浅蓝色 #C0D9D9
48浅灰色 #A8A8A8
* R/ ~: }& V8 f, a/ K+ {49浅钢蓝色 #8F8FBD
; h* B% k1 y  r4 p& {1 N59浅木色 #E9C2A6
60石灰绿色 #32CD32
$ P  o8 B4 f9 y) q+ a61桔黄色 #E47833
; d/ A- }6 X: X" j7 d* S. z62褐红色 #8E236B
63中海蓝色 #32CD99
64中蓝色 #3232CD
65中森林绿 #6B8E23
. ^8 c! I$ V5 Y" g8 s4 A, i% U$ D66中鲜黄色 #EAEAAE
7 o. s- t, V$ s+ ?# H5 g67中兰花色 #9370DB
68中海绿色 #426F42
69中石板蓝色 #7F00FF
70中春绿色 #7FFF00
71中绿松石色 #70DBDB
72中紫红色 #DB7093
73中木色 #A68064
, I: Z* Q, k3 }) C0 K8 d- u74深藏青色 #2F2F4F
; G: Y1 a- Y1 L5 p/ W9 x75海军蓝 #23238E
76霓虹篮 #4D4DFF
77霓虹粉红 #FF6EC7
' y1 ^, v* l; L( f2 r, v! P# G; z78新深藏青色 #00009C
$ Q, G9 b) j1 b1 U2 M79新棕褐色 #EBC79E
80暗金黄色 #CFB53B
81橙色 #FF7F00
5 j* H6 l) t' b% A! W/ j+ {; P82橙红色 #FF2400
9 V4 D/ t3 \+ Y% z+ \. K83淡紫色 #DB70DB
84浅绿色 #8FBC8F
85粉红色 #BC8F8F
86李子色 #EAADEA
0 Q2 y6 r# U+ k5 l87石英色 #D9D9F3
2 i7 M8 I+ E" T9 d+ ]0 I88艳蓝色 #5959AB
$ @( J3 S; _: [8 B) f; N! [% z0 u89鲑鱼色 #6F4242
90猩红色 #BC1717
  Z# l" w: j- O) P6 X8 s91海绿色 #238E68
92半甜巧克力色 #6B4226
93赭色 #8E6B23
4 n3 ?% h; e4 z94银色 #E6E8FA
+ @! y# L7 s% T/ }6 ?" a# P8 T' P95天蓝 #3299CC
96石板蓝 #007FFF
' x% Z7 R: C8 |! @- Z97艳粉红色 #FF1CAE
98春绿色 #00FF7F
/ T, E, \$ U  _3 f, j( y! w! T99钢蓝色 #236B8E
. l' j5 g6 z) H/ w: K1 Z5 }100亮天蓝色 #38B0DE
101棕褐色 #DB9370
4 ~/ _  u1 z8 x3 t102紫红色 #D8BFD8
  J: N+ j8 a8 C) t' q& h4 i, A/ ^8 w3 X103石板蓝色 #ADEAEA
* c' U; l1 I8 E: e* H5 ?# I104浓深棕色 #5C4033
105淡浅灰色 #CDCDCD
106紫罗兰色 #4F2F4F
, o3 B6 w( Y# @107紫罗兰红色 #CC3299
108麦黄色#D8D8BF
1 n7 Q* G& j! C# J  n$ y5 F109黄绿色 #99CC32

二十一、文字加粗，倾斜的代码
2 c9 q0 k& q: y% L( U文字加粗的代码是: <b>文字</b>
文字倾斜的代码是: <i>文字</i>
- z% o( G9 D8 r( x# U/ E二十二、换行代码
+ o. |) F0 T: W如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入<br>
; m  I2 ?9 @6 s2 @) b  a这样就会分成两行显示 ，整个网站看起来也不会是一大片了，而是段落分明
$ `1 z$ A+ 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>
, d- }9 K( B: A9 E& Z* |
/ @! h6 \2 G. X, l8 Q" D) ]- v3 A<div id="mainbody" style="position:absolute; visibility:visible">
</div>

& Z' ^+ j& c( r1 ~; M3 c# P二十四、中文星期网页特效显示代码：
- j: K' v* R; k3 y9 v4 X<script LANGUAGE="java - script">
- |  K; j- ^7 Q5 e4 @; X( ?; X<!-- document.write("<center><font size=+1><b>"
. o/ @0 e6 |$ enow = new Date() //定义新对象，new具有Date的性质
2 C- Y5 Q- W5 @8 _( ?2 Hdocument.write("<center><small>"
# j* A/ M/ q1 a' T. [/ Lif (now.getDay() == 5) document.write("星期五"

if (now.getDay() == 6) document.write("星期六"
3 m8 ^0 X' I) P/ k6 O
$ O) r% J) l; J; p$ ]% }7 @if (now.getDay() == 0) document.write("星期日"

if (now.getDay() == 1) document.write("星期一"

/ S2 k) z4 W" _if (now.getDay() == 2) document.write("星期二"
2 M/ ?; V% V( Y" I& H2 o
: p2 N2 R8 L% z; m" sif (now.getDay() == 3) document.write("星期三"
" K& Q5 a1 K' w; @7 q
if (now.getDay() == 4) document.write("星期四"
) e. O$ ?( u& L9 S7 L
document.write("</small></center>"

7 y' s3 p* i) f' j" q* g//--> </script>

2 v" _" |$ C" O5 g8 a, Z二十五、添加到收藏夹的代码：
7 x" q- Z5 l, z$ ~. e. z* D<span style="CURSOR: hand" title="想添加的名称">收藏本站</span>
二十六、设为首页的代码：
<span style="CURSOR: hand">设为首页</span>
二十七、保护自己的页面不被别人放在框架中：
<Script LANGUAGE="java - script">
) n8 o: b* p# k5 l  Lif(self!=top){top.location=self.location;}
</script>

4 p1 Q( _* w( }; _3 S  E# w二十八、状态栏出现打字效果特效代码：
0 P$ K; V0 q# s- Y/ d要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
<SCRIPT LANGUAGE="java - script">
8 c# T+ [* ~' }; e0 U<!-- Begin
/ M) s9 y* ?( \" T3 Fvar msg = "Welcome To The java - script Fairyland";
var chars = msg.length + 1;
var updateStatus = "";
var i = 0;
function statusMessage() {
" ^# x- U" |1 e7 S7 L, Eif (i < chars) setTimeout("nextLetter()", 300);
/ D2 B# F6 t, e9 g4 h}
$ I5 A# T  h  e5 ffunction nextLetter() {
updateStatus = msg.substring(0,i) + '_';
window.status = updateStatus;
i++;
statusMessage();
/ ]6 q$ j( p8 z1 C7 r}
// End -->
7 ]% I; `- H. o/ Z</script>
4 s& N% h6 O# c/ F& r3 J4 [7 M) ~第二步：把“onLoad="statusMessage()"”加在<body>标记里
& {( J3 _/ W, W* u" x例如：<body>
8 c& g! K# M+ h' k
' v% j6 H0 x4 A: t* u  p二十九、在标题栏显示时间特效代码
* r  e4 V6 {/ `4 ~% V8 R完成此效果把如下代码加入到<body>区域中
<SCRIPT LANGUAGE="java - script">
<!-- Begin
var clocktext;
var pagetitle = document.title;
% r% a0 F2 B0 `( E# `function scroll() {
today = new Date();
sec = today.getSeconds();
hr = today.getHours();
  q" I, v* g" n: ^min = today.getMinutes();
if (hr <= 9) hr = "0" + hr;
if (min <= 9) min = "0" + min;
if (sec <= 9) sec = "0" + sec;
var clocktext = " 现在时间是: " + hr + ":" + min + ":" + sec;
clocktimer = setTimeout("scroll()", 1000);
& A$ C1 ]/ j" g4 \, Odocument.title = pagetitle + clocktext;
5 u. [: _( d4 x- E- W6 N2 J+ v0 y}
if (document.all) scroll();
) G0 j' ]! h, v2 A: i6 p6 _, J// End -->
</script>
0 C4 s- n) A$ o; @* S& X7 Z
附件：
1、增强被搜索的机会（把自己的小店或网站最快推广的方法之一）
http://www.google.com/intl/zh-CN/add_url.html
5 w! w" t, F; k  g: bhttp://www.baidu.com/search/url_submit.html
http://db.sohu.com/regurl/regform.asp
http://misc.yahoo.com.cn/search_submit.html
' X0 j7 m2 n( O+ v+ D6 w( D: Z+ s, i
2、缩短网址最佳利器：（很多，可以在百度或GOOGLE自己搜索）
& f- d8 g! C8 E1 `http://url.bb258.com/comurl.php
+ h2 M* h( r. S* ^: Ghttp://www.kuso.cc/

# J! n+ Q5 w# w" c! |3、计数器申请网站：（很多，可以在百度或GOOGLE自己搜索）
http://00counter.com/
www.88count.com

4．常用图片及动画修理和制作工具下载地址:
: |& n& t- p! R. w( s图片一般可以PS,动画一般常用PS里面的IMAGEREADY和FLASH软件,为方便新手,可提供免安装注册的绿色软件,以供大家共享之!
PHOTOSHOP CS3 图片处理软件:http://www.greendown.cn/soft/73.html
; ~& Y- K  c8 A. r; N( Q- }# ~* VFLASH8.0动画下载地址:http://www.greendown.cn/soft/520.html