查看: 45940|回复: 52
上一主题 下一主题 跳转到指定楼层

[11.04][UBB代码 技巧篇]排版娘教你如何巧用论坛代码编辑帖子

422

主题

3802

存在感

633

活跃日
喵~离线 Goodbye SOSG
 10 

家中的荣誉团员

发帖: 30903
SOS币: 29520
社团: 摔C3同好会
社团: ☆折原☆波江姐应援团
社团: SOSG卡奴协会
社团: Dollars!
社团: 隐者の庭院
注册: 2007-12-19
访问: 2016-05-18

楼主
发表于 2010/11/04 | 编辑

猜你喜欢: 论坛排版代码, 论坛帖子排版代码, 帖子排版代码


【前言】

所谓UBB,就是你在论坛编辑帖子时,为达到各种特效或插入图片、视频等时所使用的代码
基本的UBB代码在各种模板的论坛基本都通用,但还是会有不少有差异的地方
此外,同一代码在不同浏览器下的显示效果也可能有所不同


本篇所提到的UBB代码的显示效果仅针对SOSG论坛模板,且在IE、非IE内核浏览器中皆通用,同时适用于IE和精简高速两种风格。但是在其它论坛使用这些代码可能会显示出不同的效果。


既然是技巧篇,那么基本代码的使用就不述说了,不会用基本代码的团员可以参考论坛帮助:

http://www.sosg.net/faq.php?faqjob=1

如果看不懂上面的说明,请移步新人导航查阅详细的教程:

http://www.sosg.net/thread.php?fid=212

图片需登录后查看



UBB代码 技巧篇   —— by 优莉雅



(一) 如何在帖子中显示正确完整的代码却不被转换?


当你在帖子中输入正确而完整的代码时,通常都会被自己转换为它所对应的特效。但有时你只是想显示代码本身,而不想被转换,该怎么办呢?


方法① 取消帖子默认的UBB代码自动转换功能

如果你的帖子很简短,通篇都不需要转换代码,那么你就可以直接勾去 Wind Code自动转换 一项就行了

同理,如果你希望自己帖子中的网址不自动转换为可点的链接(-.-),则可以勾去“自动分析url”一项


图片需登录后查看



方法② 巧用CODE代码

如果你的帖子只有一部分代码不需要转换,则可以将这部分代码写在CODE代码中。效果如下:
CODE:
[img]http://pic2.sosg.net/image/f_logo/212.jpg[/img]

CODE:
[hide=9999][/hide]


CODE代码写法如下(因为CODE代码无法叠用,故我用图片显示)
图片需登录后查看


为预防图站抽风而导致图叉,我用全角字符再写一遍,即[code][/code](请注意所有代码勿使用全角字符或中文标点,否则是不会转换的)



方法③ 手动破坏代码结构(感谢15L Arbil1989提供)

CODE:
[u[color=black]]下划线[/[/color]u]


以上代码效果:[u]下划线[/u]

