如何装修淘宝店铺

帅哥

淘宝店铺完美装修-DIY自己动手全搞定之代码大全
/ V. X, @% V0 B; [7 {- k
& Z( v' K' o+ B4 T0 ?# k一、 插入图片代码：
<img src="图片链接地址" />
注：先把图片上传到网络相册网络地址，把它拷贝下来，放到下边一串代码里替代汉字部分；可以
应用于公告栏、分类栏及宝贝描述内。
4 ^' o6 ?' y3 E' u% p4 T二、 插入公告栏挂饰代码：
: p7 M1 Q, l- E; i# o<img src="图片链接地址" style="left:20px; position: relative; top:0px" />
注：先把挂饰图片上传到网络相册；可以应用于公告栏、分类栏及宝贝描述内。
$ {3 e" v+ I0 E0 E2 S三、背景音乐代码：
) Z0 |1 P9 W" R<bgsound loop="-1" src="音乐地址"></bgsound>
注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
三、 在图片里附加音乐的办法：
<img border=0 src="图片地址" dynsrc=音乐地址>
注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
四、 浮动的图片的代码：
＜img alt="1" height="150" src="这里放图片地址"/＞
五、 悬浮挂饰代码：
＜img src="这里放图片地址" style="left:20px; position: relative; top:0px" /＞
9 O" |: s  P3 m4 \' q  L( F六、 文字链接代码:
＜a href="网页地址"＞链接的文字＜/a＞
: h7 Y0 `: n) a$ ^% q七、 移动文字代码:
＜marquee＞从右到左移动的文字＜/marquee＞
2 |" {' E" r3 D- E# {八、 计数器代码
<a href="http://00counter.com" target="_blank"><img src="计数器地址"border=0
1 l# |# c+ Y7 k+ lalt="00Counter.com"></a>
九、 店铺公告里的漂亮悬浮挂件的代码：
<marquee style="position:relative;" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60">
<img src="加入你自己的图片地址" />
. ]. ~$ d" n! |  I1 h6 Z  Z十、 店铺公告添加个性的鼠标指针代码：
<table style="CURSOR: url('上传后的鼠标指针的网址')"><tr><td>
<table border="0" style="TABLE-LAYOUT: fixed">
5 D* L& B7 C; {3 _: C8 P) e十一、 宝贝描述加上个性的鼠标指针代码
先选“编辑源文件” ，然后复制以下代码：
0 V7 o9 H/ q; V/ m) `9 Q7 e5 \<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')">
<tr>
<td width="100%">
( J" e1 F; ]- \另外，还要在源文件底部输入代码：</td></tr></table>
十二、 添加QQ在线交谈代码：
: U5 s2 K/ W( F<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=41826029&Site=www.goodcup.bokee.com&Menu=yes>
% _! v. `  Z. z" U- ^( c<img border="0" SRC=http://wpa.qq.com/pa?p=1:41826029:7 alt="点击这里给我发消息"></a>
注: 这是QQ在线状态的代码，里面的数值要改变，号码和网址改为你自己的，这个链接的作用
是别人可以直接点击联系你而无需加你为好友，使用方法是直接链接。
十三、 下面的代码设置在一定区域内让文字向上滚：“scrollamount=”可改变速度。
<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=up
* c' ~) L" k# Jscrollamount=2>文字</marquee></font></b></center>
十四、 添加旺旺在线代码：
<A href="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyewen"><IMG src=
( S; o" B- \5 z9 g) \: `"http://pics.taobao.com/newstyle/online_pic.gif" border=0></A>
十五、插入-FLASH动画 ：
: a  o1 C, k; F- {' g. m<embed src="http://cartoonfile.163.com/source/55095/mingzzd" width="400"height="290"></embed>
, p$ K  Q3 ~& N. g十六、让文字左右来回流动：
<marquee behavior="alternate">88亮荘</marquee>
/ F9 W; p! }' z! c; Z8 J# ~十七、让文字由下至上滚动：
2 N% h+ q  i6 R4 D# y<marquee direction="up">88亮荘</marquee>
( V( \5 A9 a& B2 r: _9 X# n* g1 o十八、让文字由左向右流动：
3 m; b, P) X+ A' n' o5 ^<marquee direction="right">88亮荘</marquee>
十九、如何让文字滚动起来：
7 {! ]: z" a  H% b2 J<marquee>88亮荘</marquee>
二十、如何让文章中的重要文字变色代码：
<font color="#FF0000">我淘心情你淘宝贝</font>
# J) K( T$ C$ e4 m颜色代码附：
8 {( A5 k, `6 @4 i; N0 H3 {1白色 #FFFFFF
) K1 B9 l' H  b5 J0 j% v2红色#FF0000
8 q! G& X( N" q7 V: p3绿色#00FF00
4蓝色#0000FF
, I3 m& x9 t0 T+ S& z5牡丹红#FF00FF
) q8 F# B' I' v; _& ~1 B5 [6青色 #00FFFF
7黄色#FFFF00
9 d& R) `, J" ?# r6 y8黑色#000000
! a. {0 y" e1 k6 D0 ~: t/ P9海蓝#70DB93
10巧克力色#5C3317
11蓝紫色 #9F5F9F
12黄铜色#B5A642
13亮金色#D9D919
14棕色#A67D3D
15青铜色 #8C7853
4 O% P1 U9 c' j% m, T* q: {162号青铜色 #A67D3D
17士官服蓝色 #5F9F9F
5 y4 n1 D4 _6 b% Q/ ~8 S- u7 D18冷铜色 #D98719
19铜色 #B87333
7 i$ ]3 d8 N( I& E20珊瑚红 #FF7F00
21紫蓝色 #42426F
: J7 P3 P' d! v3 y* e. S22深棕 #5C4033
23深绿 #2F4F2F
24深铜绿色 #4A766E
4 V6 W' Q1 d3 c25深橄榄绿 #4F4F2F
26深兰花色 #9932CD
27深紫色 #871F78
28深石板蓝 #6B238E
29深铅灰色 #2F4F4F
3 H9 e9 b: U7 u30深棕褐色 #97694F
  V1 @- a  B9 h) ^32深绿松石色 #7093DB
6 n$ W9 l3 {; ?7 i4 U33暗木色 #855E42
& n3 a) F* C4 M. T' u34淡灰色 #545454
35土灰玫瑰红色 #856363
* l; K1 D0 U$ M- A36长石色 #D19275
8 w( k4 e, r: w) J0 j( P7 [37火砖色#8E2323
9 }& i/ U1 q# \38森林绿 #238E23
+ x: G4 M0 V, C2 u39金色 #CD7F32
40鲜黄色 #DBDB70
41灰色 #C0C0C0
3 W% U  }2 Z8 A: s/ u) M2 }  s42铜绿色 #527F76
43青黄色 #93DB70
44猎人绿 #215E21
0 n, D" d$ Z' W+ a: D2 t. M# y45印度红 #4E2F2F
46土黄色 #9F9F5F
47浅蓝色 #C0D9D9
) h2 J: a- n' a2 s48浅灰色 #A8A8A8
# @  i7 b" A8 R* b4 p1 @* L' d7 {0 g49浅钢蓝色 #8F8FBD
59浅木色 #E9C2A6
60石灰绿色 #32CD32
# V& N9 M* ^. P  H61桔黄色 #E47833
$ `6 J" w( \7 d9 f3 N62褐红色 #8E236B
63中海蓝色 #32CD99
) m4 C0 _7 g) W% S' ]64中蓝色 #3232CD
65中森林绿 #6B8E23
4 j/ F: P# q- @5 k) z( _8 \2 T66中鲜黄色 #EAEAAE
- E1 K; r. K8 j& g+ g67中兰花色 #9370DB
68中海绿色 #426F42
6 ?& X1 Y: r! e! B0 s69中石板蓝色 #7F00FF
70中春绿色 #7FFF00
" ]  t' H7 G9 Y0 i( |: g71中绿松石色 #70DBDB
72中紫红色 #DB7093
( |; }$ Z' }1 o73中木色 #A68064
74深藏青色 #2F2F4F
5 N  h1 g; [- H- F* |& J75海军蓝 #23238E
76霓虹篮 #4D4DFF
77霓虹粉红 #FF6EC7
2 A* |: I) a4 ~* O" P78新深藏青色 #00009C
79新棕褐色 #EBC79E
/ b- B1 o' k: c- W4 F" i; ^+ t80暗金黄色 #CFB53B
/ @- c# x! |7 h2 A  H& ^81橙色 #FF7F00
82橙红色 #FF2400
83淡紫色 #DB70DB
. F" Z: c# I; s- O2 j84浅绿色 #8FBC8F
1 t* a) J) {7 u9 l) E9 ~% r- X85粉红色 #BC8F8F
86李子色 #EAADEA
( o% `' F- q! N, o$ |6 A, M87石英色 #D9D9F3
88艳蓝色 #5959AB
: E: C. B* c9 I0 m( _89鲑鱼色 #6F4242
7 M9 B. F+ {; t90猩红色 #BC1717
( V- f. F; R6 {9 _3 Q91海绿色 #238E68
92半甜巧克力色 #6B4226
93赭色 #8E6B23
0 K- `/ {6 O7 @9 a& F94银色 #E6E8FA
6 y0 N, H$ L" z. G95天蓝 #3299CC
8 L+ q; Z' e  S) @7 e96石板蓝 #007FFF
. L8 O6 j( `5 b* d97艳粉红色 #FF1CAE
* a7 v; S2 M3 {$ d4 x. I98春绿色 #00FF7F
99钢蓝色 #236B8E
: ?9 h  o/ w3 M0 K' Q100亮天蓝色 #38B0DE
101棕褐色 #DB9370
/ @/ m4 h3 t# d8 @1 r5 f, Y) j102紫红色 #D8BFD8
103石板蓝色 #ADEAEA
104浓深棕色 #5C4033
105淡浅灰色 #CDCDCD
106紫罗兰色 #4F2F4F
107紫罗兰红色 #CC3299
3 p+ i# A' B& c" h# G" H108麦黄色#D8D8BF
7 w# u/ R0 N  [! \, P109黄绿色 #99CC32
  U; W! g; f6 Z" y1 p
! I8 K1 M0 T( \: a: C二十一、文字加粗，倾斜的代码
文字加粗的代码是: <b>文字</b>
! p; x) J+ E, j1 b文字倾斜的代码是: <i>文字</i>
二十二、换行代码
  N3 p; |+ L) G; n( Q) y如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入<br>
2 f2 z# W6 R7 b  _7 n这样就会分成两行显示 ，整个网站看起来也不会是一大片了，而是段落分明
+ N' x2 g. o3 H, M6 Q, X如果输入一个<br>，那就是另起一行，如果连续输入两个，即<br><br>，那就会空一行
! _: E; ]9 w1 H& _  _. |" C2 x二十三、时钟在背景上显示代码
<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div>

- Z, D; l* }0 H7 i% Z<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;colorDDDDD;font-size:120px;top:100px;left:150px"></div>
) j/ l( C8 T: F. r
<div id="mainbody" style="position:absolute; visibility:visible">
& K6 e+ h2 ?% |</div>

( a* Y, i  q9 P& y% g0 \/ |- v二十四、中文星期网页特效显示代码：
<script LANGUAGE="java - script">
<!-- document.write("<center><font size=+1><b>"
* R6 H6 G, k: b$ Y  r+ Unow = new Date() //定义新对象，new具有Date的性质
. N$ a3 e2 ~1 gdocument.write("<center><small>"
if (now.getDay() == 5) document.write("星期五"

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

4 C& g: H4 L7 b8 Sif (now.getDay() == 0) document.write("星期日"

if (now.getDay() == 1) document.write("星期一"
: D7 O; V9 q+ y8 l" e- C5 ]0 l
, q$ }0 A4 b) Pif (now.getDay() == 2) document.write("星期二"

if (now.getDay() == 3) document.write("星期三"
8 @+ d. h, ?5 H: H' R
) V8 R; T9 V% ]if (now.getDay() == 4) document.write("星期四"
4 F8 K) z/ K. k
9 V* j. H+ f2 m% E0 Cdocument.write("</small></center>"

% c% s% i' a$ G/ l//--> </script>

二十五、添加到收藏夹的代码：
' w, k5 ~1 M1 W& W0 E9 j<span style="CURSOR: hand" title="想添加的名称">收藏本站</span>
( y3 O+ \# I% g3 ?二十六、设为首页的代码：
<span style="CURSOR: hand">设为首页</span>
/ U# _( E, Z& K1 q7 m二十七、保护自己的页面不被别人放在框架中：
<Script LANGUAGE="java - script">
9 i+ p: s$ W3 E& s/ vif(self!=top){top.location=self.location;}
</script>
) W$ M8 F# J5 s# q  A
* I! ^; Y, r: Y2 @" }( H! X: C( u( f二十八、状态栏出现打字效果特效代码：
要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
<SCRIPT LANGUAGE="java - script">
<!-- Begin
var msg = "Welcome To The java - script Fairyland";
% M7 n% Z3 |5 M- f# evar chars = msg.length + 1;
var updateStatus = "";
# u( j+ S6 \: q. cvar i = 0;
, c( n+ Z7 k4 ?9 ^/ tfunction statusMessage() {
" V8 B1 v" H6 ^- k" t/ u9 eif (i < chars) setTimeout("nextLetter()", 300);
4 v1 l" X- P: ]0 V. e1 ]' t}
function nextLetter() {
7 }/ K* M" X0 v2 x% FupdateStatus = msg.substring(0,i) + '_';
$ A2 @' q: Z+ R$ F- z2 awindow.status = updateStatus;
* d& v/ g5 A' Oi++;
statusMessage();
6 p  c6 J3 W, M, @4 j}
// End -->
</script>
! }" C5 A- N6 ?# |第二步：把“onLoad="statusMessage()"”加在<body>标记里
8 z6 o$ g) z1 S; A1 ?- O) y' G例如：<body>
+ C% V. \$ c; e/ I, D
二十九、在标题栏显示时间特效代码
完成此效果把如下代码加入到<body>区域中
<SCRIPT LANGUAGE="java - script">
) M0 O! Z" s: o5 F<!-- Begin
var clocktext;
var pagetitle = document.title;
function scroll() {
8 Q4 U4 n7 t$ i) a' S: ]today = new Date();
sec = today.getSeconds();
& [4 a: N, X- k" {hr = today.getHours();
+ e7 v4 z) L/ O. \& v) \, Wmin = today.getMinutes();
if (hr <= 9) hr = "0" + hr;
if (min <= 9) min = "0" + min;
if (sec <= 9) sec = "0" + sec;
2 ^' B4 y! R* Cvar clocktext = " 现在时间是: " + hr + ":" + min + ":" + sec;
3 G, d/ ~6 t. S. ?$ X1 Wclocktimer = setTimeout("scroll()", 1000);
6 G. A' ~1 }# D$ i6 G- ydocument.title = pagetitle + clocktext;
! o: [0 v2 U6 y" u1 n8 H" n}
if (document.all) scroll();
; \# d$ g. i2 y5 T6 {0 U; \// End -->
' U! u: Z4 A' ?1 F6 A$ H</script>
: l5 T! _3 k+ a7 T9 I
附件：
1、增强被搜索的机会（把自己的小店或网站最快推广的方法之一）
/ T5 q3 j# u1 z. g% T% f; Uhttp://www.google.com/intl/zh-CN/add_url.html
: I1 P; L/ p0 N" x2 I  ^http://www.baidu.com/search/url_submit.html
http://db.sohu.com/regurl/regform.asp
$ j  V  ]% w9 ]; t$ ]http://misc.yahoo.com.cn/search_submit.html
) ~! `0 A+ C3 X  z) x5 U
- M" w9 S, G' ^& _& K* z2、缩短网址最佳利器：（很多，可以在百度或GOOGLE自己搜索）
- ]+ X, F" [1 `- ~. |! z4 Hhttp://url.bb258.com/comurl.php
& X. U9 a* }. E+ r. p5 y- ~& S. \http://www.kuso.cc/
. N8 E1 v/ U3 Y. n4 B: Q
3、计数器申请网站：（很多，可以在百度或GOOGLE自己搜索）
) G* q: X: c+ ~3 b1 ~http://00counter.com/
* n1 @! y' p' I, N' p6 ywww.88count.com

5 m- Q" m: m, |( Z8 d4．常用图片及动画修理和制作工具下载地址:
  U) s3 F8 \5 p: O- ]7 i! l+ B图片一般可以PS,动画一般常用PS里面的IMAGEREADY和FLASH软件,为方便新手,可提供免安装注册的绿色软件,以供大家共享之!
PHOTOSHOP CS3 图片处理软件:http://www.greendown.cn/soft/73.html
2 {( V8 S" E- u# i: K; {& PFLASH8.0动画下载地址:http://www.greendown.cn/soft/520.html