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

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

422

主题

3802

存在感

633

活跃日
痴呆大家族Durarara!!非日常~池袋的少男少女“燃烧吧,JUMP之魂!”Slayers!杰洛士——这是个秘密哦~☆(lilyurey 专属)SOSG五周年纪念卡For Love I Am The Best(活动版)市丸银,你是我的最爱(活动版)EVA-渚薰SP喵~宠物小精灵-皮卡丘布偶也要有人权-魂弹丸轮舞-黑白熊
喵~离线 Goodbye SOSG
 10 

荣誉团员

发帖: 30903
SOS币: 29520
G币: 0
社团: 摔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(水鏡)

2

主题

15

存在感

3

活跃日
 2 

实习生

1楼
发表于 2010/11/04 | 编辑
这 个 好像好深奥的说

102

主题

932

存在感

467

活跃日
狼与香辛料-赫萝狼与香辛料-赫萝SP狼与香辛料-赫萝(限定版)新年限量版卡片-赫萝狼与香辛料-赫萝(み.咪哉咪哉 定制)赫萝(新年版)~~呐,你饿不饿,要不要我下碗面给你吃(水鏡 定制)上海ComiCup纪念版SOS姬狼与香辛料-罗伦斯一周的朋友-藤宫香织舰队Collection-岛风启萌女神—七濑恋(mm180 定制)
美女离线 Shorel'aran█ää
 10 

SOS团之究级水库!!

2楼
发表于 2010/11/04 | 编辑
这个不错,可以收藏,以后也许会用上

2535

主题

5512

存在感

920

活跃日
飒爽登场~☆ 银河美少年!(cobray123 专属)永远的最萌—长门有希Durarara!!非日常~池袋的少男少女笨蛋祭欢闹的笨蛋们黑猫应援团 - 五更瑠璃SOSG五周年纪念卡飞天小KK(漫画组团队卡)魔法少女まどか☆マギカ-鹿目圆香魔法少女まどか☆マギカ-晓美焰魔法少女まどか☆マギカ-巴麻美魔法少女まどか☆マギカ-美树沙耶加魔法少女まどか☆マギカ-佐仓杏子
帅哥离线 目标是,成为黑帮之星
 9 

荣誉团员

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

148

主题

1216

存在感

536

活跃日
My Glamorous Valentine: 筒隱月子 (千鈴 专属)黑猫应援团 - 五更瑠璃SOSG五周年纪念卡本命アンサー@桐崎千棘(千鈴 定制)秋之回忆6-嘉神川克罗艾ClariS-ClaraClariS-Alice学生会的一存-椎名真冬圣诞之吻-中多纱江笨蛋、测验、召唤兽-雾岛翔子笨蛋、测验、召唤兽-雾岛翔子SP圣诞之吻-上崎里沙
美女离线
 10 

SOS团之究级水库!!

4楼
发表于 2010/11/04 | 编辑
辛苦了...
這些都算是一點一點摸索出來過,如果有這貼的話,當初就不用浪費那麼多時間自己研究了

2032

主题

2851

存在感

946

活跃日
只是活着,然后堕落(狼头 专属)Space里最浪漫的男人,Dandy!(世界一狼头 专属)“我的幸福就是妈妈的幸福”以拳交心——打架番长大门大参上!(世界一狼头 专属)“Gate会吞噬人的幸福”“我追求的只有胜利”“对诺瓦尔来说,你是他的第一个朋友”“似我呢啲咁靓嘅数码精灵,做咩都系可以原谅嘅”“那就是我存在意义的全部”“如果是风纪委员的话,就可以随便破坏风纪了”「私が来た!」オール·マイト「一芸だけじゃヒーローは務まらん」相澤消太
美女离线 JUMP系作品同好会终身会 .. & ..

SOS团超团长

5楼
发表于 2010/11/04 | 编辑
小优GJ!下次出一个表格技巧吧(捂脸

410

主题

3308

存在感

1367

活跃日
“有被射杀的觉悟,才有资格开*!”(* 专属)冒险的大门已经打开了!“燃烧吧,JUMP之魂!”NARUTO-迪达拉(cjl461328046 专属)永远的老爹—大海贼 <爱德华·纽盖特>“原谅我吧!弟弟”-真正的忍者 宇智波鼬(cjl461328046 定制)波特卡斯·D·艾斯(~火之云~ 定制)Code Geass·叛逆的鲁鲁修-鲁路修(特别版)银魂-坂田银时“EL PSY CONGROO ”-你以为我是谁(妄想系中二 定制)因为我是天才嘛-<<十日后>> 樱木花道游戏王-武藤游戏
帅哥离线 从此不再操作DotA,但是还是Dot ..
 10 

SOS团之究级水库!!

6楼
发表于 2010/11/04 | 编辑
期待其他技巧篇,一直偷学了不是技巧的路过


340

主题

1428

存在感

476

活跃日
SOSG五周年纪念卡Durarara!!非日常~池袋的少男少女LuckyStar-镜萌战限量版卡片-柊镜LuckyStar-此方LuckyStar-美幸妄想学生会-天草筱kanon-月宫あゆ旋风管家-三千院凪萌战限量版卡片-木之本樱旋风管家-桂雏菊(LOLIの后宫 定制)CLANNAD-冈崎杏(风散酒花香 定制)
 7 

荣誉团员

7楼
发表于 2010/11/04 | 编辑
前两天某人还问如何将文字变成竖版的呢~~lz有办法吗?~

1239

主题

3375

存在感

864

活跃日
机动战士高达0083 星辰的回忆-GP03 石斛兰(xgyy1111 专属)ν高达(xgyy1111 专属)装甲骑兵波特姆斯-红肩队樣式特装型眼镜犬(····· 专属)Z高达(xgyy1111 专属)银魂-坂田银时(xgyy1111 专属)G3高达(xgyy1111 专属)真蓋塔ROBO 世界最後之日-真蓋塔(····· 专属)勇者王FINAL-GENESIC GAOGAIGAR(khiela 定制)变形金刚-擎天柱银魂-坂田银时
 11 

★☆★【H2Oの起源】★☆★

8楼
发表于 2010/11/05 | 编辑
太好了。很多代码想找很久了

43

主题

179

存在感

155

活跃日
 6 

SOS团三星级★★★

9楼
发表于 2010/11/05 | 编辑
感觉很深奥。。一直拿这种东西没辙
有机会实验看看吧

关于我们|无图版|SOSG WIKI |投放广告

Copyright © 2006-2020 SosG.Net
Total 0.077099(s) query 8, Gzip enabled,  沪ICP备07006640号