如何装修淘宝店铺

帅哥

淘宝店铺完美装修-DIY自己动手全搞定之代码大全
) e) S* D: b/ G4 n1 K6 |
一、 插入图片代码：
<img src="图片链接地址" />
注：先把图片上传到网络相册网络地址，把它拷贝下来，放到下边一串代码里替代汉字部分；可以
应用于公告栏、分类栏及宝贝描述内。
二、 插入公告栏挂饰代码：
<img src="图片链接地址" style="left:20px; position: relative; top:0px" />
2 W5 X" i9 n, e5 D+ u( o1 F注：先把挂饰图片上传到网络相册；可以应用于公告栏、分类栏及宝贝描述内。
/ ?; k/ t' e& q三、背景音乐代码：
* F' s0 {. h2 t<bgsound loop="-1" src="音乐地址"></bgsound>
& ^+ T" ?5 T  r5 @注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
三、 在图片里附加音乐的办法：
: r, w6 S3 }6 H( e8 \<img border=0 src="图片地址" dynsrc=音乐地址>
注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
7 K) q; ]) S. c# A$ A四、 浮动的图片的代码：
& `+ ^: p! z. l( ^＜img alt="1" height="150" src="这里放图片地址"/＞
五、 悬浮挂饰代码：
＜img src="这里放图片地址" style="left:20px; position: relative; top:0px" /＞
六、 文字链接代码:
& L' F1 M  P6 K, v9 X＜a href="网页地址"＞链接的文字＜/a＞
' Q. J. X: G* U, p# I9 H七、 移动文字代码:
9 @# k7 @9 K- u3 T5 J  x＜marquee＞从右到左移动的文字＜/marquee＞
: M# [! E9 [" b  H' e8 l0 L八、 计数器代码
<a href="http://00counter.com" target="_blank"><img src="计数器地址"border=0
6 K7 p) D7 ^  `, J% A% {alt="00Counter.com"></a>
九、 店铺公告里的漂亮悬浮挂件的代码：
. N' b; h' l# d<marquee style="position:relative;" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60">
2 S7 N. |5 ~$ f# e- ]; _7 z<img src="加入你自己的图片地址" />
十、 店铺公告添加个性的鼠标指针代码：
<table style="CURSOR: url('上传后的鼠标指针的网址')"><tr><td>
<table border="0" style="TABLE-LAYOUT: fixed">
6 b! @& L- {) d十一、 宝贝描述加上个性的鼠标指针代码
先选“编辑源文件” ，然后复制以下代码：
4 l1 N. }8 a7 t5 n! R5 O, _<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')">
<tr>
' l9 S; W* H9 X  e) D1 h/ F<td width="100%">
# C% b4 b* w4 X' w另外，还要在源文件底部输入代码：</td></tr></table>
十二、 添加QQ在线交谈代码：
<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=41826029&Site=www.goodcup.bokee.com&Menu=yes>
. N: T6 G3 @, g6 C* N. s9 ?( g<img border="0" SRC=http://wpa.qq.com/pa?p=1:41826029:7 alt="点击这里给我发消息"></a>
注: 这是QQ在线状态的代码，里面的数值要改变，号码和网址改为你自己的，这个链接的作用
9 l8 I9 h& @% o0 w是别人可以直接点击联系你而无需加你为好友，使用方法是直接链接。
9 @( ?) c2 T( l" L$ i十三、 下面的代码设置在一定区域内让文字向上滚：“scrollamount=”可改变速度。
<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=up
2 W( P' A( I+ I; ?7 ]5 a7 O# Hscrollamount=2>文字</marquee></font></b></center>
4 k% Z8 l0 f7 W5 H) r十四、 添加旺旺在线代码：
( \  U5 }! j( a& K' O7 p: n<A href="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyewen"><IMG src=
"http://pics.taobao.com/newstyle/online_pic.gif" border=0></A>
! M2 p* ?& w5 r8 J十五、插入-FLASH动画 ：
<embed src="http://cartoonfile.163.com/source/55095/mingzzd" width="400"height="290"></embed>
9 Z9 _: p$ U7 k, o& i' u' [十六、让文字左右来回流动：
& I* j5 D1 H! C! w0 {<marquee behavior="alternate">88亮荘</marquee>
) u" L" u/ `$ |! B十七、让文字由下至上滚动：
<marquee direction="up">88亮荘</marquee>
& k8 J- o7 ]9 j" f' e* H+ o1 B0 u十八、让文字由左向右流动：
' y% m: Z. `3 _0 P! @6 U' u$ p<marquee direction="right">88亮荘</marquee>
十九、如何让文字滚动起来：
<marquee>88亮荘</marquee>
* Z! V" ^  R5 t4 B/ _$ T二十、如何让文章中的重要文字变色代码：
% E- U/ \& H1 N<font color="#FF0000">我淘心情你淘宝贝</font>
( q; Q  y4 d4 W" V. Y颜色代码附：
  I$ o8 h5 u3 g& ?1白色 #FFFFFF
2红色#FF0000
! \1 S! D2 t- k! P- [) q; Z3绿色#00FF00
6 R% `; p* b/ M* O( Q5 g- @- m  {4蓝色#0000FF
5牡丹红#FF00FF
) a: M3 j: o( \5 m& Y- n6青色 #00FFFF
7黄色#FFFF00
8黑色#000000
9海蓝#70DB93
$ L5 }0 T) s# g4 {10巧克力色#5C3317
11蓝紫色 #9F5F9F
7 U" R, `! @9 D6 `7 i12黄铜色#B5A642
13亮金色#D9D919
0 @: W3 h. n, ^$ T: p" Z9 I5 d( P) e: D14棕色#A67D3D
" L. ], Y; N* M/ l15青铜色 #8C7853
9 f/ @2 ?/ ^* g7 ?, ^162号青铜色 #A67D3D
17士官服蓝色 #5F9F9F
4 w% v' ^# z+ P6 F2 H18冷铜色 #D98719
19铜色 #B87333
+ \* V0 V: ^; J20珊瑚红 #FF7F00
6 [' k9 }7 E" a3 J21紫蓝色 #42426F
22深棕 #5C4033
23深绿 #2F4F2F
( a: V/ `6 s- y  y' H24深铜绿色 #4A766E
5 e" @6 h6 A( f2 V& Q/ k% N' ^9 ~25深橄榄绿 #4F4F2F
4 U' H% @, b) n5 `26深兰花色 #9932CD
; d3 e& g4 _+ \" S& q27深紫色 #871F78
, i/ Z& Y$ X: m* `$ L: d# h; g28深石板蓝 #6B238E
( W5 I: i  m6 u6 |; V/ p29深铅灰色 #2F4F4F
4 `* o; M9 l6 p30深棕褐色 #97694F
32深绿松石色 #7093DB
33暗木色 #855E42
/ e% R7 B3 j& k34淡灰色 #545454
35土灰玫瑰红色 #856363
36长石色 #D19275
37火砖色#8E2323
38森林绿 #238E23
39金色 #CD7F32
8 c! ~7 V- w: l  @7 }1 S40鲜黄色 #DBDB70
4 K6 _- A; p: n! B+ P41灰色 #C0C0C0
42铜绿色 #527F76
( ]1 D  z/ k7 s2 L43青黄色 #93DB70
# s! {- Z5 T6 u* `5 P44猎人绿 #215E21
$ I5 G0 H7 I5 y( G45印度红 #4E2F2F
" d% ?7 T" Z+ ~  g46土黄色 #9F9F5F
47浅蓝色 #C0D9D9
  q2 Q' ^; f, i$ E/ M48浅灰色 #A8A8A8
49浅钢蓝色 #8F8FBD
59浅木色 #E9C2A6
4 n& b& G$ f( c( A6 `60石灰绿色 #32CD32
  ]6 j3 E0 n6 [8 y! k1 d. l61桔黄色 #E47833
62褐红色 #8E236B
6 L7 x1 N8 C  X: v+ a63中海蓝色 #32CD99
1 b/ G" V% x4 q! p" w! R64中蓝色 #3232CD
65中森林绿 #6B8E23
66中鲜黄色 #EAEAAE
  ~* T' i, L8 c, D* b* F" a67中兰花色 #9370DB
: k8 A. j* ~% g9 h: r: W68中海绿色 #426F42
5 N5 x0 M0 f: ]+ C( p7 e7 S+ \" H6 u69中石板蓝色 #7F00FF
70中春绿色 #7FFF00
) Y; `0 M) F5 G- ?. j9 c5 q71中绿松石色 #70DBDB
/ Q% g5 l7 s+ A; D72中紫红色 #DB7093
73中木色 #A68064
. a4 \  D3 p6 k3 G+ b6 h7 |2 Y74深藏青色 #2F2F4F
- }) T# Z; ?* w7 j0 ~" n* P% b75海军蓝 #23238E
76霓虹篮 #4D4DFF
77霓虹粉红 #FF6EC7
78新深藏青色 #00009C
  _+ Q" i, ^8 P5 z6 B' Q79新棕褐色 #EBC79E
80暗金黄色 #CFB53B
1 F4 c) L) m- J7 e% @7 h* \0 W/ X$ q81橙色 #FF7F00
0 v8 O8 m5 @7 s& h9 W! b) x% [82橙红色 #FF2400
83淡紫色 #DB70DB
# G3 Y- q- t) m/ m) M& ?3 I84浅绿色 #8FBC8F
5 [$ `. b" I2 q% D85粉红色 #BC8F8F
86李子色 #EAADEA
87石英色 #D9D9F3
- P7 R2 S5 I0 B/ \* t: _88艳蓝色 #5959AB
89鲑鱼色 #6F4242
90猩红色 #BC1717
91海绿色 #238E68
" q& g# i6 Y; u8 [8 ^- N: ~0 Y92半甜巧克力色 #6B4226
5 N$ G& Z8 I6 s% Z; r) q8 h+ ^2 F, @93赭色 #8E6B23
+ b( x2 v# u( i5 f9 R2 ?7 F94银色 #E6E8FA
: Z0 q: K6 |1 N; L, P( m6 m9 X+ T' Y95天蓝 #3299CC
96石板蓝 #007FFF
97艳粉红色 #FF1CAE
. k/ b: _4 ]- e. V6 h! G; V98春绿色 #00FF7F
/ i& m: o; q: ?& i; ~99钢蓝色 #236B8E
2 g# C1 L; M- Y" ~( m100亮天蓝色 #38B0DE
101棕褐色 #DB9370
# A/ q/ @% G) R7 Y4 B; G4 K, F102紫红色 #D8BFD8
. j  l/ N  f+ e2 z103石板蓝色 #ADEAEA
' p7 h! X* O4 f104浓深棕色 #5C4033
105淡浅灰色 #CDCDCD
106紫罗兰色 #4F2F4F
7 D4 [$ i- A$ `107紫罗兰红色 #CC3299
8 X/ _7 V  n+ h108麦黄色#D8D8BF
109黄绿色 #99CC32
4 Z* D& _  _- ?" |( E. W. v" P' e
* V) j. [: ~* W- l8 x4 r二十一、文字加粗，倾斜的代码
: L1 Q* @1 K* r) Q& \* ?1 c8 a文字加粗的代码是: <b>文字</b>
; I% `) c/ I  \文字倾斜的代码是: <i>文字</i>
二十二、换行代码
! s$ ?# Z! V/ Q, u" h如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入<br>
这样就会分成两行显示 ，整个网站看起来也不会是一大片了，而是段落分明
. r4 W, F* i; N5 [* g如果输入一个<br>，那就是另起一行，如果连续输入两个，即<br><br>，那就会空一行
- K  Y( v' j6 Y二十三、时钟在背景上显示代码
<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div>

: F) C, l0 u" I: G6 }! ^0 T<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;colorDDDDD;font-size:120px;top:100px;left:150px"></div>
6 {8 R$ e* `5 |
<div id="mainbody" style="position:absolute; visibility:visible">
</div>

) K. {+ `3 D! k二十四、中文星期网页特效显示代码：
<script LANGUAGE="java - script">
: |/ ^! _% x( ?8 m9 \<!-- document.write("<center><font size=+1><b>"
now = new Date() //定义新对象，new具有Date的性质
. Y* {: t4 |* a4 C* D" Cdocument.write("<center><small>"
: J; p  R) Y! T) S. {if (now.getDay() == 5) document.write("星期五"

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

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

% h! x' g; s9 H' l8 dif (now.getDay() == 1) document.write("星期一"
- p  p7 d2 `. H" n9 v) {' L
if (now.getDay() == 2) document.write("星期二"
8 D1 c0 z1 Y2 _8 B4 ]
if (now.getDay() == 3) document.write("星期三"

if (now.getDay() == 4) document.write("星期四"
. e4 |( n" n7 h+ }$ f
3 S8 \1 [( X6 r5 S$ D- mdocument.write("</small></center>"

: L' z7 ]$ `! b, z6 {; X' z/ y, z//--> </script>
1 q3 I1 m3 }3 D% H4 H1 u
! }$ L* ^! D/ E, `9 p# S% U: B二十五、添加到收藏夹的代码：
<span style="CURSOR: hand" title="想添加的名称">收藏本站</span>
* h( U* ?; ?( h4 x( l" R1 |二十六、设为首页的代码：
<span style="CURSOR: hand">设为首页</span>
# ?! j9 p5 c0 j; l7 E) W( j" ~/ _6 o二十七、保护自己的页面不被别人放在框架中：
<Script LANGUAGE="java - script">
, w" c) L/ [* V$ Yif(self!=top){top.location=self.location;}
  }' D( P' y: T% C5 `- v</script>
# T/ t8 q$ p( }% m& n! C$ G
二十八、状态栏出现打字效果特效代码：
要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
4 w  p) z4 W1 H! |1 Q<SCRIPT LANGUAGE="java - script">
& ~7 a! w' ]! r<!-- Begin
var msg = "Welcome To The java - script Fairyland";
4 Q3 z* ^9 t( pvar chars = msg.length + 1;
' o) j: ~5 ?, e$ ~% A5 Hvar updateStatus = "";
var i = 0;
function statusMessage() {
if (i < chars) setTimeout("nextLetter()", 300);
! Q' e! [# g) @0 A}
* Y# l# m$ C; J! I, [5 ~4 x( W8 tfunction nextLetter() {
updateStatus = msg.substring(0,i) + '_';
window.status = updateStatus;
4 M) L- R0 {7 W+ G7 k- G. [% Wi++;
8 G. `- Y" n/ L7 gstatusMessage();
& c% t( Z3 E5 G0 u( h% g}
" x& p2 P" {% N4 g* l  Y4 p& _// End -->
. A7 n' J6 U8 {4 `  v* g</script>
第二步：把“onLoad="statusMessage()"”加在<body>标记里
例如：<body>
0 W. }+ {: z* R, w' {
二十九、在标题栏显示时间特效代码
# M( x5 f" [7 c完成此效果把如下代码加入到<body>区域中
" m; Z& U, \+ L- h<SCRIPT LANGUAGE="java - script">
5 G4 Z2 g& ^9 G2 L3 z<!-- Begin
var clocktext;
var pagetitle = document.title;
2 L) A4 P2 o  U  ]function scroll() {
: N) {3 M9 l, |8 M/ u# ptoday = new Date();
sec = today.getSeconds();
3 w6 [" A: P' C2 n0 u/ U/ ?hr = today.getHours();
& w; i! x" a4 F3 V/ q+ I! Imin = today.getMinutes();
' z( I# S( C, `& U* H$ E2 ^if (hr <= 9) hr = "0" + hr;
' J8 C, e" ^- H2 Pif (min <= 9) min = "0" + min;
if (sec <= 9) sec = "0" + sec;
var clocktext = " 现在时间是: " + hr + ":" + min + ":" + sec;
# K+ {) X; x4 Y1 Vclocktimer = setTimeout("scroll()", 1000);
" Y1 x) w2 D. Tdocument.title = pagetitle + clocktext;
1 M+ d0 A, i2 i8 A}
; r& @! i/ _- ^if (document.all) scroll();
// End -->
</script>
7 g: w" _) n) M0 r
: g5 z7 k, P2 W9 A! h附件：
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
: L. I4 z+ ?& J$ nhttp://misc.yahoo.com.cn/search_submit.html
% j, ~! A7 t# j/ b' g' g, Y* `
( O$ j* \( K: I5 o2、缩短网址最佳利器：（很多，可以在百度或GOOGLE自己搜索）
http://url.bb258.com/comurl.php
http://www.kuso.cc/

) W* \6 R5 f6 `7 A3、计数器申请网站：（很多，可以在百度或GOOGLE自己搜索）
0 ?4 T% I+ N3 L/ i4 L( n$ q  Fhttp://00counter.com/
www.88count.com
1 k) b/ ^+ l  B$ j9 w: G( N
4．常用图片及动画修理和制作工具下载地址:
. A' g; H+ g; N, j: ?图片一般可以PS,动画一般常用PS里面的IMAGEREADY和FLASH软件,为方便新手,可提供免安装注册的绿色软件,以供大家共享之!
PHOTOSHOP CS3 图片处理软件:http://www.greendown.cn/soft/73.html
FLASH8.0动画下载地址:http://www.greendown.cn/soft/520.html