如何装修淘宝店铺

帅哥

淘宝店铺完美装修-DIY自己动手全搞定之代码大全
7 x0 |" y; I4 T9 E
一、 插入图片代码：
7 w# x" M% r& K) B( d<img src="图片链接地址" />
: a; E/ O) E9 G" l8 p5 W$ }  h注：先把图片上传到网络相册网络地址，把它拷贝下来，放到下边一串代码里替代汉字部分；可以
应用于公告栏、分类栏及宝贝描述内。
二、 插入公告栏挂饰代码：
0 v. b6 |1 O- i( R! X<img src="图片链接地址" style="left:20px; position: relative; top:0px" />
+ M: u. @+ v& L$ F: d0 h2 I注：先把挂饰图片上传到网络相册；可以应用于公告栏、分类栏及宝贝描述内。
三、背景音乐代码：
: H7 Q" \) D" p2 H( b0 N<bgsound loop="-1" src="音乐地址"></bgsound>
注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
' t4 n" R9 W' t, z3 @三、 在图片里附加音乐的办法：
8 z$ H/ P- n# r' r  q# G: D; I<img border=0 src="图片地址" dynsrc=音乐地址>
/ {- {/ A% [0 t0 r注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
( g% L0 P3 y% k: T$ B4 A% }四、 浮动的图片的代码：
＜img alt="1" height="150" src="这里放图片地址"/＞
五、 悬浮挂饰代码：
＜img src="这里放图片地址" style="left:20px; position: relative; top:0px" /＞
六、 文字链接代码:
/ A; ^: z' U! O, G/ Z＜a href="网页地址"＞链接的文字＜/a＞
0 H9 h7 r" [) ^2 \七、 移动文字代码:
/ C2 c, R9 L7 m; ^) @" b8 Z＜marquee＞从右到左移动的文字＜/marquee＞
八、 计数器代码
$ n  y% U( K( R4 a<a href="http://00counter.com" target="_blank"><img src="计数器地址"border=0
alt="00Counter.com"></a>
4 ^6 x# [; T0 |1 U- g. P! M九、 店铺公告里的漂亮悬浮挂件的代码：
4 a# p7 h* z& @: e4 N9 O<marquee style="position:relative;" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60">
<img src="加入你自己的图片地址" />
十、 店铺公告添加个性的鼠标指针代码：
<table style="CURSOR: url('上传后的鼠标指针的网址')"><tr><td>
# n2 v- I6 K" n! T<table border="0" style="TABLE-LAYOUT: fixed">
9 h( k, a8 l- S7 q0 v$ }十一、 宝贝描述加上个性的鼠标指针代码
先选“编辑源文件” ，然后复制以下代码：
+ }! V7 ]) J5 z<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')">
$ R6 |8 Y1 h* I: g5 Y( z<tr>
0 @% F' I' l. c- K3 R4 i<td width="100%">
3 V% W# a; D' c/ F另外，还要在源文件底部输入代码：</td></tr></table>
十二、 添加QQ在线交谈代码：
<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在线状态的代码，里面的数值要改变，号码和网址改为你自己的，这个链接的作用
是别人可以直接点击联系你而无需加你为好友，使用方法是直接链接。
- N- ]0 E; C6 u2 {; t$ J8 N0 w0 G8 A9 }' w十三、 下面的代码设置在一定区域内让文字向上滚：“scrollamount=”可改变速度。
5 L  k: J& k4 R/ n3 Q<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=up
- }7 m+ b& e. Z# u9 uscrollamount=2>文字</marquee></font></b></center>
! b& p+ L& B5 d  }! D1 i5 h- d* x十四、 添加旺旺在线代码：
<A href="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyewen"><IMG src=
"http://pics.taobao.com/newstyle/online_pic.gif" border=0></A>
+ ?; Z0 {4 S, Y. s; U十五、插入-FLASH动画 ：
2 A3 ]4 t1 Y& ~+ x<embed src="http://cartoonfile.163.com/source/55095/mingzzd" width="400"height="290"></embed>
十六、让文字左右来回流动：
# o* {7 c: V& e% R' f<marquee behavior="alternate">88亮荘</marquee>
十七、让文字由下至上滚动：
, f  g( h# |: A% A, \. W, B' h<marquee direction="up">88亮荘</marquee>
0 A# J  V/ T. {% x( d. a十八、让文字由左向右流动：
# O8 U4 y/ y. \) Z* v0 Y8 w& N% f<marquee direction="right">88亮荘</marquee>
+ g4 P4 ]$ j% H9 j8 ^十九、如何让文字滚动起来：
<marquee>88亮荘</marquee>
二十、如何让文章中的重要文字变色代码：
' N, S6 y# c7 \: o) J) Z<font color="#FF0000">我淘心情你淘宝贝</font>
颜色代码附：
9 P  A2 ^2 [1 F1白色 #FFFFFF
2红色#FF0000
3绿色#00FF00
4蓝色#0000FF
: S( s& ]! V0 ^9 d+ x3 E/ ?5牡丹红#FF00FF
' c2 C: [8 E4 G9 O) n6青色 #00FFFF
0 r* j3 S4 L* u. z+ V: a" J7黄色#FFFF00
8黑色#000000
9海蓝#70DB93
( R5 G1 j0 a7 f10巧克力色#5C3317
11蓝紫色 #9F5F9F
12黄铜色#B5A642
13亮金色#D9D919
# H% [3 \1 c! a14棕色#A67D3D
15青铜色 #8C7853
162号青铜色 #A67D3D
17士官服蓝色 #5F9F9F
, E9 Q! U( E" X: ~18冷铜色 #D98719
19铜色 #B87333
! O. R9 V' w, e- r$ _) g20珊瑚红 #FF7F00
5 W- k3 _7 s3 {  Z21紫蓝色 #42426F
22深棕 #5C4033
! C# m- a8 M# r  }: ~23深绿 #2F4F2F
# p+ ?$ c6 [6 E24深铜绿色 #4A766E
: l) [. t7 R8 M4 i3 X25深橄榄绿 #4F4F2F
26深兰花色 #9932CD
5 Q3 U8 M7 G! w1 y) [& ]7 U+ k27深紫色 #871F78
& X  j( i) `  R3 `28深石板蓝 #6B238E
2 M3 }. R1 b" E, }8 q: o29深铅灰色 #2F4F4F
3 [/ ?! i, w. |4 T6 a) `30深棕褐色 #97694F
3 }* ?% f; G1 x$ \32深绿松石色 #7093DB
33暗木色 #855E42
34淡灰色 #545454
4 X. N2 y' S. ^" J35土灰玫瑰红色 #856363
36长石色 #D19275
37火砖色#8E2323
38森林绿 #238E23
- P  A3 t. u. \- X, \: Y+ L: x+ ~39金色 #CD7F32
40鲜黄色 #DBDB70
0 r) S9 i% T$ {, u: p" C2 @. A5 A, N41灰色 #C0C0C0
$ `* V; U8 U' M! j- `3 s42铜绿色 #527F76
  X: O+ A$ p6 U" d5 W5 S7 A+ V43青黄色 #93DB70
44猎人绿 #215E21
45印度红 #4E2F2F
46土黄色 #9F9F5F
47浅蓝色 #C0D9D9
48浅灰色 #A8A8A8
49浅钢蓝色 #8F8FBD
- m- R, a" b8 [7 H: k. R59浅木色 #E9C2A6
60石灰绿色 #32CD32
) T$ U( `% _5 p0 ~- _61桔黄色 #E47833
+ D% d# ]/ h* |; x62褐红色 #8E236B
. X6 G" M1 l+ c6 r. e; d( P63中海蓝色 #32CD99
5 ^1 M0 Y7 z8 m4 l, l& ~64中蓝色 #3232CD
; o) v, p6 |/ ^+ V' \65中森林绿 #6B8E23
6 r# |+ T0 c2 p% ]- D* r2 e66中鲜黄色 #EAEAAE
67中兰花色 #9370DB
68中海绿色 #426F42
7 B$ `' Y! D" w69中石板蓝色 #7F00FF
70中春绿色 #7FFF00
71中绿松石色 #70DBDB
72中紫红色 #DB7093
6 t8 s2 E5 B% k9 C8 j73中木色 #A68064
/ v+ j9 e  p8 L( \5 i74深藏青色 #2F2F4F
75海军蓝 #23238E
. d' w! }2 d6 k2 F76霓虹篮 #4D4DFF
77霓虹粉红 #FF6EC7
78新深藏青色 #00009C
79新棕褐色 #EBC79E
& o7 j, G' i' t; J! ^80暗金黄色 #CFB53B
81橙色 #FF7F00
* }7 z2 i  U- D* Y82橙红色 #FF2400
83淡紫色 #DB70DB
- w8 v! j' U! p9 b0 i& a7 r9 P84浅绿色 #8FBC8F
85粉红色 #BC8F8F
  Z, U& l  c8 ~* @2 ]4 Q& ~# ^$ m86李子色 #EAADEA
87石英色 #D9D9F3
88艳蓝色 #5959AB
89鲑鱼色 #6F4242
7 ^- F  r6 m3 t5 `90猩红色 #BC1717
# W1 W+ u& c* S% q* J. u91海绿色 #238E68
92半甜巧克力色 #6B4226
93赭色 #8E6B23
) B. P4 r) e- W. j5 P  ~5 W5 G$ Z; Q- V94银色 #E6E8FA
95天蓝 #3299CC
  S2 ^& \7 k$ @% y1 W96石板蓝 #007FFF
97艳粉红色 #FF1CAE
98春绿色 #00FF7F
8 q4 B" v3 W8 j" O0 D) E: _8 V* w99钢蓝色 #236B8E
5 `5 ?9 d6 u1 c4 `- Z$ k- j100亮天蓝色 #38B0DE
101棕褐色 #DB9370
* R3 r, w3 ^5 r' Z3 v102紫红色 #D8BFD8
103石板蓝色 #ADEAEA
! s; k* U; H$ x* V" `104浓深棕色 #5C4033
105淡浅灰色 #CDCDCD
% g; i2 Z& }7 s  j106紫罗兰色 #4F2F4F
3 N: _( X8 r! b# `# ?107紫罗兰红色 #CC3299
) S8 U; c( w% k$ x6 s3 M108麦黄色#D8D8BF
109黄绿色 #99CC32
4 S6 c0 Q( O+ m0 n9 y! I
  |. u6 V4 A! T2 i% m二十一、文字加粗，倾斜的代码
文字加粗的代码是: <b>文字</b>
文字倾斜的代码是: <i>文字</i>
, Y( A3 ]& f. v( S二十二、换行代码
1 _" b  \+ p" k3 ]3 R- Z) |# v如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入<br>
  L( U7 i$ T+ ^  O, _这样就会分成两行显示 ，整个网站看起来也不会是一大片了，而是段落分明
$ A$ e; z" |6 z5 a& n( I9 G: ~6 a如果输入一个<br>，那就是另起一行，如果连续输入两个，即<br><br>，那就会空一行
二十三、时钟在背景上显示代码
<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div>

) f/ I  N- U6 I, Z: g; S9 V<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;colorDDDDD;font-size:120px;top:100px;left:150px"></div>

<div id="mainbody" style="position:absolute; visibility:visible">
</div>

9 ?$ Z& Y& ?* }% i  g二十四、中文星期网页特效显示代码：
<script LANGUAGE="java - script">
<!-- document.write("<center><font size=+1><b>"
now = new Date() //定义新对象，new具有Date的性质
, y  w1 J' [/ E+ @* w9 N  Hdocument.write("<center><small>"
if (now.getDay() == 5) document.write("星期五"

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

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

; l# r4 v* b3 `/ P6 iif (now.getDay() == 1) document.write("星期一"
* D7 T# w2 J/ g0 a4 O& e5 n" A5 I
* U# b: P; u6 w2 n. t2 hif (now.getDay() == 2) document.write("星期二"
$ I+ h& L4 c6 P9 Q' J& W& f( g$ q
. U- y; X- `$ i+ T+ s  T/ Bif (now.getDay() == 3) document.write("星期三"
0 Z& @. m; ~4 e
! h7 G; n! J4 U5 t& Yif (now.getDay() == 4) document.write("星期四"
# x6 T$ r- [' h% @% Z
document.write("</small></center>"

//--> </script>
2 S4 f  c, G+ c6 B
7 Q9 H" C4 U# _: k% T二十五、添加到收藏夹的代码：
<span style="CURSOR: hand" title="想添加的名称">收藏本站</span>
二十六、设为首页的代码：
<span style="CURSOR: hand">设为首页</span>
二十七、保护自己的页面不被别人放在框架中：
<Script LANGUAGE="java - script">
if(self!=top){top.location=self.location;}
</script>

' d) y# n$ G/ H' u二十八、状态栏出现打字效果特效代码：
要完成此效果需要两个步骤
0 F3 R+ p+ H& s; U# G' n4 H第一步：把如下代码加入到<head>区域中
<SCRIPT LANGUAGE="java - script">
& o1 [- ?, U( C0 E! B1 a  T/ U, K' c<!-- Begin
var msg = "Welcome To The java - script Fairyland";
9 o6 C; o/ Z8 L1 }  rvar chars = msg.length + 1;
var updateStatus = "";
var i = 0;
function statusMessage() {
7 B) [# \/ U( Z6 w2 @: z2 gif (i < chars) setTimeout("nextLetter()", 300);
}
function nextLetter() {
* `. k" q4 H0 m/ P, vupdateStatus = msg.substring(0,i) + '_';
" O1 q3 u3 S2 ?3 mwindow.status = updateStatus;
i++;
  l8 P5 r$ A2 S: z8 T) \% o8 HstatusMessage();
, }- H. x  {% i+ i}
9 M5 H/ u. k7 A// End -->
</script>
第二步：把“onLoad="statusMessage()"”加在<body>标记里
例如：<body>
% B; ~' t  z' k$ J
二十九、在标题栏显示时间特效代码
完成此效果把如下代码加入到<body>区域中
<SCRIPT LANGUAGE="java - script">
( f7 U, y6 V# Z6 ]1 O# w<!-- Begin
8 `9 C3 T: d  w: f) i$ Ovar clocktext;
var pagetitle = document.title;
5 q3 a8 {, H* t% U* H, w4 ?. s2 Qfunction scroll() {
today = new Date();
% `( M9 M; _1 \+ n3 Fsec = today.getSeconds();
hr = today.getHours();
min = today.getMinutes();
if (hr <= 9) hr = "0" + hr;
6 t# k& ~6 {, @* }7 c7 Lif (min <= 9) min = "0" + min;
if (sec <= 9) sec = "0" + sec;
( @$ b6 c  d" c& ?( Avar clocktext = " 现在时间是: " + hr + ":" + min + ":" + sec;
clocktimer = setTimeout("scroll()", 1000);
& V+ c% s2 R' A: V$ mdocument.title = pagetitle + clocktext;
}
if (document.all) scroll();
$ [3 [$ |5 b; r// End -->
</script>
, A4 n$ Y% F0 r
附件：
1、增强被搜索的机会（把自己的小店或网站最快推广的方法之一）
http://www.google.com/intl/zh-CN/add_url.html
) t# m' V( L6 @# |0 Khttp://www.baidu.com/search/url_submit.html
http://db.sohu.com/regurl/regform.asp
http://misc.yahoo.com.cn/search_submit.html
: Y; s& @6 w3 T; U* n4 x/ N+ j
1 Z5 r8 p2 g, b) D6 h$ h  y2、缩短网址最佳利器：（很多，可以在百度或GOOGLE自己搜索）
( J% p! a4 X+ h3 _- x# khttp://url.bb258.com/comurl.php
http://www.kuso.cc/
( i# V- v* f7 V" r4 f; a
3、计数器申请网站：（很多，可以在百度或GOOGLE自己搜索）
( Q7 D$ U4 E6 zhttp://00counter.com/
0 @# L: ]- @8 [! M/ Rwww.88count.com
' _1 b) v$ X) \! Y! n
4．常用图片及动画修理和制作工具下载地址:
图片一般可以PS,动画一般常用PS里面的IMAGEREADY和FLASH软件,为方便新手,可提供免安装注册的绿色软件,以供大家共享之!
! T$ a. D! A; K% L# ?3 ]+ |PHOTOSHOP CS3 图片处理软件:http://www.greendown.cn/soft/73.html
FLASH8.0动画下载地址:http://www.greendown.cn/soft/520.html