如何装修淘宝店铺

帅哥

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

* M* B2 f: U- b& e4 U0 `0 w一、 插入图片代码：
<img src="图片链接地址" />
% j3 {5 }+ Z7 y, U注：先把图片上传到网络相册网络地址，把它拷贝下来，放到下边一串代码里替代汉字部分；可以
0 G/ T8 p' {% e5 b/ H- F应用于公告栏、分类栏及宝贝描述内。
( c  t; V' K% P1 B' S) O" P/ s7 K" F0 F二、 插入公告栏挂饰代码：
8 i6 R. `: m; E: I6 |<img src="图片链接地址" style="left:20px; position: relative; top:0px" />
注：先把挂饰图片上传到网络相册；可以应用于公告栏、分类栏及宝贝描述内。
三、背景音乐代码：
<bgsound loop="-1" src="音乐地址"></bgsound>
% v8 o5 x9 k0 L注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
三、 在图片里附加音乐的办法：
<img border=0 src="图片地址" dynsrc=音乐地址>
注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。
$ e. Q) J2 P, z$ g四、 浮动的图片的代码：
＜img alt="1" height="150" src="这里放图片地址"/＞
" L" L# ?5 B! H五、 悬浮挂饰代码：
/ N3 C0 W0 |2 M＜img src="这里放图片地址" style="left:20px; position: relative; top:0px" /＞
  K+ _0 M( L% X$ D$ {& c六、 文字链接代码:
% k0 `' V8 n$ A; R& z* T＜a href="网页地址"＞链接的文字＜/a＞
七、 移动文字代码:
＜marquee＞从右到左移动的文字＜/marquee＞
八、 计数器代码
0 v' L! P. p, L8 {5 v: K* E<a href="http://00counter.com" target="_blank"><img src="计数器地址"border=0
alt="00Counter.com"></a>
九、 店铺公告里的漂亮悬浮挂件的代码：
<marquee style="position:relative;" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60">
<img src="加入你自己的图片地址" />
6 `8 F, V1 q# A) t( m十、 店铺公告添加个性的鼠标指针代码：
<table style="CURSOR: url('上传后的鼠标指针的网址')"><tr><td>
+ Q# S, M2 g7 Y- y* b5 l* I/ T* w<table border="0" style="TABLE-LAYOUT: fixed">
+ f+ V9 R7 a3 I( }% L' @" G$ V十一、 宝贝描述加上个性的鼠标指针代码
0 ]3 o2 B+ J- r- u先选“编辑源文件” ，然后复制以下代码：
<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址')">
<tr>
<td width="100%">
* @3 ~0 Y$ x3 {6 z* t另外，还要在源文件底部输入代码：</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>
% o& B9 y$ a0 H9 i( C) L注: 这是QQ在线状态的代码，里面的数值要改变，号码和网址改为你自己的，这个链接的作用
) U/ u, _% `! h" @0 M2 n是别人可以直接点击联系你而无需加你为好友，使用方法是直接链接。
  R9 i+ x; B; ?& ]十三、 下面的代码设置在一定区域内让文字向上滚：“scrollamount=”可改变速度。
<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=up
scrollamount=2>文字</marquee></font></b></center>
十四、 添加旺旺在线代码：
<A href="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyewen"><IMG src=
"http://pics.taobao.com/newstyle/online_pic.gif" border=0></A>
十五、插入-FLASH动画 ：
<embed src="http://cartoonfile.163.com/source/55095/mingzzd" width="400"height="290"></embed>
十六、让文字左右来回流动：
<marquee behavior="alternate">88亮荘</marquee>
十七、让文字由下至上滚动：
<marquee direction="up">88亮荘</marquee>
4 ]' f4 J" t4 k3 z: W3 S3 J十八、让文字由左向右流动：
<marquee direction="right">88亮荘</marquee>
4 d9 B4 A% H' N  n  p$ I十九、如何让文字滚动起来：
5 P% _0 N) a: ]5 C<marquee>88亮荘</marquee>
  i6 |4 O; B/ o; F. L  ]二十、如何让文章中的重要文字变色代码：
<font color="#FF0000">我淘心情你淘宝贝</font>
6 c2 {/ F5 |" v$ R$ v+ o5 {8 a" e% P颜色代码附：
1 d" R/ s9 ?( y4 f1白色 #FFFFFF
" ?& b7 [- S; `2红色#FF0000
; e0 A( v: }* a, V) g3 L3绿色#00FF00
4蓝色#0000FF
5牡丹红#FF00FF
/ w$ r, }" x2 Y3 j/ Q6青色 #00FFFF
7黄色#FFFF00
& ~0 d: t5 {- d2 q7 f8黑色#000000
9海蓝#70DB93
( [9 v# C0 L# b4 ?10巧克力色#5C3317
! Q* a  ^3 D  G  h( b9 Y2 D11蓝紫色 #9F5F9F
& P! V/ n' M6 A8 _5 R12黄铜色#B5A642
13亮金色#D9D919
14棕色#A67D3D
15青铜色 #8C7853
  l8 f; F* e9 s; c162号青铜色 #A67D3D
17士官服蓝色 #5F9F9F
18冷铜色 #D98719
2 s% g- W5 X6 Y$ N) U19铜色 #B87333
" H4 o7 P3 y3 t( ^) q: E, y20珊瑚红 #FF7F00
: d! e/ [8 ^: N! H+ s21紫蓝色 #42426F
/ B0 T% z: x' A+ O8 Y22深棕 #5C4033
23深绿 #2F4F2F
24深铜绿色 #4A766E
1 g( P: j$ w! |) x8 Q25深橄榄绿 #4F4F2F
26深兰花色 #9932CD
  h. C( d0 Z8 v' v- o  B27深紫色 #871F78
28深石板蓝 #6B238E
6 V$ ]" C8 s6 p5 D2 C8 x# h29深铅灰色 #2F4F4F
30深棕褐色 #97694F
$ G, W; z0 D4 T! m* T. I32深绿松石色 #7093DB
33暗木色 #855E42
4 {; ~) W- ]( c' f7 E  S  v* a34淡灰色 #545454
35土灰玫瑰红色 #856363
36长石色 #D19275
9 Q$ F* w6 W9 i! F37火砖色#8E2323
. @: v* L6 q! Q+ p( U1 M9 U38森林绿 #238E23
39金色 #CD7F32
40鲜黄色 #DBDB70
41灰色 #C0C0C0
6 [% T5 e: M! b, w% w# V- q1 P2 K9 Q42铜绿色 #527F76
43青黄色 #93DB70
& R5 Z- [. a& J$ h% `, K44猎人绿 #215E21
$ \  K* x  j: @$ o$ r+ j45印度红 #4E2F2F
46土黄色 #9F9F5F
8 L& a; d! S7 c1 s+ j47浅蓝色 #C0D9D9
* {. V2 r3 t, K+ t48浅灰色 #A8A8A8
: l6 @4 ^# A# q9 p- u* {49浅钢蓝色 #8F8FBD
59浅木色 #E9C2A6
; \  _  V% _/ K5 Z( M60石灰绿色 #32CD32
61桔黄色 #E47833
3 z+ V/ n& \' q( u62褐红色 #8E236B
63中海蓝色 #32CD99
64中蓝色 #3232CD
8 v+ \2 g  m/ u3 ^6 U+ G4 [65中森林绿 #6B8E23
66中鲜黄色 #EAEAAE
$ s- ^3 M* |! ?# X2 A) A# E67中兰花色 #9370DB
( U" ^$ J% C" o7 I68中海绿色 #426F42
69中石板蓝色 #7F00FF
- [7 g6 V8 d% j70中春绿色 #7FFF00
71中绿松石色 #70DBDB
" M  I6 ]  `/ f72中紫红色 #DB7093
' N1 X5 _  r9 A8 S$ P' a73中木色 #A68064
74深藏青色 #2F2F4F
% e2 |- L6 u) {/ I, R, ?( i75海军蓝 #23238E
, {$ h' K+ W* N: o76霓虹篮 #4D4DFF
77霓虹粉红 #FF6EC7
, x9 }) i; X0 ^8 C( V* U78新深藏青色 #00009C
( T( q9 w# H$ C2 o" C79新棕褐色 #EBC79E
80暗金黄色 #CFB53B
3 J- `1 b$ b0 T5 |8 a6 `! f9 q2 A81橙色 #FF7F00
82橙红色 #FF2400
83淡紫色 #DB70DB
0 `% x" r2 v$ N0 ~1 O4 b( E84浅绿色 #8FBC8F
85粉红色 #BC8F8F
$ C. D* n3 n9 ^3 |0 e86李子色 #EAADEA
87石英色 #D9D9F3
5 F% o8 D9 `8 T$ L: Q2 e88艳蓝色 #5959AB
89鲑鱼色 #6F4242
90猩红色 #BC1717
: I6 W9 E' l. o" g$ C91海绿色 #238E68
$ o, i% k; ~3 f4 O2 a3 Y92半甜巧克力色 #6B4226
7 W' a  ?/ R' ~* y* A+ }- ^93赭色 #8E6B23
94银色 #E6E8FA
95天蓝 #3299CC
96石板蓝 #007FFF
97艳粉红色 #FF1CAE
7 b9 _0 ~" N: Z, o! E) p0 k98春绿色 #00FF7F
+ {7 A4 V0 ^8 \99钢蓝色 #236B8E
! J9 Q" c2 I$ [2 T; X: i- j5 r! W100亮天蓝色 #38B0DE
8 p: G$ Y+ F- U" z. m. w# ]101棕褐色 #DB9370
102紫红色 #D8BFD8
8 y/ j, C0 B( B, e) H103石板蓝色 #ADEAEA
5 d! o3 n. ]9 G104浓深棕色 #5C4033
" g: z1 I2 F& @& ~: z) W105淡浅灰色 #CDCDCD
106紫罗兰色 #4F2F4F
107紫罗兰红色 #CC3299
108麦黄色#D8D8BF
109黄绿色 #99CC32
( K( m, c( {/ c$ ~$ J( j
二十一、文字加粗，倾斜的代码
文字加粗的代码是: <b>文字</b>
+ Z9 j0 H; d7 f2 }1 y文字倾斜的代码是: <i>文字</i>
二十二、换行代码
如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入<br>
这样就会分成两行显示 ，整个网站看起来也不会是一大片了，而是段落分明
$ J- @& o3 w& E; s2 D+ d. K/ \: B3 L如果输入一个<br>，那就是另起一行，如果连续输入两个，即<br><br>，那就会空一行
( p# ~3 t+ w# j- n. ^  r0 q二十三、时钟在背景上显示代码
<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div>
8 w+ [* F0 U/ M# F: f1 Q
<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;colorDDDDD;font-size:120px;top:100px;left:150px"></div>

+ [& r1 {3 U6 R<div id="mainbody" style="position:absolute; visibility:visible">
</div>
7 R" m/ B! R( f8 S
- L' C5 X- z4 P- E/ W* T" y2 a二十四、中文星期网页特效显示代码：
<script LANGUAGE="java - script">
! C+ H# E( L- q# k' V2 G<!-- document.write("<center><font size=+1><b>"
# M- U* v- M4 j+ f8 `3 y& c  Ynow = new Date() //定义新对象，new具有Date的性质
: V: [3 s! {, m: X4 z1 Edocument.write("<center><small>"
9 I* v8 \) \- `$ x4 c  y' q7 Rif (now.getDay() == 5) document.write("星期五"
# V  N" i! [$ ^/ N/ B' v9 p
if (now.getDay() == 6) document.write("星期六"
6 \: c; m& O7 K& b
: B- Y& w  s  Y! P, o8 R2 Cif (now.getDay() == 0) document.write("星期日"
6 r# I& u8 n- Z0 c4 H
! Y; y$ Z# U, y0 M; W  A0 H1 n6 Uif (now.getDay() == 1) document.write("星期一"
# x% n% }, L. a7 }
if (now.getDay() == 2) document.write("星期二"
. A( c: S& @2 i  H, I7 F+ f. I% ?) F. r
if (now.getDay() == 3) document.write("星期三"
* \/ y. |9 h& \! ]
if (now.getDay() == 4) document.write("星期四"
$ l& L5 n2 a2 z2 t3 a; K
document.write("</small></center>"

//--> </script>
; r. N+ R, F% B" k; G8 A5 p  f
二十五、添加到收藏夹的代码：
; Z0 Y8 d# A; v  {! U: a" {& Y<span style="CURSOR: hand" title="想添加的名称">收藏本站</span>
二十六、设为首页的代码：
( i8 R. W1 q3 I+ q# e8 h<span style="CURSOR: hand">设为首页</span>
二十七、保护自己的页面不被别人放在框架中：
' K( W( ?" V  `- }$ h! {/ N<Script LANGUAGE="java - script">
if(self!=top){top.location=self.location;}
</script>

8 h. Y1 ]. L/ g二十八、状态栏出现打字效果特效代码：
要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
<SCRIPT LANGUAGE="java - script">
0 p# u/ }+ u& X. I. R<!-- Begin
var msg = "Welcome To The java - script Fairyland";
var chars = msg.length + 1;
7 I- K* p$ E' T1 svar updateStatus = "";
var i = 0;
function statusMessage() {
if (i < chars) setTimeout("nextLetter()", 300);
) j1 t: J) k* X}
) Y8 u: z- W- {5 H! Jfunction nextLetter() {
updateStatus = msg.substring(0,i) + '_';
% |! \( b7 j8 H6 ?3 E% ~: {window.status = updateStatus;
# W3 \( L* @6 y" e+ Ki++;
) I6 ?% m! E8 Q" Y9 l$ e, tstatusMessage();
}
// End -->
</script>
2 S! s6 b1 {4 }' V/ L  T第二步：把“onLoad="statusMessage()"”加在<body>标记里
0 i5 e) Y; `' B& {例如：<body>

二十九、在标题栏显示时间特效代码
8 j3 S) N5 r5 \; b; ^. n完成此效果把如下代码加入到<body>区域中
<SCRIPT LANGUAGE="java - script">
<!-- Begin
4 d8 D. b" G' U/ u0 ?6 P3 @var clocktext;
# L$ ]. I  T0 S  |; |5 }9 A2 ~var pagetitle = document.title;
( r" i5 a, |$ cfunction scroll() {
today = new Date();
sec = today.getSeconds();
hr = today.getHours();
, W; Y+ F& C) l: Qmin = today.getMinutes();
% T7 ^* x' \" ]if (hr <= 9) hr = "0" + hr;
7 X0 q5 x: x! _4 U; _if (min <= 9) min = "0" + min;
if (sec <= 9) sec = "0" + sec;
var clocktext = " 现在时间是: " + hr + ":" + min + ":" + sec;
clocktimer = setTimeout("scroll()", 1000);
8 ?% @# o7 I9 C7 p" `2 vdocument.title = pagetitle + clocktext;
5 ]+ g3 ]! A" d: H}
if (document.all) scroll();
// End -->
</script>

( ~$ p& r0 S6 C附件：
1、增强被搜索的机会（把自己的小店或网站最快推广的方法之一）
http://www.google.com/intl/zh-CN/add_url.html
6 ]  Q% }( c9 N. Z# L5 J* X% Dhttp://www.baidu.com/search/url_submit.html
- A; j  i1 p' ~& V4 z& }http://db.sohu.com/regurl/regform.asp
7 q% w0 P- c) g1 whttp://misc.yahoo.com.cn/search_submit.html
9 A1 d6 f$ n2 {6 H& k5 _# c
+ l& l: s4 h( d! o% _2、缩短网址最佳利器：（很多，可以在百度或GOOGLE自己搜索）
http://url.bb258.com/comurl.php
+ \: {; ^$ Q6 ~  B! a0 G4 I2 p( phttp://www.kuso.cc/
" Q& K  y9 r$ i
3、计数器申请网站：（很多，可以在百度或GOOGLE自己搜索）
, M: ~* G" Z3 k2 d. p. z' xhttp://00counter.com/
8 A4 [( k3 J, h, V0 T! mwww.88count.com
. i5 K+ c/ E% Q# d3 j7 q0 Y
4．常用图片及动画修理和制作工具下载地址:
图片一般可以PS,动画一般常用PS里面的IMAGEREADY和FLASH软件,为方便新手,可提供免安装注册的绿色软件,以供大家共享之!
8 f% W; a; H, V8 uPHOTOSHOP CS3 图片处理软件:http://www.greendown.cn/soft/73.html
FLASH8.0动画下载地址:http://www.greendown.cn/soft/520.html