淘宝装修代码大全(完整版)

大家好，又见面了，我是你们的朋友全栈君。

1.公告栏的装修图片代码,帖到公告栏就行了. 不过还是有好多人来问

我公告栏的位置—–点我的淘宝—–
管理我的店铺——基本设置，下面写着公告的位置。

<img src=”图片的所在的地址”>

<img border=”0″ src=”图片地址” />

2.公告悬浮装饰图片代码，COPY到公告的最下面就好了哦，

<IMG style=”right: 5px; BOTTOM: 0px; POSITION: relative” src=”

你图片的地址”>

3.加背景音乐的代码。

进“我的淘宝”点击“管理我的店铺”进入“基本设置” 先贴代码，

再写你的公告文字
<bgsound src=”你的背景音乐地址” loop=-1>

4.浮动的图片的代码：

</td></tr></table>;<img height=”150″ src=”图片地址”

5.滚动字幕代码：这个用处可就多了，放到哪里那些字都是会动的，有

很多朋友在好评里都会用到哦！ <marquee>输入你想说的话</marquee>

6.自定义颜色代码

<font color=blue>输入你想要说的话</font>

注意:等于号”=”后就是颜色的英文：不喜欢这个颜色还可以换成其他颜

色的，如：red(红)、blue(蓝)、green(绿)等；不过注意代码的总长度

不要超过40哦。

7.增加链接链接内容

<a href=”链接地址”>链接内容</a>

8.店铺分类的代码 <img src=” 图片的地址 ” /> 代码就放在：我的淘

宝—管理我的店铺—宝贝分类

简单介绍一下我的操作方法：

1、选好喜欢的宝贝分类模板，复制保存之后，填上适当的文字，然后

上传到网上相册；

2、复制代码 <img src=” 图片的地址 ” /> 到宝贝分类中；

3、打开网上相册，选中相应的模板，右击属性，复制属性中的图片地

址；

4、由于网上的图片地址过长，因此要在http://www.kuso.cc/上进行网

址缩短工作：即把复制的图片地
址到这个网站中进行缩短，然后会出现一个较短的图片地址

5、再用短地址放入 <img src=” 图片的地址 ” /> 的””中就ok了

9.：如何在店铺公告添加个性的鼠标指针：马上copy这个代码，它可以

让您的店铺公告更有吸引力呀<table style=”CURSOR: url(‘上传后的

鼠标指针的网址’)”><tr><td><table border=”0″ style=”TABLE-

LAYOUT: fixed”>

宝贝描述加上个性的鼠标指针

自己喜欢的鼠标指针选好了吗？ 那就马上复制这个代码在宝贝描述里

就可以了，当然还要先选“编辑源文件”

<table width=”100%” style=”CURSOR: url(‘这里是已上传的鼠标指针

网址’)”>
<tr>
<td width=”100%”>

另外，还要在源文件底部输入代码：</td></tr></table>

在模板中增加淘宝收藏本店代码
宝贝描述中都带有“店铺收藏”字样，但是最新的淘宝收藏夹变化了，

导致了以前的方法不灵了，如何解决这个问题呢？

把以前的代码换成如下即可解决这个问题：

http://favorite.taobao.com/popup/add_collection.htm?

itemid=0&itemtype=0&ownerid=c3486d7636d6a3c51d08c9b22798382d&t

=0（欢迎大家点击这个链接看看我说的方法灵不灵啊，点击确定之后，

到您自己的收藏夹里面看一眼，是不是我的店铺已经被您收藏了？^-^

^-^ 呵呵 ^-^）

别忘了把c3486d7636d6a3c51d08c9b22798382d这个数字修改成您自己的

店铺ID哦（不修改的，我热烈的欢迎啊，哈哈）

如何获得自己的店铺ID呢？进入“我的淘宝”/“查看我的店铺”，会

看到浏览器的地址栏中有类似下面的字样：

http://store.taobao.com/shop/view_shop-

c3486d7636d6a3c51d08c9b22798382d.htm?nekot=g%

2Cozqtambx1244089556168

user_id=后面的那串数字就是您自己店铺的ID了，把这个ID COPY下了

，替换上面的那个代码就可以在宝贝描述模板里面添加收藏店铺了！！

添加音乐代码：
百度音乐http://mp3.baidu.com/搜索你想要的歌曲，记得要选连接速

度快的。然后到淘宝的管理我的店铺页面，在公告栏内先输入以下代码

：
<BGSOUND balance=0 src=”你的歌曲地址” volume=0 loop=infinite>
然后点击你选择的歌曲的试听选项，在空白处点击全选，然后看属性，

复制属性中的歌曲出处，然后再进入管理我的店铺页面，在刚才输入的

代码处有你的歌曲地址处粘贴歌曲出处就可以了，记得引号要保留。
★背景音乐代码：
<bgsound loop=”-1″ src=”音乐地址”></bgsound>
★在图片里附加音乐的办法：
<img border=0 src=”图片地址” dynsrc=音乐地址>
★添加计数器代码：
到免费的计数器网站如http://00counter.com/注册一个账号，然后登

