淘宝店铺装修代码大全
快去学习一下吧这里有我做的实例。 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