什么是 UBB
代码? UBB 代码是HTML的一个变种. 你也许已经对它很熟悉了。UBB代码对于网上公告板之类的信息交互的平台,是比HTML更加安全的代码。由于要求使用的编码很少，所以可以非常轻松的取得需要的效果. 当前UBB 代码: 设置颜色的代码： 简单的添加颜色代码: [red]定义成
红色[/red]==>定义成红色 [pink]粉色[/pink]==>粉色 [orange]橙色[/orange]==>橙色 [brown]褐色[/brown]==>褐色 [green]绿色[/green]==>绿色 [blue]蓝色[/blue]==>蓝色 [navy]深蓝[/navy]==>深蓝 [violet]紫色[/violet]==>紫色 [gray]灰色[/gray]==>灰色 [black]黑色[/black]==>黑色 更多的颜色可以使用更灵活的代码来写 (UBB 代码部分是 红色): [color=######] www.Coolala.net [/color] 其中######是颜色,可以是上面的red,pink,orange等字符描述(所以用这个可以完全替代上面的代码),也可以用#FFFF00,#FF00FF,#339966这样类似的代码,其中的数字就是代表的颜色,具体的可以参照这里的颜色选择表,点这里打开颜色选择表 设置文字
字体的代码： 只要知道字体的名称,使用简单的代码,就可以设置漂亮的字体,比如宋体,楷体,仿宋体或者其他英文的字体: 举例如下 (UBB 代码部分是 红色) [font=楷体]酷辣辣,更精彩 www.Coolala.net [/font] 其中楷体就是字体,这个可以用其他的字体来代替,比如宋体,黑体,隶书等... 具体的可以参照系统的字体. 设置对齐方式的代码： 可以把代码中间的内容按照字体需要的方式对齐,分左对齐(不加也缺省此方式),右对齐,居中三种(UBB 代码部分是 红色) [left]左对齐[/left] [right]右对齐[/right] [center]居中对齐[/center] 也可以代码[align=left]内容...[/align]来使用上面的对齐 设置字体大小的代码： 可以把代码中间的文字按照设置的大小显示(UBB 代码部分是 红色) [size=*]字体大小[/size] *号代表要设置的大小,这个数字可以是0到9的任何一个数字,0最小(缺省的可以不输),从1开始分别增大,一直到9,9已经是最大的字体了,再大的值就不再起作用了. 设置字体上下标的代码： 可以把代码中间的文字设置成上标或者下标显示(UBB 代码部分是 红色) a[sub]2[/sub] a 2 a[sup]2[/sup] a 2 *号代表要设置的大小,这个数字可以是0到9的任何一个数字,0最小(缺省的可以不输),从1开始分别增大,一直到9,9已经是最大的字体了,再大的值就不再起作用了. URL 超级链接 如果UBB 代码在论坛是打开的, 你不需要使用 [URL] 代码建立一个 超级链接 . 直接输入URL地址系统将自动创建链接,不过建议在你直接输入的url后面跟一个空格,这样会比较准确: http://www.yourURL.com www.yourURL.com 注意如果它开始带有'www'你就不需包含有http://部分在地址里. 如果开始没包含有"www", 你必须写全 "http://" 地址. 当然你也可以使用 https:// 和 ftp:// URL 前缀在 自动-连接 模式. 你如果想包括 UBB 代码, 只加入连接的展示在下面的例子里 (UBB 代码部分是 红色). [url] www.Coolala.net [/url] 当你有真实的超级连接使用 [url] 代码e. 见下面的例子格式: [url=" http://www.Coolala.net "]UBBulletin Home Page[/url] 在上面例子里, UBB 代码会自动对URL产生链接，并保证当用户点击新的窗口时这个链接是打开着的。注意URL的"http://"这一部分是随意的。 Email 超级链接 在你的信息里加入电子邮件的超级链接，只要按照下例套入就可以了（UBB代码是红字). [email]john@Coolala.net[/email] 在上面例子里, UBB Code 代码会对电子邮件自动产生链接. 粗体,斜体和下划线 你可以使用 [b] , [/b] , [u] , [/u] or [i] , [/i] 这些标志以达到在贴子中使用粗体或斜体的效果. Hello, [b] James [/b], [u]John[/u] and [i]Mary[/i]. 项目顺序列表: 你能创建项顺序列表或有序列表 (用数字或字母). 没有顺序的列表: [list] [*] This is the first bulleted item. [*] This is the second bulleted item. [/list] 效果: This is the first bulleted item. This is the second bulleted item. 注意必需包括关闭的符号 [/list] 当你终止每个列表时. 产生顺序列表是很容易的. 仅仅每个加入 [LIST=A] 或 [LIST=1].[List=A]将产生从A到Z的列表. [List=1]则产生数字列表. 例如: [list=A] [*] This is the first bulleted item. [*] This is the second bulleted item. [/list=A] 效果: This is the first bulleted item. This is the second bulleted item. 加入图片 在你的信息里加入图象，只要按下例套入就可以了(UBB 代码是 红色). [img] http://www.Coolala.net/images/UBBlogo.gif[/img] 还有一些增加了图片对齐的代码可以使用 [limg] http://www.Coolala.net/images/UBBlogo.gif[/limg] 图片左绕排 [rimg] http://www.Coolala.net/images/UBBlogo.gif[/rimg] 图片右绕排 [cimg] http://www.Coolala.net/images/UBBlogo.gif[/cimg] 图片居中绕排 在上例中，UBB代码会自动让图象在你的信息里显示. 注意：URL的"http://"这一部分要求在[img]后套入。还要注意：一些UBB讨论区可能会禁止使用[img]标签，阻止图形的显示。 加入Flash 在你的信息里加入Flash，只要按下例套入就可以了(UBB 代码是 红色). [flash=500,300] http://www.Coolala.net/images/UBBlogo.swf[/flash] 加入Realplay视频或者音频文件 在你的信息里加入Realplay(rm,ram等格式)，只要按下例套入就可以了(UBB 代码是 红色). [rm=500,300] http://www.Coolala.net/images/UBBlogo.rm[/rm] 加入Mediaplay视频或者音频文件 在你的信息里加入Mediaplay(asf,mp3,wmv...等格式)，只要按下例套入就可以了(UBB 代码是 红色). [mp=500,300] http://www.Coolala.net/images/UBBlogo.wmv[/mp] 引用其他信息 引用一些人的帖子，只要剪切和拷贝然后按下例套入就可以了(UBB 代码是 红色). [QUOTE]Ask not what your country can do for you.... ask what you can do for your country.[/QUOTE] 在上例中，UBB代码会自动加重你引用的文字. 代码语句 相似引用语句, 代码语句会将一些象 <PRE>的语句保留这语句格式. 这些有用的是显示程序源代码用的, 例子: [CODE]#!/usr/bin/perl print "Content-type: text/html"print "Hello World!"[/CODE] 在上面例子, UBB 代码会自动保持代码内的文本的格式. 错误的 UBB 代码使用: [url] www.Coolala.net [/url] - 不要在括号和你输入的文字之间有空格。 [email]john@Coolala.net[email] - 在结束时，不要忘了在括号内加入斜杠([/email]) 注意: 你不要使用 HTML 和 UBB 代码做同一功能. 也注意 UBB 代码是不敏感的 (这样, 你能使用 [URL] or [url]).大多数人要实现图片缩放，都是在<img>里添加onload事件。
W3C Xhtml1.0 标准里，<img>没有onload，所以凡是在<IMG>里添加ONLOAD事件的，将不能通过XHTML验证。
可以使用单独的JS函数，在<BODY>的ONLOAD里调用，来实现图片缩放。
JS代码：
function imgfixlen()
{
obj=document.getElementsByTagName("img")
for(i=0i<obj.lengthi++)
{
if(obj[i].className=="futu")
{
if(obj[i].width>400) obj[i].width=400
if(obj[i].height>200) obj[i].height=200
}
}
}
Html代码：
<body onload="imgfixlen()">
Img标记：
<img src="图片URL" alt="图片说明" class="futu" />
记得在UBB代码的[IMG]正则表达式中,加上class="futu"
UBB代码说白了就是一种安全的html,对于前台输入,如果别人输入了html代码而后台不做处理的话,最轻微的结果就是导至页面变形,比如你一个论坛是以表格为基础布局白色背景,如果别人输入了"</table><table bgcolor=red>"直接的结果就是你的表格被拆分,并且下半部分变成了红色,为了安全起见,就需要在后台过滤别人的代码,将"<"换成"<"将">"换成">",这样别人输入就不再被当成html语法,而当成普通字符,但有时还需要一些特殊内容,比如图片,于是再对前台代码作一点处理
比如[img]url[/img]在后台处理转换成<img src=url />其它如一楼说的功能类似.
我不知道你后台编程语言是用的什么,所以无法具体给出具体后台代码,如果你需要的话,可以给我留言.
微信扫一扫
支付宝扫一扫
评论列表（0条）