分享

uc

 竹子776 2012-09-09

1.《鱼画面滚动字》
<marquee scrollamount=”8” style="background-image: url(' 
http://im.qq.com/face/authed/5/b2630.gif');font-size: 36pt; font-family: 隶书; color: 
#FFFFFF; border-style: ridge; border-width: 5">^ō^管理现在在试用广播.请大家多多谅解!
^ō^</marquee>

2.小鸟花房
<p style="background-image: url('http://img./mmsimg/comm/7210/34554.gif'); 
border: 10 groove #CC66FF; padding-left: 5; padding-bottom: 6"><font size="7" 
color="#FF33CC" face="华文新魏"><marquee width="700" height="70">韩语在线!欢迎大家踊跃拿麦 
谢谢大家支持 </marquee>

3.晚月拌舞
<p style="background-image: url('http://img./mmsimg/comm/7210/34554.gif'); 
border: 10 groove #CC66FF; padding-left: 5; padding-bottom: 6"><font size="7" 
color="#FF33CC" face="华文新魏"><marquee width="700" height="70">韩语在线!欢迎大家踊跃拿麦 
谢谢大家支持 </marquee>

4.水珠图象
<p style="background-image: url('http://mms./mmsimg/comm/7210/259921.jpg'); 
border: 10 groove #CC66FF; padding-left: 5; padding-bottom: 6"><font size="7" 
color="#FFFFF00" face="华文新魏"><marquee width="700" height="70">读一首诗!听一曲音乐!聊一
会儿天!让心灵静下来</marquee>

5.珠圈蓝花
<p style="background-image: url('http://pic./mmsimg/comm/7210/130553.gif'); 
border: 10 groove #CC66FF; padding-left: 5; padding-bottom: 6"><font size="6" color="cc45FF" 
face="隶书"><marquee width="700" height="70">管理现在在试用广播.请大家多多谅解 </marquee>

6.树林图象
<p style="background-image: url('http://pic./mmsimg/comm/7210/12513.jpg'); groove 
#CC66FF; padding-left: 5; padding-bottom: 6"><font size="7" color="FFFF33" face="华文新
魏"><marquee width="700" height="70">管理现在在试用广播.请大家多多谅解!!</marquee>

7.<p style="background-image: url('http://pic./mmsimg/comm/7210/212240.gif'); 
border: 10 groove #CC66FF; padding-left: 5; padding-bottom: 6"><font size="6" color="cc45FF" 
face="华文新魏"><marquee width="700" height="70">鲜花哪里去啦?不要吝啬手中花 献给最可爱的空
气老师</marquee>

8.闪花狗狗
<p style="background-image: url('http://pic./mmsimg/comm/7210/bj4.gif'); border: 
10 groove #CC66FF; padding-left: 5; padding-bottom: 6"><font size="6" color="cc45FF" face="
华文新魏"><marquee width="700" height="70">管理现在在试用广播.请大家多多谅解!!</marquee>

9.蓝色花花
<p style="background-image: url('http://pic./mmsimg/comm/7210/dl9.gif'); border: 
10 groove #CC66FF; padding-left: 5; padding-bottom: 6"><font size="6" color="cc45FF" face="
华文新魏"><marquee width="700" height="70">管理现在在试用广播.请大家多多谅解!!</marquee>

10.白云水山
<p style="background-image: url('http://pic./mmsimg/comm/7210/101581.gif'); 
border: 10 groove #CC66FF; padding-left: 5; padding-bottom: 6"><font size="6" color="cc45FF" 
face="华隶书"><marquee width="700" height="70">管理现在在试用广播.请大家多多谅解!!
</marquee>

11.蓝晚月树
<p style="background-image: url('http://pic./mmsimg/comm/7210/194142.jpg'); 
border: 10 groove #CC66FF; padding-left: 5; padding-bottom: 6"><font size="6" color="cc45FF" 
face="华隶书"><marquee width="700" height="70">管理现在在试用广播.请大家多多谅解! </marquee>

12.黑面心灯
<p style="background-image: url('http://pic./mmsimg/comm/7210/91878.gif'); 
border: 10 groove #CC66FF; padding-left: 5; padding-bottom: 6"><font size="6" color="FF0404" 
face="华文新魏"><marquee width="700" height="70">韩语在线因为有您的光临才更精彩!!欢迎大家
踊跃排麦!!</marquee>

13.蓝I心U
<p style="background-image: url('http://pic./mmsimg/comm/7210/84223.gif'); 
border: 10 groove #CC66FF; padding-left: 5; padding-bottom: 6"><font size="6" color="cc45FF" 
face="华文新魏"><marquee width="700" height="70">管理现在在试用广播.请大家多多谅解!!

 

1.《粉红桃心滚动字》
<marquee scrollamount="8" style="background-image:url(' 
http://alumni./album/album_photo/4/0/3/4038544/1091281003306.gif');font-size: 40pt; font-family: 隶书; color:#FF66C2; border-style: ridge; border-width: 0">清醇的空气,淡淡的书香,心在心里沉醉,梦在梦里徜徉,落红一瓣瓣,撒满我行吟的衣裳!^ō^

2.《天使彩心滚动字》
<table width=100% height=100 background= 
http://forum.yzone.sina.com.cn/upload/41/153/20040724/257/51479/51553.gif   style="border-color:red"><tr><td><marquee><font size=7 color=Rgb(0,0,ff)><b>^ō^欢迎大家来到书香梅苑房间,这里是你休憩的港湾,是你文学的乐园!!!^ō^ 


3.《蓝天画面滚动字》
<marquee scrollamount="8" style="background-image: url;font-size: 36pt; font-family: 隶书; color: #FF66C2; border-style: ridge; border-width: 2">书香梅苑是二月早春躜出的嫩牙,绿绿的风唤醒朵朵红花,是疲惫时谢下伪装的心灵的家,且让我们一起品尝诗词的点心散文的茶!