陆就可以选择计数器了，然后在网站地址一栏内输入你的淘宝店铺地址

就可以了。确定后会弹出一个网页，提示复制以下代码，还是进入管理

我的店铺页面，在公告栏内粘贴已复制的代码就可以了。
★公告图片的代码：
<img border=”0″ src=”图片地址” />
★公告挂饰：
<img src=”图片地址” style=”left:20px; position: relative;

top:0px” />
☆把挂饰图片上传到网络相册里哦!!!!，
然后点击图片放大，在大图中鼠标右键选择属性，在属性中有网络地址

，把它拷贝下来，
放到下边一串代码里替代汉字部分!!!
<img src=”图片地址” style=”left:20px; position: relative;

top:0px” />
再打开我的店铺管理把这段代码放在店铺公告最后就可以啦，你就可以

在你的店铺里看见挂饰了。
★店铺分类代码:
<IMG src=”图片地址”>
★宝贝描述个性鼠标使用方法：
1、宝贝描述编辑完成后，先点击“编辑源文件”，在源文件顶部输入

以下代码：
<table width=”100%” style=”CURSOR: url(‘这里输入靓靓鼠标的地址

‘)”>
<tr>
<td width=”100%”>
2、在源文件底部输入以下代码：
</td></tr></table>
3、点击“使用编辑器”，完工!
以下是比较麻烦的店铺装修代码，看懂了就很好用的啦。哈哈
下面的代码设置在一定区域内让文字向上滚：“scrollamount=”可改

变速度。
<font size=3 color=ff0000><b><center><marquee width=150

height=100 direction=up scrollamount=2>文字

</marquee></font></b></center>
网页制作代码
<embed src=”http://cartoonfile.163.com/source/55095/mingzzd”

width=”400″height=”290″></embed> —–FLASH动画
<marquee behavior=”alternate”>3861,个人主页</marquee> —–让

文字左右来回流动
<marquee direction=”up”>3861,个人主页</marquee> ——让文字由

下至上滚动
<marquee direction=”right”>3861,个人主页！</marquee> ——让

文字由左向右流动！
<marquee>3861,个人主页！</marquee> —–如何让文字滚动起来？
<font color=”#FF0000″>个人主页！</font> ——网页代码：如何让

文章中的重要文字变成红色
↑颜色
<bgsound src=/textbook/matter/music/china.mid loop=”-1″> —–

背景音乐
一，颜色代码
衣装盛饰（绿色）
<font color=”#008000″></font>
衣装盛饰（褐色）
<font color=”#800000″>衣装盛饰</font>
衣装盛饰（蓝色）
<font color=”#000080″>衣装盛饰</font>
衣装盛饰（紫色）
<font color=”#800080″>衣装盛饰</font>
衣装盛饰（红色）
<font color=”#FF0000″>衣装盛饰</font>
二，文字加粗，倾斜的代码
文字加粗的代码是: <b>衣装盛饰</b>
文字倾斜的代码是: <i>衣装盛饰</i>
三，文字链接代码
如果您想点击某处文字会连接到另外一个网页的效果，这是超链接，代

码是这样：
<a href=http://9soho.com/?id=admin>衣装盛饰</a>
如果要点了这个文字以后重新打开一个窗口的话，代码是
<a href=http://9soho.com/?id=admin target=_blank>衣装盛饰</a>
四，在网站上放图片的代码
如果你看到一个好看的图片想放到网站上，代码是这样的：
<img src=http://www.any2000.com/m/i/mingwen520/up/1.jpg></img>
后面的数字调节图片的尺寸大小。

五，图片链接网站代码
如果要点一下图片就能打开一个网站的链接代码是这样的：
<a href=”http://shop35399347.taobao.com/”>
<img src=http://image.taobao.com/shop-

logo/e1/a4/e1a4b8e3ba46500a2591423094eb48d9_1139322435035.gif?

1141437603766></a></img>
如果要点一下图片就能打开一个网站的链接，并且重新打开一个窗口。

代码是这样的：
<a target=”_blank” href=”http://9soho.com/?01″>
<img src=http://9soho.com/images/logo.gif width=”180″

height=”60″></a></img>

点一下图片打开一个网站的链接，重新打开窗口并图片周边没有黑边。

代码是这样的：
<a target=”_blank” href=”http://9soho.com/?01″>
<img src=http://9soho.com/images/logo.gif width=”180″

height=”60″ border=”1″></a></img>
上面的数字都能调节图片尺寸大小。

六，换行代码
如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入

<br>
这样就会分成两行显示 ，整个网站看起来也不会是一大片了，而是段

落分明
如果输入一个<br>，那就是另起一行，如果连续输入两个，即<br><br>

，那就会空一行

七，文字移动的代码
<marquee>这里写文字</marquee>
八，移动图片的代码
<marquee><img src=http://9soho.com/images/logo.gif width=”180″

height=”60″</img></marquee>
<marquee><img src=http://9soho.com/images/logo.gif width=”180″

height=”60″</img></marquee>
把里面的图片地址换成你的就行 想多放一个图片就按照格式在中间插

