最基本的:<*hr width=300 size=1 color=#5151A2 align=center noshade>
其中 width 规定线条的长度,还可以是百分比;color 表示颜色,size 表示厚度;
align 规定线条位置,有left、right、center;noshade 表示是否有立体效果。
两头渐变透明:
<*hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=3)">
右边渐变透明:
<*hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=1)">
画虚线:
<*hr width=80% size=1 color=#5151A2 style="border:1 dashed #5151A2">
画双线:
<*hr width=80% size=3 color=#5151A2 style="border:3 double green">
立体效果:
<*hr width=80% size=3 color=#5151A2 style="filter:progid:DXImageTransform.Microsoft.Shadow(color#5151A2,direction:145,strength:15)">
纺棰形:
<*hr width=80% size=30 color=#5151A2 style="filter:alpha(opacity=100,finishopacity=0,style=2)">
钢针效果:
<*hr width=80% size=3 color=#5151A2 style="filter:progid:DXImageTransform.Microsoft.Glow(color=#5151A2,strength=10)">
制作文本滚动框,先看下面的代码:(去掉*号)
<*div align="center"><*DIV style='color: #ffffff; background-color: #000000; width: 450px; height: 300px; overflow: scroll; scrollbar-face-color: #889B9F; scrollbar-shadow-color: #3D5054; scrollbar-highlight-color: #C3D6DA; scrollbar-3dlight-color: #3D5054; scrollbar-darkshadow-color: #85989C; scrollbar-track-color: #95A6AA; scrollbar-arrow-color: #FFD6DA; '>日志文字*DIV>*DIV>
大家更改上面代码中紫色属性的值就可以了,其实主要就是改颜色以便更适合自己博的风格,先给大家一个查询颜色代码的工具:点击我使用。
color是指滚动框中文字的颜色。background-color是滚动文本框的背景颜色,scrollbar-face-color是指滚动条的颜色。scrollbar-shadow-color,scrollbar-highlight-color,scrollbar-3dlight-color,scrollbar-darkshadow-color这几个属性全是关于滚动条的颜色设置,不太好描述大家自己试一下吧。scrollbar-track-color是滚动条轨道的颜色,scrollbar-arrow-color是滚动条顶端那个三角箭头的颜色。文本框的高宽可以在设计模式中用鼠标拖动调整大小。最后把文本框添加的内容替换掉“日志文字”四个字就可以。
另外这个文本框也可以添加图片,FLASH,添加时同样是用代码替换掉“日志文字”四个字。
背景图片的内嵌式滚动文本框(去掉*号)
<*TABLE style="WIDTH: 380px; HEIGHT: 411px" background=图片地址 border=0>
<*TBODY>
<*TR>
<*TD>
此处填入滚动文本的标题文字
</TD>
</TR>
<TR>
<TD>
<*DIV style="OVERFLOW: auto; WIDTH: 375px; HEIGHT: 264px">
此处填入滚动文本框里的文字
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
PS: 把上面两种代码结合起来,就可以做出一个很美观的帖子啦~~
大家加油!!
隐藏文本滚动框:
1.将文本滚动框背景设置成透明色,即background-color:Transparent。
2.将文本滚动框的边框值设置为0,即border: solid 0px。
3.将有关文本滚动框的各个组成部分的色彩均设为与日志背景相同,即修改各参数的色彩值。但滚动条箭头色彩,即scrollbar-arrow-color: 应不同的色彩值。
滚动文字基本语法为:<marquee> ... </marquee> 例:<*marquee>向前进,向前进,我们的队伍在前方!></marquee> 效果为:
属性设置:从右向左<*marquee direction=left>我一路向左跑!</marquee> <P> 效果:
从左向右:<*marquee direction=right>我一路向右跑!</marquee> 效果:
绕来绕去:<*marquee behavior=scroll>我来回绕!</marquee> <P> 效果:
从右向左一次就停的:<*marquee behavior=slide>我只走一次就停了!</marquee> <P> 效果:
来回走:<*marquee behavior=alternate>边走边唱!</marquee> 效果:
PS:在代码中加LOOP=#则代码循环次数,不加说明不停止,除了那个只走一次就停的.
速度:<*marquee scrollamount=20>我快还是刘翔快?</marquee> 效果:
一步一停:<*marquee scrolldelay=500 scrollamount=100>我一步一停!</marquee> 效果
滚动文字基本语法为:<marquee> ... </marquee> 例:<*marquee>向前进,向前进,我们的队伍在前方!></marquee> 效果为:
属性设置:从右向左<*marquee direction=left>我一路向左跑!</marquee> <P> 效果:
从左向右:<*marquee direction=right>我一路向右跑!</marquee> 效果:
绕来绕去:<*marquee behavior=scroll>我来回绕!</marquee> <P> 效果:
从右向左一次就停的:<*marquee behavior=slide>我只走一次就停了!</marquee> <P> 效果:
来回走:<*marquee behavior=alternate>边走边唱!</marquee> 效果:
PS:在代码中加LOOP=#则代码循环次数,不加说明不停止,除了那个只走一次就停的.
速度:<*marquee scrollamount=20>我快还是刘翔快?</marquee> 效果:
一步一停:<*marquee scrolldelay=500 scrollamount=100>我一步一停!</marquee> 效果
基本语法为:<marquee> ... </marquee> 例:
<*marquee>向前进,向前进,我们的队伍在前方!></marquee> 效果为:
属性设置:从右向左<*marquee direction=left>我一路向左跑!</marquee> <P> 效果:
从左向右:<*marquee direction=right>我一路向右跑!</marquee> 效果:
绕来绕去:<*marquee behavior=scroll>我来回绕!</marquee> <P> 效果:
从右向左一次就停的:<*marquee behavior=slide>我只走一次就停了!</marquee> <P> 效果:
来回走:<*marquee behavior=alternate>边走边唱!</marquee> 效果:
PS:在代码中加LOOP=#则代码循环次数,不加说明不停止,除了那个只走一次就停的.
速度:<*marquee scrollamount=20>我快还是刘翔快?</marquee> 效果:
一步一停:<*marquee scrolldelay=500 scrollamount=100>我一步一停!</marquee> 效果
带颜色滚动:<*marquee bgcolor=aaaaee>看见底色了没?</marquee> 效果
加大面积:<*marquee height=40 width=50% bgcolor=aaeeaa>
绿色占地方好大!
</marquee> 效果:
文字从下向上滚动:<marquee bgcolor=#ffffff class=p4 direction=up height=60 scrollamount=1 scrolldelay=50 style="COLOR: #000000; class: " width=157 text-align: left? border="0" ;>向上<br>再向上<br>一直向上<br>始终向上</marquee >效果:
参数说明:direction设置方向,具体可设置的值为up,down,left,right,height是高度值,设置移动文字上下移动的区间范围.Scrollamount设置移动文字的移动速度,具体的值可以设为1,2.3.4.5
posted on 2008-05-03 00:05
郁郁林林 阅读(97)
评论(2) 编辑 收藏