4.《红筐滚动字》
<marquee style="color: red; font-family: 黑体; font-size: 20pt; border: 30 inset red" bgcolor>梅苑的梦,梅苑的音乐,~~~放飞你的心情歌唱吧~~~愿你开心~~~~ 


5.《蓝筐滚动字》
<marquee style="color: red; font-family: 黑体; font-size: 36pt; border: 15 inset #6495ED" bgcolor>请朋友们不要吝啬手里的鲜花~ ~ 踊跃的献花


6.《滚动字》
<marquee scrollamount="8" style="background-image: url;font-size: 36pt; font-family: 隶书; color: #ff3333; border-style: ridge; border-width: 2">这是一个芳香的花园,田垄间,坐着闲暇的星星和月亮,清醇的空气,淡淡的书香,心在心里沉醉,梦在梦里徜徉,落红一瓣瓣,撒满我行吟的衣裳!


7.《红框蓝面黄滚动字》
<marquee style="color: #FFFF00; font-family: 华文行楷; font-size: 36pt; border: 8 inset #FF0000" bgcolor="#0000FF">请朋友们不要吝啬手里的鲜花~ ~ 踊跃的献花~ ~ </marquee>  


8.红桃心转
<p style="background-image: url; border: 10 groove #CC66FF; padding-left: 5; padding-bottom: 6"><font size="6" color="#0000FF" face="隶书"><marquee width="636" height="33">书香梅苑,芳香花园,清醇的空气,淡淡的书香,心在心里沉醉,梦在梦里徜徉!</marquee>


9.飞翔动心   2.《粉红桃心滚动字》
<marquee scrollamount="8" style="background-image:url(' 

http://alumni./album/album_photo/4/0/3/4038544/1091281003306.gif');font-size: 40pt; font-family: 华文新魏; color:#FF66C2; border-style: ridge; border-width: 0">^ō^欢迎大家来到书香梅苑房间,这里是你文学的港湾,是你心灵的乐园!!!^ō^

2.《粉红桃心滚动字》
<marquee scrollamount="8" style="background-image:url(' 

http://alumni./album/album_photo/4/0/3/4038544/1091281003306.gif');font-size: 40pt; font-family: 华文新魏; color:#FF66C2; border-style: ridge; border-width: 0">^ō^书香梅苑文学网,自由发稿,自由评论,防复制、防盗链,欢迎您发表作品房间!^ō^

 

 

、单边框

<center><img src="图片地址" style="border:3 solid #ff0000"></center>

2、双边框

<center><img src="图片地址" style="border:5 double green"></center>

3、立体镜框(一)

<center><img src="图片地址" style="border:25 outset #ff88ff"></center>

4、立体镜框(二)

<center><img src="图片地址" style="border:25 inset #ff88ff"></center>

5、虚线框

<center> <img src="图片地址" style="border:4 dashed #ff0000"></center>

6、凹槽框

<center> <img src="图片地址" style="border:25 groove green" border="0"></center>

7、脊状框

<center> <img src="图片地址" style="border:25 ridge green" border="0"></center>

8、横向渐变透明

<center><img src="图片地址" style="filter=alpha(opacity=100,style=1,finishopacity=0)">

9、圆形渐变透明

<center><img src="图片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>

10、X形渐变透明

<center><img src="图片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>

11、黑白效果

<center><img src="图片地址" style="filter:'gray'"></center>

12、X光效果(底片)

<center><img src="图片地址" style="filter:'xray'"></center>

13、浮雕效果

<center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>

14、上下颠倒

<center><img src="图片地址" style="filter:flipv">

15、左业叩?/STRONG>

<center><img src="图片地址" style="filter:fliph"></center>

16、色彩颠倒

<center><img src="图片地址" style="filter:invert"></center>

17、粒状阴影

<center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=15)"></center>

18、模糊效果

<center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3)"></center>

19、水波效果(风吹)

<center><img src="图片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>

20、水中倒影效果

<center><IMG src="图片地址" width="200" height="150"><BR>
<IMG src="图片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="200" height="150"></center>

 

 

二、边框属性
          1、 border-width:边框宽度。属性值为thin、medium、thick、length
          2、 border-color:边框颜色。属性值为color
          3、 border-style:边框样式。属性值为none\dotted\dash\solid\double\groove\ridge\inset\outset
    三、各种滤镜属性
1、 透明属性alpha 。
          表达格式:filter:alpha(opacity=opcity,finishopacity=finishopacity,style=style) 
          Opacity代表透明度等级,可选值从0到100,0代表完全透明,100代表完全不透明。 Style参数指定了透明区域的形状特征。其中0代表统一形状;1代表线形;2代表放射状;3代表长方形。Finishopacity是一个可选项,用来设置结束时的透明度,从而达到一种渐变效果,它的值也是从0到100。
        例如:<br><a href="http://www./index.asp"><img src=http://www./UploadFile/2005-4/20054315473519240.gif style="filter:alpha(opacity=80) Style:2"></a>鼠标放到图片上点一下, 试一试你会看到什么呢? 
2 、投影属性Shadow 或者dropshadow。
           表达格式分别是:Filter:Shadow(Color=color,Direction=direction)
                           filter:dropshadow(color= color,offx=偏移量,offy=偏移量,positive=1)
           在这里,Shadow有两个参数值:Color参数用来指定投影的颜色;Direction参数用来指定投影的方向。Shadow属性可以在任意角度进行投射阴影,Dropshadow属性实际上是用偏移来定义阴影的。
          例如:<br>·<font size=6 color=#ffffff style="height:0; filter:shadow(color=#cc66ff,direction=225)">欢迎光临朗诵艺术学校!</font><br>·<font size=6 color=#ffffff style="height:0;filter:dropshadow(color=#cc66ff,offx=5,offy=5,positive=2)">欢迎光临朗诵艺术学校!</font
