淘宝店铺装修代码大全,淘宝页面设计代码.

淘宝店铺装修代码大全   
快去学习一下吧这里有我做的实例。 http://shop110214125.taobao.com
 
有什么问题可留言我会尽量解答。
http://txw100.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 οnmοuseοver=stop() οnmοuseοut=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://txw100.com/ 

 

 

转载于:https://www.cnblogs.com/wj-wangjun/archive/2008/06/06/1215423.html

淘宝装修代码网页代码分享 /----------------------------------------HTML特效代码--------------------------------/ 1。忽视右键   <body>   或   <body> 2。加入背景音乐   IE:<bgsound src="*.mid" loop=infinite>   NS:<embed src="*.mid" autostart=true hidden=true loop=true>   </embed>   *.mid你的背景音乐的midi格式文件 3。简单的window.open方法   <a >文字或图片</a>   参数解释:   [removed] 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为允许;   [removed] js脚本结束 4。简单的页面加密   [removed]   <!--   function loopy(){    var sWord ="";    while(sWord!="login"){sWord=prompt("请输入你的登陆密码");}    alert("登陆成功!");   }   loopy()   //-->   [removed] 5。拉动页面时背景图不动   <style>   body{background-image:url(logo.gif);   background-repeat:no-repeat;background-position:center}   </style> 6。让浏览器在保存页面时保存失败   <NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT> 7。随机替换图片   [removed]   [removed](<img src="img/+parseInt(Math.random()*(5))   +.gif"height="40" width="50">   [removed]   图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif 8。窗口定时关闭   先将如下代码网页文件的区:   [removed]   function closeit() { setTimeout("self.close()",10000) //毫秒 }   [removed]   然后再在<body>标内加入如:<body> 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>   这个窗口会在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"> height=100% width=100%>   <iframe width=0 height=0></iframe>   </div>   <div id="Layer1">   <iframe height=100% width=100%></iframe>   </div>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值