淘宝店铺装修代码大全

淘宝店铺装修代码大全   
快去学习一下吧这里有我做的实例。 http://shop100597761.taobao.com/

html设计代码大全

1)贴图：< img src="图片地址">

2)加入连接：< a href="所要连接的相关地址">写上你想写的字< /a>

3)在新窗口打开连接：< a href="相关地址" target="_blank">写上要写的字< /a>

4)移动字体(走马灯)：< marquee>写上你想写的字 < /marquee>     （可用于店铺分类，和评价）

5)字体加粗：< b>写上你想写的字< /b>

6)字体斜体：< i>写上你想写的字< /i>

7)字体下划线: < u>写上你想写的字< /u>

字体删除线: < s>写上你想写的字< /s>

9)字体加大: < big>写上你想写的字< /big>

10)字体控制大小：< h1>写上你想写的字< /h1>
(其中字体大小可从h1-h5,h1最大，h5最小)
(其中字体大小可从h1-h5,h1最大，h5最小)
11)更改字体颜色：< font color="#value">写上你想写的字< /font>(其中value值在000000与ffffff(16位进制)之间

12)消除连接的下划线：< a href="相关地址" style="text-decoration:none">写上你想写的字< /a>

13)贴音乐：< embed src="音乐地址" width="宽度" height="高度" autostart=false>

14)贴flash: < embed src="flash地址" width="宽度" height="高度">

15)贴影视文件：< img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

16)换行：< br>

17)段落：< p>段落< /p>

1原始文字样式：< pre>正文 < /pre>



19)换帖子背景：< body background="背景图片地址">

20)固定帖子背景不随滚动条滚动：< body background="背景图片地址" body

bgproperties=fixed>

21)定制帖子背景颜色：< body bgcolor="#value">(value值见10)

22)帖子背景音乐：< bgsound="背景音乐地址" loop=infinite>（听到音乐了吗？也可以加在你的店铺公告里）

23)贴网页：< iframe src="相关地址" width="宽度" height="高度">< /iframe>


最后注意了，以上所有代码中的前边后边代码段，我都加入了一个空格，要不再这里就运行了，你们无法看见了！

使用时把前边后边代码内的空格去掉即可！举个例子4)移动字体(走马灯)：< marquee>写上你想写的字< /marquee>

把< marquee>和< /marquee>
删为去掉括号中的空格即可，其他不用动！ 后边代码不动即可！

公告栏图片代码
<p><img src="此处为公告栏图片所在的网址"></p>例如下边所写
例：
<p><img src="http://www.gotax.cn/glass/xsgs371.gif"></p>

店铺里面漂浮动画代码

<img src="图片地址" style="left: 20px; position: relative;   top: 0px" />

<img src="http://www.gotax.cn/glass/xsgs371.gif" style="left: 20px; position: relative;   top: 0px" />

给个人店铺里加上音乐：
代码为：bgsound loop="infinite"src="http://star.163.com/2003/upload/singer/1048945996.mp3"/>

将其中的bgsound loop="infinite" src="后面的地址换为自己想要的地址就行了

滚动字幕
代码：<marquee>新年快乐</marquee>
注解：<marquee> </marquee>是一对控制文字滚动的代码，放在它们之间的文字显示出来的效果就是从右到左移动。代码中间的字可以换成自己想要的字

自定义颜色
代码：<font color=blue>一元拍</font>
注解：<font color=blue> </font>是一对控制文字颜色的代码，等于号（=）后就是颜色值：可以更换为其他颜色的，如：red(红)、blue(蓝)、green(绿)；也可以用#000000——#ffffff的形式（不过注意代码的总长度不要超过40）。代码中间的字可以换成自己想要的字

定义粗体
代码：<b>重要提示</b>
注解：<b> </b>是一对让中间文字粗体显示的代码。代码中间的字可以换成自己想要的字
定义斜体
代码：<i>重要提示</i>
注解：<i> </i>是一对让中间文字斜体显示的代码。代码中间的字可以换成自己想要的
滚动字幕在FrontPage的组件里有，但是FrontPage这个软件只能支持单行文字，一出现多行文字它就无能为力了，而且它只能支持一行滚动！(如果出现只能滚动一行的情况，解决办法是把这段代码嵌入到java - script的document.write里面，请看下面例d的详细说明)Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。

1.建立第一个滚动字幕。代码：

<marquee scrollAmount=2 width=300>我钟意网页树树</marquee>

2.各参数详解：

a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。

b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。

c)direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。

d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。

e)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)

3.实例：

a)如何给滚动字幕加超链接？这跟平时的超链接是完全一样的。只要在文字外面加上<a href=***>和</a>就可以了。如下效果，代码是<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>，点击中央电视台就可以进入了：

中央电视台

b)如何制作当鼠标停留在文字上，文字停止滚动？

代码如：

<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字内容</marquee>

c)交替效果。代码如：

<marquee scrollAmount=2 width=99 behavior=alternate>文字内容</marquee>

d)多行文本向上滚动。代码如：

<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊！<br>·空气好清新啊<br>·今朝食乜好呢？<p>·<a href=http://www.cctv.com>中央电视台</a></marquee>

-- 店铺装修必备代码
★添加音乐代码：
百度音乐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://shop33342364.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的形式结尾。这点需要注意。

http://hi.baidu.com/zroxggeikgdfrue/item/e1a73a0a93a893e3f45ba60a