3、发光属性Glow 
            表达格式:Filter:Glow(Color=color,Strength=strength)
            Glow属性的参数只有两个:Color是指定发光的颜色,Strength指定发光的强度,参数值从1到255。
           例如:<p><font size=7 color=#003366 style="height:0; filter:glow(color=#FF3399,strength=8)">欢迎光临朗诵艺术学校!</font>
4、透明属性Chroma 
            表达格式:Filter:Chroma(color=color)
            可以设置一个对象中指定的颜色为透明色,它只有一个参数Color。指定透明的颜色用Color参数设置出来就可以了。
         例如:<br><table height=60 width=100% background=http://pop.pcpop.com/upimg/200395894643858.gif><tr><td><table bgColor=#000000 height=60 width=100% style="filter:chroma(color=#336699)"><tr><td><p align=center><font size=7 color=#336699><b>欢迎大家来到美丽的神农架房间!</b></font></table></table>
5、水平翻转属性FlipH和垂直翻转FlipV。
            表达格式分别为:Filter:FlipH //Filter:FlipV 
例如:<br><font style="FONT-SIZE:30pt;filter:fliph(color=silver); WIDTH:100%;COLOR:#336699; LINE-HEIGHT:150% ">欢迎大家来到美丽的神农架房间!</font><br><img src=http://www./UploadFile/2005-4/20054315473519240.gif style=" filter: flipv">
6、Mask属性
            表达式也很简单: Filter:Mask(Color=颜色) 
            Mask属性为对象建立一个覆盖于表面的膜。只有一个Color参数,用来指定使用什么颜色作为掩膜。
          例如:<br><table width=100% background=http://pop.pcpop.com/upimg/200395894643858.gif style="filter:chroma(color=red)"><tr><td><p align=center><font style="FONT-SIZE:30pt;filter:mask(color:blue);WIDTH:100%;COLOR:red; LINE-HEIGHT:150% ">欢迎光临朗诵艺术学校!</font></table>
7、blur属性
           表达格式:filter:blur(add=add,direction,strength=strength)
           假如您用手在一幅还没干透的油画上迅速划过,画面就会变得模糊。CSS下的blur属性就会达到这种模糊的效果。有三个参数:add、direction、strength。
          ·Add参数有两个参数值:true和false。意思是指定图片是否被改变成模糊效果。        
          ·Direction参数用来设置模糊的方向。模糊效果是按照顺时针方向进行的。其中0度代表垂直向上,每45度一个单位,默认值是向左的270度。(如图)
            ·Strength参数值只能使用整数来指定,它代表有多少像素的宽度将受到模糊影响。默认值是5像素。
例如:<br><font size=7 color=RED style="height:0; filter:blur(add=true,direction=135,strength=15)">欢迎大家来到美丽的神农架房间!</font>
     朋友们!只能介绍这些了~ ,CSS最大的优点就是滤镜的运用,用起来特别的灵活方便。所有这些也都是网页制作的最基础性的标签代码,还有许多的属性标签没有介绍(嘿嘿……其实只明白这么一点点),若对制作网页的朋友感兴趣的,可以到网上搜索一下,有关于这方面的讲座,你可以自己慢慢的学习.
     另外,还要说明的是,由于UC聊天室房间广播有字数的局限性,代码标签不易太多,否则输入的文字就相应的减少,制作的房间广播既要简便又要能够表达出所要表达的效果为最佳。

注意事项: 
1:如果生成的代码过长,不能在房间直接发送,请减少参数选项. 
2:过多过长的代码参数必许使用UC星空版或基于UCTOOLS管理功能的版本,利用其"管理功能"发送就可发送长代码广播. 
减少代码长度的几个简单方法: 
1:多使用默认值,   2:尽量使用短地址图片.   3:文字信息字数和行数不要过多....          

1.什么是“房间广播”?
顾名思义,它是房间管理员,在其管理的房间中所发出的并被本房间成员接受了的广播信息。那么,什么是“广播”呢?可以简单理解为:广泛传播的信息。简言之,
UC房间广播:是指UC聊天室的注册管理员在本聊天房间发布的信息(包括文字/语音/动画/歌曲/等)。
2.房间广播的特点:
(1)房间广播是针对特定房间所发送和接受的实时信息。也就是说,它是需要认证发送者和接受者的。只有是本房间的已经报批了的固定管理员,才能有资格发送本房间的广播;也只有身在本房间的成员,才能接受本房间的广播。所谓实时,就是指你此时必须在本房间中,才能看到本房间的广播。离开本房间就看不到了的。当然,你也必须在没有屏蔽房间广播时,才能看到本房间的广播的。
(2)房间广播是有一定格式的。其实,房间广播是一个动态的网页。其信息内容是能被发送者和接受者随时刷新的。后面我要详细说明房间广播的制作办法的。在这里,我简单介绍一下,房间广播是在哪显示的和如何调整这个广播的小窗口吧?房间广播是被显示在本房间的私聊小窗口中,它是能被接受者随时调整的小窗口(当发送的信息比较大时,你是能随时有限设定和调整这个小窗口的大小的),这个小窗口是具有网页属性的。也就是说,你在制作房间广播时,是需要遵循网页规则来制作适合它的窗口大小的UC房间广播代码的。
(3)房间广播是有大小限制的(约1K字节=512个汉字)。由于房间广播是被显示在私聊小窗口中,因此,房间广播的内容是有大小限制的(太大的内容私聊小窗口容不下呢)。尽管房间广播的小窗口是能被接受者随时调整其显示区域,但它还是有大小限制的。这意味着,制作者是需要考虑其大小容量的。它基本上是具有特定动态网页属性的,这也是制作者必需考虑的重要属性(如果你编写过大的文档,广播内容是发不出去的。原因是它超过了1K字节的容量的限制了)。
(4)房间广播是使用特定的文件格式保存的。通常它是被保存在UC的一级子目录中,其文件扩展名是*.DAT,主文件名是有区别的,例如:Broadcast.dat是“常用广播”的数据文件ManMessage.dat是“常用信息”的数据文件,它是主要的消息数据文件;Welcome.dat是迎宾数据文件。等等...房间管理者和学友们,你可以亲自去探索它的保存文件吧。我们可以利用这点相互传送已经制作好的房间广播文件来导入使用的。当然,你首先得导出这个广播代码的。