入：
里面的图片地址自己定。
九，背景音乐的代码
如果想在你的网站上放上一段好听的背景音乐，代码是：
<bgsound src=”http://9soho.com/ad/beijing.mid” loop=”2″>
里面的背景音乐地址你能自己替换。
前面的是音乐地址，一般都以mid或者mp3的形式结尾 后面的数字是播

放次数。
十，中插入一个Flash动画的代码
<embed src=”http://9soho.com/qie.swf”

pluginspage=”http://www.macromedia.com/go/getflashplayer”

type=”application/x-shockwave-flash” name=”obj1″ width=”550″

height=”400″>
里面的动画地址换成你的.动画地址都要以swf的形式结尾。这点需要注

意

淘宝网店装修效果代码集合
1、忽视右键
　<body oncontextmenu=”return false”>
　或
　<body style=”overflow-y:hidden”>
2、加入背景音乐
　IE:<bgsound src=”*.mid” loop=infinite>
　NS:<embed src=”*.mid” autostart=true hidden=true loop=true>
　</embed>
　*.mid你的背景音乐的midi格式文件
3、简单的window.open方法
　<a href=”#”
　onclick=”javascript:window.open(文件路径/文件名,newwindow,
　toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
　width=400,height=300);”>文字或图片</a>
　参数解释：
　<SCRIPT LANGUAGE=”javascript”> js脚本开始；
　window.open 弹出新窗口的命令；
　文件路径/文件名 弹出窗口的文件名；
　newwindow 弹出窗口的名字（不是文件名），非必须，可用空代替；
　width=400 窗口宽度；
　height=300 窗口高度；
　top=0 窗口距离屏幕上方的象素值；
　left=0 窗口距离屏幕左侧的象素值；
　toolbar=no 是否显示工具栏，yes为显示；
　menubar，scrollbars 表示菜单栏和滚动栏。
　resizable=no 是否允许改变窗口大小，yes为允许；
　location=no 是否显示地址栏，yes为允许；
　status=no 是否显示状态栏内的信息（通常是文件已经打开），yes

为允许；
　</SCRIPT> js脚本结束
4、简单的页面加密
　<script LANGUAGE=”javascript”>
　<!–
　function loopy(){
　　var sWord =””;
　　while(sWord!=”login”){sWord=prompt(“请输入你的登陆密码”);}
　　alert(“登陆成功！”);
　}
　loopy()
　//–>
　</script>
5、拉动页面时背景图不动
　<style>
　body{background-image:url(logo.gif);
　background-repeat:no-repeat;background-position:center}
　</style>
6、让浏览器在保存页面时保存失败
　<NOSCRIPT><iframe src=”*.html”></iframe></NOSCRIPT>
7、随机替换图片
　<script>
　document.write(<img src=”img/+parseInt(Math.random()*(5))
　+.gif”height=”40″ width=”50″>)
　</script>
　图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif

8、窗口定时关闭
　先将如下代码网页文件的区：
　<script language=”javascript”>
　function closeit() { setTimeout(“self.close()”,10000) //毫秒

}
　</script>
　然后再在<body>标内加入如：<body onload=”closeit()”>
9、网页自动关闭
　<html>
　<head>
　<object id=closes type=”application/x-oleobject”
　classid=”clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11″>
　<param name=”Command” value=”Close”>
　</object>
　</head>
　<body onload=”window.setTimeout(closes.Click(),10000)”>
　这个窗口会在10秒过后自动关闭,而且不会出现提示.
　</body>
　</html>
10、网页自动刷新
　在head部记入
　<META HTTP-EQUIV=”Refresh” content=”20″>
　其中20为20秒后自动刷新，你可以更改为任意值。
11、网页自动转页
　<META HTTP-EQUIV=”Refresh” CONTENT=”时间(秒);URL=地址”>
12、保持layer在最前面，而不被Iframe、Object所覆盖
　在Layer中再插Iframe 或 Object 设z-Index值
　<div z-Index:2><object xxx></object> ＃ 前面
　<div z-Index:1><object xxx></object> ＃ 后面
　<div id=”Layer2″ style=”position:absolute;

top:40;width:400px;
　height:95px;z-index:2″> height=100% width=100%>
　<iframe width=0 height=0></iframe>
　</div>
　<div id=”Layer1″ style=”position:absolute;

top:50;width:200px;
　height:115px;z-index:1″>
　<iframe height=100% width=100%></iframe>
　</div>
13、返回上一页
　<a href=javascript:history.back(1)>『返回上一页』</a>
14、关闭窗口
　<a href=javascript:self.close()>『关闭窗口』</a>
15、关于iframe的透明背景
　<IFRAME ID=”iFrame1″ SRC=”iframe.htm”
　allowTransparency=”true”
　style=”background-color: green”></IFRAME>

淘宝网店设为首页的店铺装修代码

设为首页的代码： <span onclick=”var

strHref=window.location.href;this.style.behavior=’url

(#default#homepage)’;this.setHomePage(‘小店网址’);”

style=”CURSOR: hand”>设为首页</span>