如何装修淘宝店铺

帅哥

淘宝店铺完美装修-DIY自己动手全搞定之代码大全

一、 插入图片代码：
/ N$ H: L) w6 z7 ]. {<img src="图片链接地址" />
! Q: h+ W. M+ @. h, M' _* B$ B* A注：先把图片上传到网络相册网络地址，把它拷贝下来，放到下边一串代码里替代汉字部分；可以
* {5 w; z+ i  T& t$ {7 D- m应用于公告栏、分类栏及宝贝描述内。
二、 插入公告栏挂饰代码：
4 {6 H+ `; [2 [0 S0 Q# r$ t  l<img src="图片链接地址" style="left:20px; position: relative; top:0px" />
$ v7 F9 V, y3 f& F注：先把挂饰图片上传到网络相册；可以应用于公告栏、分类栏及宝贝描述内。
三、背景音乐代码：
* h4 Z% P3 u, E6 Z9 q* z4 @<bgsound loop="-1" src="音乐地址"></bgsound>
0 f2 A; W  w( G3 F注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
; S; ]( t5 G7 t; ]" X$ m三、 在图片里附加音乐的办法：
# x) f' n- c3 i/ u+ s" \4 ]6 V. [<img border=0 src="图片地址" dynsrc=音乐地址>
注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
' P- q% y8 o. w9 J0 N四、 浮动的图片的代码：
0 x1 P9 }( L- C! w6 K# d! Y＜img alt="1" height="150" src="这里放图片地址"/＞
五、 悬浮挂饰代码：
; ^0 c2 v2 e) a2 W( N＜img src="这里放图片地址" style="left:20px; position: relative; top:0px" /＞
六、 文字链接代码:
  d4 `5 p! U" D4 P( ?1 s＜a href="网页地址"＞链接的文字＜/a＞
3 Y# s# g  I5 H1 @' u2 ?) W七、 移动文字代码:
- W4 j- g+ [3 K/ ^/ s＜marquee＞从右到左移动的文字＜/marquee＞
八、 计数器代码
<a href="http://00counter.com" target="_blank"><img src="计数器地址"border=0
) L# y6 a( f. N8 I  W% |alt="00Counter.com"></a>
九、 店铺公告里的漂亮悬浮挂件的代码：
<marquee style="position:relative;" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60">
<img src="加入你自己的图片地址" />
十、 店铺公告添加个性的鼠标指针代码：
<table style="CURSOR: url('上传后的鼠标指针的网址')"><tr><td>
( l) P$ ~) \# M0 Y) x<table border="0" style="TABLE-LAYOUT: fixed">
十一、 宝贝描述加上个性的鼠标指针代码
+ j8 I4 c/ I9 @1 I9 }先选“编辑源文件” ，然后复制以下代码：
6 p& t+ T' @* l4 |5 o<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')">
5 N5 X; x5 Y: I, P. d9 {<tr>
$ Y  h- N; P- @0 o6 o<td width="100%">
9 I. t# J+ Y! k4 C3 x) B另外，还要在源文件底部输入代码：</td></tr></table>
( a6 S8 M3 X% b十二、 添加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在线状态的代码，里面的数值要改变，号码和网址改为你自己的，这个链接的作用
是别人可以直接点击联系你而无需加你为好友，使用方法是直接链接。
* s; w8 ^3 b  g4 G十三、 下面的代码设置在一定区域内让文字向上滚：“scrollamount=”可改变速度。
<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=up
scrollamount=2>文字</marquee></font></b></center>
2 _6 J! p/ {( W! k( F2 }0 w7 ~十四、 添加旺旺在线代码：
<A href="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyewen"><IMG src=
"http://pics.taobao.com/newstyle/online_pic.gif" border=0></A>
; }" X$ y7 a) m4 ]: d' \7 ~- ?: x十五、插入-FLASH动画 ：
+ k- n$ q9 A. E6 i: z# x$ S<embed src="http://cartoonfile.163.com/source/55095/mingzzd" width="400"height="290"></embed>
* E0 x" q1 ~8 n0 n& l) y: T十六、让文字左右来回流动：
<marquee behavior="alternate">88亮荘</marquee>
十七、让文字由下至上滚动：
" `: u- [5 b3 ^2 o<marquee direction="up">88亮荘</marquee>
十八、让文字由左向右流动：
2 g8 e9 J7 k. r! |/ k' v<marquee direction="right">88亮荘</marquee>
4 o8 O, \7 d# l2 x9 F' T5 T十九、如何让文字滚动起来：
<marquee>88亮荘</marquee>
二十、如何让文章中的重要文字变色代码：
5 Q* F5 s& G. z6 W<font color="#FF0000">我淘心情你淘宝贝</font>
9 m  U4 \6 W0 V颜色代码附：
1白色 #FFFFFF
& y0 S3 X7 c, V, Z2红色#FF0000
3绿色#00FF00
4蓝色#0000FF
4 R+ W! @9 |8 T2 ~! X. W5牡丹红#FF00FF
6青色 #00FFFF
7黄色#FFFF00
8黑色#000000
9海蓝#70DB93
6 Q1 b7 c* K( p" ?) V10巧克力色#5C3317
11蓝紫色 #9F5F9F
12黄铜色#B5A642
( J( B: U8 t5 W' p6 @: j13亮金色#D9D919
14棕色#A67D3D
15青铜色 #8C7853
6 Q. f  w% O7 h/ s# ]6 g" l162号青铜色 #A67D3D
1 f0 ?* D. s* K$ Z  a, U17士官服蓝色 #5F9F9F
9 d1 X3 z2 @. [7 W- a- y" m18冷铜色 #D98719
% p/ I* a# o# v1 K9 B1 N19铜色 #B87333
7 M" }5 L4 ?$ s/ u" P- {20珊瑚红 #FF7F00
% I) D/ x5 Y0 m( \2 A0 l; i$ m21紫蓝色 #42426F
22深棕 #5C4033
1 o' V" E  S) A9 E! B8 ]$ v8 X23深绿 #2F4F2F
24深铜绿色 #4A766E
25深橄榄绿 #4F4F2F
26深兰花色 #9932CD
27深紫色 #871F78
28深石板蓝 #6B238E
" t3 G- Z" R5 Q' V29深铅灰色 #2F4F4F
/ ~0 C+ e" h7 G: E3 j9 K2 s30深棕褐色 #97694F
# w9 t- u0 Y/ m% x32深绿松石色 #7093DB
33暗木色 #855E42
* O4 e. Q9 t. ]) a34淡灰色 #545454
35土灰玫瑰红色 #856363
+ z. n8 K( Q) o36长石色 #D19275
3 D$ }# r  l+ j2 ]37火砖色#8E2323
38森林绿 #238E23
39金色 #CD7F32
40鲜黄色 #DBDB70
  a9 Z5 _9 v- @41灰色 #C0C0C0
42铜绿色 #527F76
43青黄色 #93DB70
44猎人绿 #215E21
& V/ l0 ~/ v/ n1 c! T& Z$ Q$ [45印度红 #4E2F2F
) K. Y! P* X/ \, p46土黄色 #9F9F5F
47浅蓝色 #C0D9D9
48浅灰色 #A8A8A8
49浅钢蓝色 #8F8FBD
59浅木色 #E9C2A6
60石灰绿色 #32CD32
61桔黄色 #E47833
+ H# {( W% U$ h/ l/ U4 a- U1 ?: k62褐红色 #8E236B
/ X" g0 W9 ?* X' K( g  [63中海蓝色 #32CD99
- [" Y3 @- W/ ?( o7 P! z( `+ s64中蓝色 #3232CD
, W" F/ H; `& ~65中森林绿 #6B8E23
66中鲜黄色 #EAEAAE
67中兰花色 #9370DB
% K# O- {4 T* @" Y1 i68中海绿色 #426F42
# z( ~. K9 V6 F1 ~' S69中石板蓝色 #7F00FF
70中春绿色 #7FFF00
: _. h( G  Y0 _8 L) w( ~71中绿松石色 #70DBDB
" h% d2 w$ `8 a' W0 D# T72中紫红色 #DB7093
73中木色 #A68064
74深藏青色 #2F2F4F
75海军蓝 #23238E
( F9 |1 f' g; i  |3 C76霓虹篮 #4D4DFF
77霓虹粉红 #FF6EC7
$ v) K6 |1 V2 q1 u78新深藏青色 #00009C
79新棕褐色 #EBC79E
( h3 f; X$ @, }7 L3 }) z/ w3 Z. s9 n80暗金黄色 #CFB53B
81橙色 #FF7F00
3 s; L' O+ O, s/ ?8 K82橙红色 #FF2400
( E: |' i0 l- c- ?8 [* S8 k83淡紫色 #DB70DB
6 P6 N6 L  a6 [3 e' ]84浅绿色 #8FBC8F
85粉红色 #BC8F8F
1 S$ e/ d/ R% R7 {) B$ f86李子色 #EAADEA
87石英色 #D9D9F3
7 o" w( `6 E& c) g9 W1 M' L88艳蓝色 #5959AB
89鲑鱼色 #6F4242
' D6 O5 w# @. B  r! E90猩红色 #BC1717
# v. v  a4 B9 ?6 o6 ?91海绿色 #238E68
92半甜巧克力色 #6B4226
( I$ u+ ~: ^2 D- w( Q$ {, n93赭色 #8E6B23
9 Z2 t: v5 G. C$ t; I4 W94银色 #E6E8FA
# E. d# G0 J0 u# r- d' z/ A% ?: E95天蓝 #3299CC
3 D" f9 l* @4 U! E& h96石板蓝 #007FFF
97艳粉红色 #FF1CAE
98春绿色 #00FF7F
. O6 I8 m& y/ C- H0 T# p, [9 o99钢蓝色 #236B8E
100亮天蓝色 #38B0DE
% h3 |" h) y' i+ g101棕褐色 #DB9370
102紫红色 #D8BFD8
103石板蓝色 #ADEAEA
" O. K! ~! _. O104浓深棕色 #5C4033
3 ?8 _+ T/ y  C* [/ T! w105淡浅灰色 #CDCDCD
106紫罗兰色 #4F2F4F
! _. C3 ]: X5 A  v  z& B' R107紫罗兰红色 #CC3299
  d7 b8 i" W6 x# ~108麦黄色#D8D8BF
109黄绿色 #99CC32
/ ~% v: [9 x6 c6 u
4 K& l% z4 F, `1 h. L9 ?二十一、文字加粗，倾斜的代码
文字加粗的代码是: <b>文字</b>
文字倾斜的代码是: <i>文字</i>
二十二、换行代码
0 {# I! f9 N; H' U如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入<br>
这样就会分成两行显示 ，整个网站看起来也不会是一大片了，而是段落分明
" x3 d7 l1 a' z- o2 g7 v; c如果输入一个<br>，那就是另起一行，如果连续输入两个，即<br><br>，那就会空一行
" B* V1 {4 s; s) v4 h二十三、时钟在背景上显示代码
<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div>
. K8 _% `, u$ A
1 e4 w4 V' o; L  q" U5 c<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;colorDDDDD;font-size:120px;top:100px;left:150px"></div>

+ c2 a' E0 n- A<div id="mainbody" style="position:absolute; visibility:visible">
- i% ~" C$ A% h. b  V</div>
$ e3 Y7 R% I* M1 `
% C+ Y/ j6 }3 v  S" I二十四、中文星期网页特效显示代码：
  Q+ R, z! [2 r<script LANGUAGE="java - script">
6 R0 K# D$ W/ [! A' l+ ]+ `# t<!-- document.write("<center><font size=+1><b>"
/ K5 I- \; s2 R$ }, k" N) ?& rnow = new Date() //定义新对象，new具有Date的性质
document.write("<center><small>"
if (now.getDay() == 5) document.write("星期五"

. ~: B0 A& x3 U6 l- v# p0 N3 Q1 c, uif (now.getDay() == 6) document.write("星期六"
' C& r6 P( H. [4 a: R/ u
: R. G8 {9 S; _* X( k. o1 ~  G: V. Tif (now.getDay() == 0) document.write("星期日"
6 X9 q( ?; E9 u7 u* o3 }1 t
" `" B, Q2 j& n( B$ _" F1 `3 Gif (now.getDay() == 1) document.write("星期一"
/ r0 x# \: [% J8 d: A6 Y4 \& Q
- ?+ y0 d- G8 A! ]if (now.getDay() == 2) document.write("星期二"

/ z! G8 w0 f. M1 e( a7 M+ Tif (now.getDay() == 3) document.write("星期三"
3 ^% S- P  @. f+ X
5 [/ B; x$ s# C; N$ Z8 ?8 F' x. D; _if (now.getDay() == 4) document.write("星期四"
( S' u. b6 B8 E& W
document.write("</small></center>"
) Z6 ?8 ~$ W$ j0 ^
  k9 ]+ d9 V) a- y4 d//--> </script>

二十五、添加到收藏夹的代码：
0 v2 I$ Y( G+ {6 N: v! F: m$ K7 C( |<span style="CURSOR: hand" title="想添加的名称">收藏本站</span>
' y: d" {6 ]6 h: W二十六、设为首页的代码：
<span style="CURSOR: hand">设为首页</span>
二十七、保护自己的页面不被别人放在框架中：
6 G" U; B2 e' k4 P3 @$ J& Q6 h<Script LANGUAGE="java - script">
if(self!=top){top.location=self.location;}
</script>

二十八、状态栏出现打字效果特效代码：
要完成此效果需要两个步骤
, b2 q5 l& Q3 G9 [$ u; |$ p第一步：把如下代码加入到<head>区域中
- X. t2 X! }. {2 a  r1 T<SCRIPT LANGUAGE="java - script">
$ `4 E. p3 E7 G! F<!-- Begin
var msg = "Welcome To The java - script Fairyland";
var chars = msg.length + 1;
9 I5 d* V6 ]* e' U' ]  Lvar updateStatus = "";
, P& u5 g$ w( m8 X! j9 cvar i = 0;
function statusMessage() {
( t  C9 ^6 ]2 _1 L3 D( Xif (i < chars) setTimeout("nextLetter()", 300);
}
; o5 h6 l* n% |function nextLetter() {
7 H0 i( E- M; S- ?& h! W' UupdateStatus = msg.substring(0,i) + '_';
window.status = updateStatus;
  {+ B( o& [1 G) y  k$ R( b0 T9 K. \i++;
  V% q1 ^6 h$ ]$ C% n  nstatusMessage();
/ l  a! X/ R9 z' _; C" j* O}
+ J2 j1 e( R6 u( Y8 {) S! @// End -->
1 Y7 f, {" k$ ?</script>
第二步：把“onLoad="statusMessage()"”加在<body>标记里
" y1 \4 ^! o! a6 |. a例如：<body>

! o9 b9 j# O1 s( c, j二十九、在标题栏显示时间特效代码
完成此效果把如下代码加入到<body>区域中
<SCRIPT LANGUAGE="java - script">
<!-- Begin
var clocktext;
var pagetitle = document.title;
function scroll() {
today = new Date();
+ L9 ~# S" |" \* S9 Jsec = today.getSeconds();
hr = today.getHours();
min = today.getMinutes();
if (hr <= 9) hr = "0" + hr;
' K# R, }; [# q0 `5 v- Iif (min <= 9) min = "0" + min;
( @9 c; B5 ^4 ?1 jif (sec <= 9) sec = "0" + sec;
% T- K4 o8 w2 s+ v- xvar clocktext = " 现在时间是: " + hr + ":" + min + ":" + sec;
clocktimer = setTimeout("scroll()", 1000);
! R: s0 Z4 P7 J& V* _document.title = pagetitle + clocktext;
& x7 G& A$ [9 {+ v1 @}
if (document.all) scroll();
// End -->
% J1 _' x/ A2 Z2 }8 ]/ _</script>
* @8 B( M- |# S$ d
附件：
1、增强被搜索的机会（把自己的小店或网站最快推广的方法之一）
http://www.google.com/intl/zh-CN/add_url.html
) e, n; m; H& Ohttp://www.baidu.com/search/url_submit.html
+ i! T. V) p* X4 T6 ~( s6 mhttp://db.sohu.com/regurl/regform.asp
http://misc.yahoo.com.cn/search_submit.html
1 z+ f" J4 d7 {* O, D
2、缩短网址最佳利器：（很多，可以在百度或GOOGLE自己搜索）
http://url.bb258.com/comurl.php
7 ]& L3 R" \4 t, W/ chttp://www.kuso.cc/

1 t  Z2 J$ w8 {3、计数器申请网站：（很多，可以在百度或GOOGLE自己搜索）
7 F" a' b4 @4 ]$ n' _  Dhttp://00counter.com/
4 p$ ?9 H+ ?+ Y* i7 P0 B; Q) m0 Awww.88count.com

4．常用图片及动画修理和制作工具下载地址:
图片一般可以PS,动画一般常用PS里面的IMAGEREADY和FLASH软件,为方便新手,可提供免安装注册的绿色软件,以供大家共享之!
+ K% |6 x& \0 ePHOTOSHOP CS3 图片处理软件:http://www.greendown.cn/soft/73.html
2 E, P; n8 c" g! E; ^5 z5 NFLASH8.0动画下载地址:http://www.greendown.cn/soft/520.html