第二节 为什么要制作和发送房间广播?

  大家都知道,我们学习任何知识前是有必要知道它是什么东东?其次,也很有必要知道,这个知识有什么作用?当然,最后是需要学会如何去更加好地学习制作它了。
  为什么需要“房间广播”?也就是说,它有什么作用?制作它有什么意义呢?大家都知道,
灵活多样的房间广播能够极大地活跃房间的气氛、实时宣传和说明本房间的有关疑问,提高房间的感染力和凝聚力.
具体地,它有如下作用:
1.它具有重要的和无法代替的实时宣传与说明作用:每个房间就是一个教室,只不过这个房间教室是虚拟的动态教室,它更加适合现代社会人们的学习方便。在这个教室中,随时有可能有动态地随便进出的老师和学员。正因为如此,房间教学广播因为它能承载实时发布声音/图形图像/流媒体广播(例如房间Flash动画广播,播放视频教学讲解)/休息娱乐时播放的歌曲(如MP3歌曲广播)等等这种“声/光/影”的生动形象丰富展示功能的特点,因此“房间广播”独具实时宣传/说明的作用。
2.适时解答功能。尽管老师和学员并不认识,房间教学广播也能象真实的教室那样,实时传递着与教学有关的知识和相关的软件下载及说明信息,这样就能减轻老师反复述说同一问题,这种虚拟的教室里的房间广播,有利于充分有效传送与教学有关的信息,看似默默无闻的房间广播,正在悄悄地虚拟交互着与你学习所需要的东东呢。你看看,房间广播所传送的信息足够您在其中获取所需要的重要知识的吧?
  当然,它的作用很多,我不一一列举了。总之,充分利用房间广播,是一个老师和学员必需知道并有效利用的。那么,我们知道了它的重要作用后,就应该去学会如何制作它了吧?

第三节 如何制作和有效发送房间广播

一、"普通文本广播"的发送方法

共有二种发布办法:

1.任何在线老师和管理都能在台上或麦上直接发出普通格式的文本广播:

*作方法:鼠标直接点击房间左上角的“管理”->“房间广播”,在弹出的对话框中输入你想发布的广播文字内容(此时发布的广播内容字数有一定限制),即可。


2.  编辑制式文本保存后,再发广播:

*方法: 单击(左键点击)房间右上角【管理】按钮,再点击里面的【辅助功能】-->【常用信息】【常用广播】,然后在出现的【编辑常用信息】【编辑常用广播】上单击,在弹出的【编辑常用信息】【编辑常用广播】中的设计信息编辑对话窗口的主窗口中,先指定【标题】中的这个广播代码的标识“标题(以方便发布时好认识将发出的是什么内容的广播)”,同时指定字体、字号、字色等文字格式,在下面的主要代码编辑区“内容”窗口中,直接输入文字内容,即可。也可以从WORD、记本事、聊天窗口等处复制后再粘贴到内容框中。粘贴可以用鼠标右键单击后选“粘贴”,建议大家使用键盘快捷键Ctrl+V键(粘贴)。从别处复制也可以使用快捷键:Ctrl+C键(复制),选定文字内容后,直接按Ctrl+C键(复制)到系统【剪帖板】中即可。
二、带"格式文本广播"的发送方法
    如果要想改变所发内容文字的字体样式、字体大小和字体颜色,在发送的内容前面加上下面这个代码即可(格式):
语法格式 <font face=字体名称 color=颜色名称 size=字号大小> 和 </font>//字体结束标记(可省略)
     普通文本广播,默认时,以"宋体/黑色/5号字"发出.当指定时,以指定的"字体/字号/颜色"发出:
例如:<font face=华文中宋 color=Black size=5> //意思就是:设定文字为“华文中宋 黑色 5号字”。
   在上面的代码中,“ = ”后面的参数可根据你自己的需要改变。
   你可以改变字体样式(face=………),常用的,有下面几种选择:a.华文中宋;b.华文云彩;c.宋体;d.楷体;e.隶书;f.华文魏碑;g.华文行楷;h.黑体。这得依据你系统中的字体庫中的字体来决定了。房间用户看到的字体也只能以他们的系统中是否有这种字体来显示了的。,如果没有你发出广播所指定的这种字体,就以默认的字体“宋体字”来显示了的。
   你也可以更改字体的颜色(color=………):黄色.yellow ;紫色.amethyst ;绿色.bice ;蓝色.blue ;红色.red ;青色.cyan; 黑色.Black ;粉红色.carnation ;深黄色.brown。
   你还可以字体的大小(size=……),一般设定在4-6即可,尽量不要超过8。
例如:
1、隶书篮色6号字代码
<font face=隶书 color=blue size=6>欢迎弟兄姊妹来到“随缘驿站”房间,这里是神的殿,这里就是你的家。
2、华文中宋红色5号字代码
<font face=华文中宋 color=red size=5>现在是话题时间,今天的话题是: 优秀网友的标准是什么? 网上交友最重要的标准是什么? 你喜欢和什么样的朋友聊天?
3、带阴影紫色字
<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 9pt; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 450px; LINE-HEIGHT: 150%; POSITION: relative" face=华文行楷 color=#8855aa>大家来赞美呀</FONT> </P>
    朋友们,你学会了么?到你上管的聊天房间试试吧,你可以把上面的代码直接复制,然后在广播发布窗口粘贴。
