记得2010年春晚的的小品中说,如果现在的人都流行美容了,家里不装修了,脸部倒是装修啦,今天咱谈论的不是脸部装修,而是网店装修
很多网店都想推广更多,但是呢,在推广的前提下可是店铺要装修漂亮哦!自己有一些PS和HTML的一些技术,并且自己用这些技术装修的自己的店铺,觉得还行,就拿来与大家一起分享!不懂的可以问哦~很多的店铺上面有滚动的文字效果,当然了,这都是些很简单的效果,很多人都会的,我也只不过是班门弄斧,请大家不要见笑啊!
装修店铺的时候,要转到代码模式下写代码,新建一个自定义模块,
一、文字滚动效果:
<marquee>欢迎光临本小店(这里写入文字)</marquee>
<marquee>的一些属性:
1、对齐滚动
ALIGN:用于按设定的值对齐滚动的文本。ALIGN可以设定的值有:LEFT,CENTER,RIGHT,TOP,BOTTOM。此属性不是必须使用的。
例:
[MARQUEE ALIGN="TOP"]这段滚动文字设定为上对齐[/MARQUEE]
2、背景颜色
BGCOLOR:用于设定字幕的背景颜色。背景颜色可用RGB、16进制值的格式或颜色名称来设定。
例:
[MARQUEE BGCOLOR="RED"]用颜色名称设定滚动文字背景颜色为红色[/MARQUEE]
[MARQUEE BGCOLOR="#FF0000"]用16进制值设定滚动文字背景颜色为红色[/MARQUEE]
[MARQUEE BGCOLOR=RGB(100%'0%'0%)]用RGB设定滚动文字背景颜色为红色[/MARQUEE]
3、问题滚动的方向
DIRECTION:用于设定文本滚动的方向,可以设定的值有:LEFT,RIGHT。此属性不是必须使用的。
例:
[MARQUEE DIRECTION="LEFT"]文字向左边滚动[/MARQUEE]
[MARQUEE DIRECTION="RIGHT"]文字向右边滚动[/MARQUEE]
4、滚动区域的高度
HEIGHT:用于设定滚动字幕的高度,高度可用像素或可视页面的百分比来表示。此属性不是必须使用的。
例:
[MARQUEE HEIGHT="10%"]滚动字幕的高度是可视页面的10%[/MARQUEE]
[MARQUEE HEIGHT="12"]滚动字幕的高度是12像素[/MARQUEE]
5、滚动区域的宽度
WIDTH:用于设定字幕的宽度,宽度可用像素或可视页面的百分比来表示。此属性不是必须使用的。
例:
[MARQUEE WIDTH="90%"]滚动字幕的宽度是可视页面的90%[/MARQUEE]
[MARQUEE WIDTH="200"]滚动字幕的宽度是200像素[/MARQUEE ]
6、滚动的次数
LOOP:用于设定滚动字幕的滚动次数。当LOOP的值为"INFINITE"或是"-1"时,则文字会无限制地滚动。此属性不是必须使用的。
例:
[MARQUEE LOOP="-1"]文字滚动无数次[/MARQUEE]
[MARQUEE LOOP="5"]文字滚动5次[/MARQUEE]
7、速度
SCROLLAMOUNT:用于设定每个连续滚动文本后面的间隔,该间隔用像素表示。此属性不是必须使用的。
例:
[MARQUEE SCROLLAMOUNT="10"]此文本后面的间隔为10个像素[/MARQUEE]
8、频率
SCROLLDELAY:用于设定两次滚动操作之间的间隔时间,该时间以毫秒为单位。此属性不是必须使用的。
例:
[MARQUEE SCROLLDELAY="5"]此文本两次滚动之间的间隔时间为5毫秒[/MARQUEE]
二、添加背景音乐
<bgsound href="音乐链接地址(最好是WAM格式的,这样下载速度快)"></bgsound>
因为我在添加背景音乐的时候,发现新建一个自定义模块,只把代码粘贴进去之后,结果不会响,于是我想到一个方法,把写好的代码粘贴到其他的自定义模块的代码后面或者单独的搞一个模块的话,至少要写一点东西进去,也就是说,只添加这个背景音乐的代码是不行的,其他的要添加一些内容,就算是一个标点符号也好!
次数
loop 设置播放的次数
例如:<bgsound href="音乐链接地址" loop="-1(无限循环){正数填写几就是播放几次你填写1,就只会播放一次}"></bgsond>
三、添加背景图片或者背景颜色
<background></background>
不过添加背景图片和背景颜色的时候,最好建立一个框框,就是一片区域,比如table 和 div 不过现在做网页都适合用div啦
这是添加背景图片的代码
例如: <div style="background:url(图片地址) no-repeat(图片的平铺); (要用冒号隔开)width:750px(这个区域的宽度);height:300px;(这个区域的高度)"></div>
这是添加背景颜色的代码
例如:<div style=" background-color:#339900(这是颜色的代码,不同颜色有不同的代码!)"></div>
四、添加超级链接
<a href="要链接的地址">进来我的店铺(可以在文字上面链接的)</a>
五、在本层上面再添加一层
代码如此
<div style="position:absolute;left:17px;top:115px;width:365px;height:190px;z-index:1;">这里写上你要写的字</div>
六、其他更多请联系本人:
写的有点多了,手也累了,如果想学习更多,我们可以交流嘛,到时候我们真的实现免费而得到很精美的店铺,同样的,如果我们搭配有旺铺的话,再加上我们的装修技巧,我虽然会装修自己的店铺,不过我还是用了淘宝的旺铺,因为淘宝的旺铺真的很好看,到时候我们的装修技术加上淘宝的旺铺装修效果,我们一定会留住买家的眼神的,了解更多,请M我,
大家有空可以到我店铺去看看我装修的哦,大家可以交流的嘛
想交流的亲们 请加QQ:1025720548
或者进店铺点击旺旺交流哦!~
[最后更新时间为 2010-06-27 15:38]
本帖的助威记录:助威总计 0 点 | 查看全部记录>>顶评论内容:发表评论不能请不要超过250字;发表评论请自觉遵守互联网相关政策法规。