这是一种神奇的表达方式,论坛的默认字体颜色是黑色,而上述代码将加黑色的这组"多余"代码插入想表达的代码中间,由于多重代码是从内向外执行了,所以“]下划线[/”被认为是需要加颜色代码的内容,因此第二层[u.....u]成为了不完整的代码而无法被转换了,但是和中间的内容连在一起,从表面上看又成了完整的代码了。



方法④ 其实还有一种被遗忘的方法(感谢16L etc提供)

其实还有一种被遗忘的方法

纯技术流了,其实我完全不懂,只是把方法照搬过来。利用的是utf8代码串,连CODE都对它没辙,我就口述一下方法,简而言之就是把所有的"["全部换成了"& #91;" (不含空格)
不过这已经不是UBB代码技巧了




图片需登录后查看



(二) 如何为文字添加背景色


欢迎来到 SOSG 动漫社团 !!


论坛文字除了可以更改字体字号加粗加下滑线等外,还可以更改字体颜色和背景色,上面这句话的代码如下
CODE:
[b][size=3][color=royalblue]欢迎来到[/color] [backcolor=plum][color=white]SOSG[/color][/color] [color=darkorange]动漫社团[/color] [color=red]!![/color][/size][/b]


如果你觉得看着有点晕的话,可以单看加背景色部分的代码,举例如下:
CODE:
[backcolor=yellow]WWW.SOSG.NET[/color]

WWW.SOSG.NET   ← 注意背景色代码前后并不对称,这一点SOSG与其他论坛不同

在背景色代码的实际使用过程中,会发现论坛对此代码的支持并不是很完美,如果对排版要求不是很严苛的话,大体上还是能实现

既然提到了颜色代码,顺便说说叠加的应用。一段话中可以叠加多重COLOR代码,具体显示什么颜色,由将它包括在内的第一层颜色代码确定

比如代码:


CODE:
[color=red]▲▲▲[color=blue]■■■[/color]▲▲▲[/color]

将显示为:▲▲▲■■■▲▲▲



图片需登录后查看



(三) 如何简单快速地对齐文字


很多人在打段首空格的时候,往往会连敲十几个,来达到空两格或三格的效果。其实这完全没有必要,只要在输入空格前先切换为全角字符,就可以做到打几个空格就空几格。

按住"Ctrl+空格"即可切换全角、半角状态,在语言栏上也会有切换全角半角的按钮
图片需登录后查看

在全角状态下数字123会显示为123,利用全角空格可轻松达到以下对齐效果,你可以选中空格来查看它所占的宽度。


【版块导航】 动画综合讨论区  SOSG动漫资讯
       动画讨论区    放眼新番
       综合资源区    宅萌天下
       博物馆      业界动态


需要注意的是全角空格的宽度会随着加粗或者字号的改变而变化

当然如果你输入的文字有大量中英文混排,还是会难以对齐的,这时就推荐大家使用表格代码来排版。




图片需登录后查看



(四) 如何使他人注意到我的反白内容

帖子中的反白大家应该都见过,将需要反白的文字加颜色代码white,看的时候只要选中反白的部分就可以看到了

CODE:
[color=white]反白内容[/color]

反白的目的有多种,主要是剧透反白,还有就是一些糟糕的话等 233
反白既然发出来了,绝大多数情况还是希望有人看的,但是纯粹的反白有时候会让人难以察觉
其实,反白有很多种表现方式,完全可以做到让人一下子察觉到反白的存在



① 一片漆黑可不是黑幕,而是反白哦

这里有反白的内容哦~ ← 请选中此行或按Ctrl+A

利用的是上面提到的背景色代码。因为字体本身是黑色的,所以这样就看不见了。以上效果代码如下:

CODE:
[backcolor=black]这里有反白的内容哦~[/color]


② 为反白加上括号和下划线,哪里反白,一清二楚

这里有反白的内容哦~)   这里有反白的内容哦~

这两种方式简单直观,加下划线的时候要注意下划线代码需写在字体颜色代码的外面,否则连下划线也变成白色就都看不到啦

CODE:
[u][color=white]这里有反白的内容哦~[/color][/u]



图片需登录后查看



(五) 如何添加文字删除线

口胡!SOSG论坛不支持UBB删除线代码,别想了
(小声:如果你看到了删除线,那是区版大人在用html代码写贴哦~

图片需登录后查看


后续:差异篇,颜色进阶篇,表格篇,以及一些豆知识讲解。


[ 此贴被lilyurey在2010-11-05 22:33重新编辑 ]
此帖被评分,最近评分记录
SOS币:600(水鏡)存在感:15(水鏡)萌度:-2(水鏡)
萌度:5(水鏡)

2535

主题

5512

存在感

920

活跃日
帅哥离线 目标是,成为黑帮之星
 9 

家中的荣誉团员

1楼
发表于 2010/11/04 | 编辑
此文甚佳,优酱真是帮咱解惑了的说

关于我们|无图版|SOSG WIKI

Copyright © 2006-2024 SosG.Net
Total 0.018785(s) query 7, Gzip enabled,  沪ICP备07006640号-3