三、用"房间广播发图片"的方法
   在聊天室里发图片广播最关键的地方是图片必须是有网页链接地址,本地图片是不能发送的。如你在某个网页上见到自己喜欢的图片,就可记下图片地址,在这个地址里加进网页自动登陆执行代码即可发送,发送代码为:
   <img src=" 图片地址 "> 这里,图片地址前后的引号“”可以用空格代替。
   查看网页上图片地址的方法是:右击网页上的图片,选择“属性”,复制里面的“地址(URL)就可以了,但要注意一定要复制全,可能有些网址是很长的。
   例如:发布一个主内图片<img src=" 
http://ent.tom.com/images/zhuanti/passion/d/18.jpg">
   也就是在图片地址的前面加上<img src=" ;在图片地址的后面加上 "> 即可。要想改变图片尺寸的大小,再在上面代码的后面符号 " 与 > 之间加上 height=260 width=360 即可,
   例如:<img src="
http://ent.tom.com/images/zhuanti/passion/d/14.jpg"height=260 width=360 >
   在代码height=260 width=360 中,height=图片的高,width=图片的宽,变更代码中的数字就可随意的改变图片的大小了。
四、滚动房间广播代码的主要参数说明:
如果你要发布更为生动活泼的信息,你就要了解一些房间广播地主要参数(//代表注释,|表示参数分隔):
<marquee
aligh=left|center|right|top|bottom //是设定活动字幕的位置为居左/中/右/靠上/靠下
bgcolor=#n //用于设定活动字幕的背景颜色,一般是十六进制数
direction=left|right|up|down //设定活动字幕的滚动方向是向左/右/上/下
behavior=type //设定滚动的方式:"scroll"表示由一端滚动到另一端;"slide":表示由一端快速滑动到另一端且不再重复;"alternate"表示在两端之间来回滚动
height=n //设定滚动字幕的高度
width=n //设定滚动字幕的宽度
hspace=n //设定滚动字幕的左右边框的宽度
vspace=n //设定滚动字幕的上下边框的宽度
scrollamount=n //设定活动字幕的滚动距离
Scrolldelay=n //设定滚动两次之间的延迟时间
loop=n> //设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新
  可以看出由于活动字幕的显示方式多种多样,可选的参数也很多。下面解释一下各参数的含义:
align:是设定活动字幕的位置,不过除了居左、居中、居右三种位置外,又增加靠上(align=top)和靠下(align=bottom)两种位置。
bgcolor:用于设定活动字幕的背景颜色,一般是十六进制数。
direction:用于设定活动字幕的滚动方向是向左、向右、向上、向下。
behavior:用于设定滚动的方式,主要由三种方式:behavior="scroll"表示由一端滚动到另一端;behavior="slide":表示由一端快速滑动到另一端,且不再重复; behavior="alternate"表示在两端之间来回滚动。
height:用于设定滚动字幕的高度。
width:则设定滚动字幕的宽度。
hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。
scrollamount:用于设定活动字幕的滚动距离。
scrolldelay:用于设定滚动两次之间的延迟时间。
loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。
  <marquee>标记的默认情况是从右向左滚动无限次,字幕高度是文本高度,滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。
举例:
1.牡丹红色背景
<font size=4><marquee bgcolor=#FF00FF >欢迎朋友们光临“随缘驿站”聊天室!!!</marquee></font> 
2.蓝紫色背景来回走动
<marquee bgcolor=#9F5F9F behavior=alternate ><font size=3><marquee bgcolor=#9F5F9F >温馨 宁静 闲适 淡雅!!!</marquee></font> 
3.黄色背景从左向右移动
<font size=9><marquee direction=right bgcolor=#FFFF00 >随缘驿站全体管理欢迎您的光临!</marquee></font>

附:颜色代码列表 
1 白色 #FFFFFF 2 红色 #FF0000 3 绿色 #00FF00 4 蓝色 #0000FF 5 牡丹红 #FF00FF 6 青色 #00FFFF 7 黄色 #FFFF00 8 黑色 #000000 9 海蓝 #70DB93 10 巧克力色 #5C3317 11 蓝紫色 #9F5F9F 12 黄铜色#B5A642 13 亮金色 #D9D919 14 棕色 #A67D3D 15 青铜色 #8C7853 16 2号青铜色 #A67D3D 17 士官服蓝色#5F9F9F 18 冷铜色 #D98719 19 铜色 #B87333 20 珊瑚红 #FF7F00 21 紫蓝色 #42426F 22 深棕 #5C4033 23 深绿 #2F4F2F 24 深铜绿色 #4A766E 25 深橄榄绿 #4F4F2F 26 深兰花色 #9932CD 27 深紫色 #871F78 28 深石板蓝 #6B238E 29 深铅灰色 #2F4F4F 30 深棕褐色 #97694F 32 深绿松石色 #7093DB 33 暗木色 #855E42 34 淡灰色 #545454 35 土灰玫瑰红色#856363 36 长石色 #D19275 37 火砖色 #8E2323 38 森林绿 #238E23 39 金色 #CD7F32 40 鲜黄色 #DBDB70 41 灰色 #C0C0C0 
42 铜绿色 #527F76 43 青黄色 #93DB70 44 猎人绿 #215E21 45 印度红 #4E2F2F 46 土黄色 #9F9F5F 47 浅蓝色 #C0D9D9 48 浅灰色 #A8A8A8 49 浅钢蓝色 #8F8FBD 59 浅木色 #E9C2A6 60 石灰绿色 #32CD32 61 桔黄色 #E47833 62 褐红色 #8E236B 63 中海蓝色 #32CD99 64 中蓝色 #3232CD 65 中森林绿 #6B8E23 66 中鲜黄色 #EAEAAE 67 中兰花色 #9370DB 68 中海绿色 #426F42 69 中石板蓝色#7F00FF 70 中春绿色 #7FFF00 71 中绿松石色 #70DBDB 72 中紫红色 #DB7093 73 中木色 #A68064 74 深藏青色 #2F2F4F 75 海军蓝 #23238E 76 霓虹篮 #4D4DFF 77 霓虹粉红 #FF6EC7 78 新深藏青色#00009C 79 新棕褐色 #EBC79E 80 暗金黄色 #CFB53B 81 橙色 #FF7F00 82 橙红色 #FF2400 83 淡紫色 #DB70DB 84 浅绿色 #8FBC8F 85 粉红色 #BC8F8F 86 李子色 #EAADEA 87 石英色 #D9D9F3 88 艳蓝色 #5959AB 89 鲑鱼色 #6F4242 90 猩红色 #BC1717 91 海绿色 #238E68 92 半甜巧克力色#6B4226 93 赭色 #8E6B23 94 银色 #E6E8FA 95 天蓝 #3299CC 96 石板蓝 #007FFF 97 艳粉红色 #FF1CAE 98 春绿色 #00FF7F 99 钢蓝色 #236B8E 100亮天蓝色 #38B0DE 101棕褐色 #DB9370 102紫红色 #D8BFD8 103石板蓝色 #ADEAEA 104浓深棕色 #5C4033 105淡浅灰色 #CDCDCD 106紫罗兰色 #4F2F4F 107紫罗兰红色 #CC3299 108麦黄色 #D8D8BF 109黄绿色 #99CC32
  UC的广播代码实在是太多了,这里只举了沧海之一粒,各位管理朋友如果看到更好的广播,而且想要代码的话,你可以把你自己的UC大厅设置成文本显示广播,这样你看到的广播就只是广播代码了

     《如何制作新浪uc聊天室房间广播的基础知识》讲座之二
  通过一段时间的漫漫摸索,我发现制作聊天室房间广播,多数都是利用制作网页的一些标签代码来实现的。这些标签代码包括HTML标签代码、css标签、XHTML标签等。 
HTML(Hyper Text Markup Language,超文本标识语言)是用于创建Web文档(即Homepage文档)的编程语言。CSS是Cascading Style Sheets(层叠样式表单)的简称。更多的人把它称作样式表。XHTML是一种用来编写网页的新语言,它建立在超文本标记语言(HTML)上并扩展了HTML语言。
这里,简单的介绍一下利用HTML标签代码来制作聊天室房间广播。

一、文字格式设置<font> ...</font>
1、文字大小的设置size。通过指定size属性就能设置字号大小,而size属性的有效值范围为1-7,其中缺省值为3。我们可以size属性值之前加上“+”、“-”字符,来指定相对于字号初始值的增量或减量。
如:
<br/><font size=6 > 欢迎大家来到美丽的神农架房间!</font><br><font size=4 > 欢迎<font size=+ >光临</font>大家来到美丽的神农架房间!</font> 
2 、文字字体的设置face。可以是本机上的任一字体类型,但有一点麻烦的是,只有对方的电脑中装有相同的字体才可以在他的浏览器中出现你预先设计的风格。
例如:<br/>·<font face=楷体_gb2312 >欢迎大家来到美丽的神农架房间!</font><br>·<font face=楷体_gb2312 size=4>欢迎大家来到美丽的神农架房间!</font>
3、文字颜色的设置color。这里的颜色值可以是一个十六进制数(用“#”作为前缀),也可以是以下16种颜色名称。黑色Black = "#000000" 绿色Green = "#008000" 灰色 Silver = "#C0C0C0" 浅绿色 Lime = "#00FF00" 深灰色Gray = "#808080"黄绿色Olive = "#808000" 白色White = "#FFFFFF"黄色Yellow = "#FFFF00" 棕色Maroon = "#800000"深蓝Navy = "#000080" 红色Red = "#FF0000"蓝色Blue = "#0000FF" 紫色Purple = "#800080"胡蓝色Teal = "#008080" 粉色Fuchsia = "#FF00FF"浅蓝色Aqua = "#00FFFF" 
例如:<br/><font size=6 face="楷体_GB2312" color=#808000> 欢迎光临!</font>

二、移动文字或图片<marquee>...</marquee>
移动属性的设置 ,这种移动不仅仅局限于文字,也可以应用于图片,表格等等
1、移动方向的设置direction 。取值为left(从右向左移), right(从左向右移),up(从上向下移) ,down(从下向上移)。默认移动方向为left(从右向左移)。公式:<direction=#> #=left, right ,up ,down 
例如:<br/><marquee direction=left>从右向左移!</marquee> 
2 、移动方式的设置bihavior 。取值为scroll循环移动, slide一次移动, alternate往复移动。默认移动方式为scroll循环移动。公式:<bihavior=#> #=scroll, slide, alternate
例如:<br/>· <marquee behavior=scroll>一圈一圈绕着走!</marquee> <br/>· <marquee behavior=slide>只走一次就歇了!</marquee>   <br/>· <marquee behavior=alternate>来回走</marquee> 
3 、移动循环的设置loop 。取值为自然数(1、2、3……),若未指定则默认循环不止(infinite)。公式:<loop=#> #=次数。
例如:<br/>·<marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee>   <br/>·<marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee><br/> ·<marquee loop=3 width=50% behavior=alternate>只走 3 趟!</marquee> 
4、移动速度的设置scrollamount 。取值为自然数(1、2、3……),若没有设置默认值为8。公式:<scrollamount=#>#=1、2、3……
例如:<br/><marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee> 
5、移动延时的设置scrolldelay 。 公式:<scrolldelay=#>
例如:<br/><marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee> 
6、移动条底色的设置bgcolor 。取值为Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua;或者是16 进制数码rrggbb(RGB色码)。公式: <bgcolor=#> #=rrggbb 或者是上列预定义色彩名称。
例如:<br/><marquee bgcolor=aaaaee>颜色!</marquee> 
7、移动条面积的设置height高度、width宽度。 它们的取值可以是绝对数,也可以是相对数(%)。公式:<height=# width=#> 
例如:<br/><marquee height=40 width=50% bgcolor=aaeeaa>面积!</marquee><br>
8、图片与文字的对齐方式(Align)。在图片与文字一起移动时,让文字与图片对齐,采用Align属性设置,其取值为top居上, middle居中, bottom居下。公式: <align=#> #=top, middle, bottom height=100
例如:<br/>· <marquee bgcolor=aaeeaa align=bottom><font size=6>啦啦啦,我会移动耶!</marquee> <br/>· <marquee bgcolor=aaeeaa height=100 ><img src=http://lhedu./school/lhedu2/UploadThumbs/2004514234819794.gif align= top>啦啦啦,我会移动耶!</marquee>

三、表格<table>...</table> 
<tr>定义表行 <th>定义表头 <td>定义表元(表格的具体数据)。这里,发聊天室广播经常用的格式:<table><tr><td>...</table>。 
1、表格边框线宽度的设置border 。若没有border属性则没有任何边框线。公式:<table border=#> #=(1、2、3.. ... ....) 若缺省则默认值为1。
例如:<br/>·<table><tr><td><font size=6 color=#808000>欢迎光临朗诵艺术学校!</table><br/>·<table border><tr><td><font size=6 color=#808000>欢迎大家来到美丽的神农架房间!</table><br>·<table border=8><tr><td><font size=6 color=#808000>欢迎大家来到美丽的神农架房间!</table>
2、定义表格的大小:width表格宽度、 height高度。表示方式:<table width=# height=#>,#数值可以是绝对值,也可以是百分数(相对数)。
例如:<br/>·<table width=500 height=40><tr><td><font size=6 color=#808000>欢迎大家来到美丽的神农架房间!</table><br/>·<table width=100% height=80 border=8><tr><td><font size=6 color=#808000>欢迎大家来到美丽的神农架房间!</table>
3、表格底色的设置bgColor 。公式:<table bgColor=#> #取值相同于移动条底色设置。
例如:<br/>·<table bgColor=red border=8><tr><td><font size=6 color=#000000>欢迎大家来到美丽的神农架房间!</table><br/>·<table bgColor=red border=8><tr><td bgColor=green><font size=6 color=#000000>欢迎大家来到美丽的神农架房间!</table>
4、边框颜色的设置borderColor 。取值同上。
例如:<table border=8 borderColor=blue><tr><td><font size=6 color=#808000>欢迎光临朗诵艺术学校!</table>
5、表格底色的背景设置background 。是给表格加上背景图片,用法为:<table background=图片网址>。
例如:·<table width=100% height="80" background="
http://im.qq.com/face/authed/3/b1799.gif "><tr><td><font size=6 color=#808000>欢迎大家来到美丽的神农架房间!</table><br>·<table width=100% height="80" background="http://im.qq.com/face/authed/3/b1799.gif " border=8><tr><td><font size=6 color=#808000>欢迎大家来到美丽的神农架房间!</table> <br/><table width=100% height="80" background="http://im.qq.com/face/authed/3/b1799.gif " border=8 borderColor=blun><tr><td><font size=6 color=#808000>欢迎大家来到美丽的神农架房间!</table>
6、水平调整位置的设置align 。取值为left向左对齐、center居中对齐、right向右对齐。默认值为left向左对齐。其格式:<td align=#> #= left、center、right
例如:<br/>·<table width=100% height="80" background="
http://im.qq.com/face/authed/3/b1799.gif" border=8 borderColor=blun><tr><td align=center><font size=6 color=#808000>欢迎大家来到美丽的神农架房间!</table><br/>·<table width=100% height="80" background="[tr][td]http://im.qq.com/face/authed/3/b1799.gif"><tr><td align=center><font size=6 color=#808000>欢迎大家来到美丽的神农架房间!</table>
7、垂直调整位置的设置valign 。取值为top居上、midde居中、bottom居下,默认值为midde居中。其格式:<td valign=#> #= top、middle、bottom 
例如<br/><table border borderColor=blun width=100% height="80"><tr><td align=left valign=top><font size=6 color=#808000>欢迎大家来到美丽的神农架房间!</table>

四、文件之间的链接
超文本中的链接是其最重要的特性之一,使用者可以从一个页面直接跳转到其他的页面、图象或者服务器。一个链接的基本格式如下:
      <a href="资源地址">链接文字</a>
   ·标签<a>表示一个链接的开始,</a>表示链接的结束;
   ·属性“href”定义了这个链接所指的地方;
   ·通过点击“链接文字”可以到达指定的文件。
例如:<br/> <a href="1'>http://www./dispbbs.asp?boardid=11&id=692&page=1">1音乐素材<a> <a href="
2'>http://www./dispbbs.asp?boardid=11&id=587&page=1">2班德瑞乐团<a> <a href="3'>http://gd./">3古典音乐<font color=red size=5><a><br>鼠标点击以上文字

五、音频文件的插入<embed>或者< bgsound>
可以播放的音乐格式有:MIDI音乐、WAV音乐、AU格式。另外在利用网络下载的各种音乐格式中,MP3是压缩率最高,音质最好的文件格式。基本语法:<embed src="音乐文件地址">或者< bgsound src="音乐文件地址">。
其主要属性有:
1、autostart=true/false ——是否要音乐文件传送完就自动播放,true是要,false是不要,默认为false 
2、loop=true/false ——设定播放重复次数,loop =6表示重复6次,true表示无限次播放,false播放一次即停止。 
3、startime="分:秒" ——设定乐曲的开始播放时间,如20秒后播放写为startime =00:20 
4、volume=0-100 ——设定音量的大小。如果没设定的话,就用系统的音量。 
5、width/height ——设定控制面板的大小(宽/高) 
6、hidden=true ——隐藏控制面板 
7、controls=console/smallconsole ——设定控制面板的样子 
例如:<br/>· <embed src="
http://img.valen.sohu.com/photos/79/495879.swf" autostart=true LOOP=FALSE HEIGHT=250 WIDTH=400><br/>· <embed src="http://www./upfile/mp3/200512857770765.mp3" autostart=true hidden=true loop=false><br/>· <embed src=" <a target="_blank" href=http://www./upfile/mp3/200512857770765.mp3>http://www./upfile/mp3/200512857770765.mp3</a>" autostart=false width=200 height=60><br/>· <bgsound src=http://sound./download.aspx?app=music2&type1=mp3&id=19609 loop=1><br/>· <bgsound src=http://up1./membersong/2005/7/3/200573120024.mp3 loop=1>

六、其他增强辅助标签
1、段落标签<P>...</P>
为了排列的整齐、清晰,文字段落之间,我们常用<P></P>来做标记。文件段落的开始由<P>来标记,段落的结束由</P>来标记,</P>是可以省略的,因为下一个<P>的开始就意味着上一个<P>的结束。<P>标签还有一个属性aling,它用来指名字符显示时的对齐方式,一般值有center、left、right三种。
例如:<br>· <P><font size=6 > 欢迎大家来到美丽的神农架房间!</font><br>· <P align=center><font color=#ffffff style="height:0; FILTER:shadow (Color=blun,Strength=10)" size=6>欢迎大家来到美丽的神农架房间!</p>
2、换行标签<br>
例如:<br><P align=center><font color=#ffffff style="height:0; FILTER:shadow(Color=blun,Strength=10)" size=6>欢迎光临<br>美丽的神农架房间!</p> 
3、不换行<nobr>
例如:<br><table background=http://www./UploadFile/2005-4/200543012303894039.gif width=600 height="style65"><tr><td><marquee><font size="6" color="#ffffff" style="height:0; FILTER:shadow(Color=red,Strength=6)"><nobr>祝晚会圆满成功!!</nobr></font></marquee></td>
4、文字加黑<b>...</b>、<strong>...</strong>
例如:<br>· <P align=center><font color=#ffffff style="height:0; FILTER:shadow(Color=blun,Strength=10)" size=6><b>欢迎大家来到美丽的神农架房间!</p><br>· <P align=center><font color=#ffffff style="height:0; FILTER:shadow(Color=blun,Strength=10)" size=6><strong>欢迎大家来到美丽的神农架房间!</p>
5、段落文字的居中标签<center>...</center>
例如:<br> ·<center><table width=500 bgColor=red border=8><tr><td><font size=6 color=#000000>欢迎大家来到美丽的神农架房间!</table></center><br> ·<center><table width=500 bgColor=red border=8><tr><td><center><font size=6 color=#000000>欢迎大家来到美丽的神农架房间!</center></table></center>
6、文字闪烁标签 <blink>...</blink>
例如:<br><center><table width=500 bgColor=red border=8><tr><td><blink><font size=6 color=#808000>欢迎大家来到美丽的神农架房间!</table></blink>
7、文字斜体<I>...</I> 、文字加下划线<U> ... </U>
例如:<br>·<I><font size=6 color=#808000>欢迎大家来到美丽的神农架房间!</font> </I><br>· <U><font size=6 color=#808000>欢迎大家来到美丽的神农架房间!</font></U><br>
8、文字分区的显示<div>...</div>
例如:<br><div style="font-size:52pt; filter:dropshadow(color=000000, offx=3, offy=3, positive=1); width:250px; color:red; font-family:Arial; position:relative"><nobr>最好的音乐献给你</div>

七、插入图片<img>
        超文本支持的图象格式一般有X Bitmap(XBM)、GIF、JPEG三种,所以我们对图片处理后要保存为这三种格式中的任何一种,这样才可以在浏览器中看到。
   插入图象的标签是<img>,其格式为:< img src="图形文件地址">
src属性指明了所要链接的图象文件地址,这个图形文件可以是位于远端主机上的图形。地址的表示方法还可以沿用“文件的链接”中URL地址表示方法。
例如:<br><img src=http://lhedu./school/lhedu2/UploadThumbs/2004514234819794.gif >
    以上只是我的一点点理解,还存在有很多我不知道的。但通过制作uc聊天室房间广播,接触到了关于制作网页HTML、css的入门知识。说到这里还要简单的介绍一下css的最基础的一些属性。
    一、文字属性
          1、 font-family:表示什么字体。属性值为所有字体。
          2、 font-style:表示字体是否斜体。属性值为normal、italc、obilque
          3、 font-variant:表示字体大小写。属性值为normal、small-caps
          4、 font-weight:表示字体粗细。属性值为normal、bold、bolder、lithter
          5、 font-size:表示字体大小。属性值为#pt #=自然数
    但需要注意的是:一定要注意属性值的排放顺序。它的排放规则是按照“font-style”、“font-variant”、“font-weight”、“font-size”、“font-family”的顺序,其中没有定义的以默认值显示。


 

 

 

 

 

 

 


</marquee>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多