下一页(2)

[NGA常用BBS代码][奥运帖]Project N —— 《从入门到精通:排版的艺术 Ver.3》[客户端勿入!!][完稿]

[NGA常用BBS代码][奥运帖]Project N —— 《从入门到精通:排版的艺术 Ver.3》[客户端勿入!!][完稿]


[align=center][img]http://pic3.178.com/507/5076687/month_1604/85f84b1fd6ddc171ff50ae5fcf863bb4.png[/img][/align]
======
[l][img]http://pic3.178.com/507/5076687/month_1604/fe8cb98a9011b6e1402c8b3048c64f6f.png[/img][/l][r][img]http://pic3.178.com/507/5076687/month_1604/29f03348dfad34f1f528e6370b99ae8c.png[/img][/r][quote][align=center][b][color=orangered][size=120%]——⊰请勿使用客户端浏览本帖,建议浏览器全屏阅读!⊱——[/size][/color][/b][/align][/quote]
[quote][align=center][b][color=royalblue][size=120%]想要学会NGA排版吗?[/size][/color][/b][/align]
[align=center][b][size=120%][color=royalblue]如果想要的话,那就到这贴里去找吧,我全部都放在这里。[/color][/size][/b][/align][/quote]


[quote][table]
[tr]
[td35][b][size=135%]目 录[/size][/b][/td]
[td][b][size=135%]序 言[/size][/b][/td][/tr]
[tr]
[td][quote][list][*][url=http://bbs.ngacn.cc/read.php?tid=9268613][b]基础排版入门[/b][/url]
[list][*][b][color=royalblue]眼见不为实![/color][/b]——排版代码的原理简述 [*][b][color=royalblue]初级法术![/color][/b]——简单日常排版及基础论坛功能[/list]
[*][url=http://bbs.ngacn.cc/read.php?pid=181035860][b]高阶排版指北[/b][/url][list][*][b][color=royalblue]我想说什么?[/color][/b]——NGA排版设计思路 [*][b][color=royalblue]核心技能![/color][/b]——常用排版代码详解
[*][url=http://bbs.ngacn.cc/read.php?pid=181035899][b][color=royalblue][高级][/color][/b][b]图文混排示范实例[/b][/url][/list]
[*][url=http://bbs.ngacn.cc/read.php?pid=181035975][b]地精科技![/b][/url] [list][*][b][color=royalblue]地精科技值得信赖[/color][/b]——工具类代码介绍 [*][b][color=royalblue]请不要按这个红色按钮![/color][/b]——不常用/不推荐代码简介 [/list]
[*][url=http://bbs.ngacn.cc/read.php?pid=181036060][b]版头设计[/b][/url] [list][*][b][color=royalblue]什么人想看什么?[/color][/b]——NGA版头分析 [*][b][color=royalblue]HEADLINE![/color][/b]——图文类版头代码介绍 [/list]
[*][url=http://bbs.ngacn.cc/read.php?pid=181036116][b]结语 & 附录[/b][/url]
[/list][/quote][/td]
[td][quote][align=center][b][color=blue][size=120%]感 谢[/size][/color][/b]
[h][/h]
[url=http://bbs.ngacn.cc/read.php?tid=1892688][b]排版的艺术 Ver.Ⅰ[/b][/url][i][color=silver] 2008年[/color][/i] —— [b]作者:[/b][Auixote]
[url=http://bbs.ngacn.cc/read.php?tid=5355906][b]排版的艺术 Ver.Ⅱ[/b][/url][i][color=silver] 2012年[/color][/i] —— [b]作者:[/b][不得不战][/align][/quote]
[quote][list][*]距离上一版《排版的艺术》不知不觉又过去了四年,这四年里NGA的整体界面及论坛编辑工具、功能都有了许多改变及进步。因此大概算是法师区的传统,四年之后的今天楼主又接下了前辈们的传承,再次对NGA论坛的排版代码及功能来做一个新的介绍。
[*][color=blue]本文在前两版的基础上,结合个人经验对排版手册进行了全新的编写。通过分级分类,由浅入深的介绍了NGA论坛的排版代码,[b]囊括了目前NGA几乎所有的排版经验技巧[/b]。因此不论是初入论坛的萌新还是身经百战的大佬,相信都能从本文获取一些有用的内容。[/color]
[*][color=red]由于内容过多且[b]需照顾到不同经验程度的坛友[/b],因此介绍的较为繁琐。但涵盖了许多有用的实际排版经验及高级小技巧。希望对此文感兴趣的各位多多包容,[b]耐心[/b]阅读![/color][s:ac:羡慕]
[/quote][/td][/tr]
[tr][td colspan=2][b][color=red][size=120%]版 式 说 明 & 阅 读 建 议[/size][/color]:[/b]
[h][/h]
[quote][size=150%][b]· [代码] 功 能[/b][/size]
[h][/h][r][img]http://pic3.178.com/507/5076687/month_1604/982c23c2de4970cc5dc415d9f020b809.png[/img][/r]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote][b][size=110%]排版代码效果示例,[color=teal]本帖中如图片显示出错请尝试刷新即可[/size][/color][/b][/quote]
[code]示例中所用的排版代码展示[/code]
[list][*][b][color=red]每段第一条为功能用法简介,粗略了解可以只看此处。[/color][/b]
[*][b][color=blue]后面均为补充说明,可以不看,但建议阅读。包含了大量实践技巧。[/color][/b]
[*][b][color=orangered]部分表格内容会撑开页面,再次建议保持浏览器全屏阅读本帖![/color][/b]
[/list][/quote][/list][/td][/tr]
[/table][/quote]


[size=200%][b]· 第 一 章:基 础 排 版 入 门 篇[/b][/size]
======
[color=royalblue][size=150%][b]本章为基础入门篇,老司机也可以快速浏览或直接前往[url=http://bbs.ngacn.cc/read.php?pid=181035860]下一篇章[/url]。[/size][/color][/b]
[quote][size=160%][b][color=royalblue]一. 眼 见 不 为 实![/color][/b]——NGA排版代码的原理简述[/size] [h][/h]

[b]字体加粗[/b]、[i]斜体字[/i]、[color=royalblue]彩[/color][color=skyblue]色[/color][color=blue]字[/color]等等的基础文字效果是我们在平日里最常接触的“排版”元素,在word等常用办公软件里我们可以直观的看到这些效果的变化。 但是在NGA论坛中,我们在发布或回复帖子时如果使用了这些字体效果,却会发现他们并不能直接显示出变化,取而代之的是出现了一些[代码]。 [table] [tr] [td][align=center][img]http://pic3.178.com/507/5076687/month_1604/820ebd7e5f06db05a003b00603ce13a1.jpg[/img][/align][/td] [td][align=center][img]http://pic3.178.com/507/5076687/month_1604/d5e8c1e39dc1b6ee38b60dcb1b380ead.jpg[/img][/align][/td][/tr] [tr] [td][align=center][i]word等软件中是即时效果显示[/i][/align][/td] [td][align=center][i]而NGA编辑界面的则是以代码显示[/i][/align][/td][/tr] [/table]

所以,我们所看到的许多大触们发布的帖子中那令人赏心悦目的排版并不是如我们所见,而是以这些[b]排版代码[/b]——既类似于[b]“html语言”[/b]所构成的。 当然啦,这么复杂的东西我们并不需要去理解和记忆,只需知道它们的使用方法就行了!
那么让我们先来观察一下下面这个代码([b][color=crimson]仅框内部分,请无视本文中所有用于显示代码的“Code (c):”这几个字[/color][/b])
[code][i]这是斜体字的代码[/i]
[b]这是粗体字的代码[/b]
[color=royalblue]这是彩色字的代码[/color][/code]
[list][*][i]这是斜体字的代码[/i]
[*][b]这是粗体字的代码[/b]
[*][color=royalblue]这是彩色字的代码[/color]
[/list]

[quote]我们可以发现,它们都是由“[b][代码]”、“内容”、“[/代码]”[/b]这三个部分组成的。
[h][/h]

[b]“[代码]”[/b]表示这个效果的开始,多加了一个斜杠的[b]“[/代码]”[/b]则表示这一效果的结束。
[color=red](有些如字体颜色等则会多加一个[b]“[代码=XX]”[/b]来定义具体的效果,如前面的彩色字)[/color] [r][img]http://pic3.178.com/507/5076687/month_1604/20fdf4c4fdfc4519e5cae8b6b0b8b6b2.png[/img][/r]
它们就如同夹心饼干一样,一前一后把我们需要加特效的内容包在中间。 [b][color=seagreen]
因此,我们只需要知道我们所要实现的特效的代码是什么,把它们包在内容的两边就行了[/color][/b]。 [/quote]
那么如果我们要实现多种效果,比如一句红色的粗体字,只需要把他们一起包在两边。
[code][b][color=red]这就是NGA排版代码的原理啦![/color][/b][/code]
[quote][b][color=red]这就是NGA排版代码的原理啦![/color][/quote][/b]
[/quote]


[quote][size=160%][b][color=royalblue]二. 初 级 法 术![/color][/b]——日常简单排版及基础论坛功能[/size] [h][/h]

[quote][align=center][img]http://pic3.178.com/507/5076687/month_1604/b0481ea2d9b9278afaf1d694bc0b486f.jpg[/img]
[size=120%]NGA的最新版编辑界面(2016),[color=red]大部分操作都可用这些编辑工具轻松完成[/color][/size][/align][/quote]

[align=center][b]那么,下面我们以NGA的编辑界面为准,正式开始逐一介绍这些排版代码(个别代码将根据内容调整顺序介绍)。[/b][/align]
[h][/h]
[/quote]

[quote][size=150%][b]· [color] 颜 色[/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote][color=blue]这是一段蓝色的文字[/color][/quote]
[code][color=blue]这是一段蓝色的文字[/color][/code]
[list][*]颜色代码用于[color=red][b]改变文字的颜色[/b][/color],其代码为[b][color=颜色名]文字 [/color][/b]
[*]我们一般是[b]选中文字后,直接使用论坛的编辑工具选择颜色[/b];但如果你需要重新调整颜色,也记得颜色名,也可以直接手动编辑,例如将“red”改为“blue”
[*]一般用来突出需要[color=red]强调的内容[/color]使重点内容一目了然,也常与[粗体字] [字体大小]配合使用
[*]文字颜色不宜过多,不然会显得杂乱无章
[*]彩色文字在签名中显示时会自动变浅,观感上会更文艺一些
[*][b]具体的颜色效果请参照此表格[/b]
[/list]
[collapse=点此查看][table]
[tr]
[td1][align=center][size=120%][b]色 块[/b][/size][/align][/td]
[td1][align=center][size=120%][b]颜 色 名[/b][/size][/align][/td]
[td1][align=center][size=120%][b]范 本[/b][/size][/align][/td]
[td1][align=center][size=120%][b]粗 体 范 本[/b][/size][/align][/td]
[td1][align=center][size=120%][b]备 注[/b][/size][/align][/td][/tr]
[tr]
[td][align=center][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/align][/td]
[td][align=center]默认颜色[/align][/td]
[td][align=center]默认颜色(无需代码)[/align][/td]
[td][align=center][b]默认颜色[/b][/align][/td]
[td][/td][/tr]
[tr]
[td][align=center][color=skyblue][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]skyblue[/align][/td]
[td][align=center][color=skyblue]skyblue 天蓝色[/color][/align][/td]
[td][b][align=center][color=skyblue]skyblue 天蓝色[/color][/align][/b][/td]
[td][/td][/tr]
[tr]
[td][align=center][color=royalblue][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]royalblue[/align][/td]
[td][align=center][color=royalblue]royalblue 宝蓝色[/color][/align][/td]
[td][b][align=center][color=royalblue]royalblue 宝蓝色[/color][/align][/b][/td]
[td][/td][/tr]
[tr]
[td][align=center][color=blue][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]blue[/align][/td]
[td][align=center][color=blue]blue 蓝色[/color][/align][/td]
[td][b][align=center][color=blue]blue 蓝色[/color][/align][/b][/td]
[td][align=center][i]鼠标悬浮高亮[/i][/align][/td][/tr]
[tr]
[td][align=center][color=darkblue][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]darkblue[/align][/td]
[td][align=center][color=darkblue]darkblue 暗蓝色[/color][/align][/td]
[td][b][align=center][color=darkblue]darkblue 暗蓝色[/color][/align][/b][/td]
[td][/td][/tr]
[tr]
[td][align=center][color=orange][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]orange[/align][/td]
[td][align=center][color=orange]orange 橙色[/color][/align][/td]
[td][b][align=center][color=orange]orange 橙色[/color][/align][/b][/td]
[td][align=center][i]鼠标悬浮高亮[/i][/align][/td][/tr]
[tr]
[td][align=center][color=orangered][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]orangered[/align][/td]
[td][align=center][color=orangered]orangered 桔红色[/color][/align][/td]
[td][b][align=center][color=orangered]orangered 桔红色[/color][/align][/b][/td]
[td][/td][/tr]
[tr]
[td][align=center][color=crimson][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]crimson[/align][/td]
[td][align=center][color=crimson]crimson 深红色[/color][/align][/td]
[td][b][align=center][color=crimson]crimson 深红色[/color][/align][/b][/td]
[td][/td][/tr]
[tr]
[td][align=center][color=red][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]red[/align][/td]
[td][align=center][color=red]red 红色[/color][/align][/td]
[td][b][align=center][color=red]red 红色[/color][/align][/b][/td]
[td][align=center][i]鼠标悬浮高亮[/i][/align][/td][/tr]
[tr]
[td][align=center][color=firebrick][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]firebrick[/align][/td]
[td][align=center][color=firebrick]firebrick 砖红色[/color][/align][/td]
[td][b][align=center][color=firebrick]firebrick 砖红色[/color][/align][/b][/td]
[td][/td][/tr]
[tr]
[td][align=center][color=darkred][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]darkred[/align][/td]
[td][align=center][color=darkred]darkred 暗红色[/color][/align][/td]
[td][b][align=center][color=darkred]darkred 暗红色[/color][/align][/b][/td]
[td][align=center][i]鼠标悬浮高亮[/i][/align][/td][/tr]
[tr]
[td][align=center][color=green][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]green[/align][/td]
[td][align=center][color=green]green 绿色[/color][/align][/td]
[td][b][align=center][color=green]green 绿色[/color][/align][/b][/td]
[td][align=center][i]鼠标悬浮高亮[/i][/align][/td][/tr]
[tr]
[td][align=center][color=limegreen][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]limegreen[/align][/td]
[td][align=center][color=limegreen]limegreen 柠檬绿色[/color][/align][/td]
[td][b][align=center][color=limegreen]limegreen 柠檬绿色[/color][/align][/b][/td]
[td][/td][/tr]
[tr]
[td][align=center][color=seagreen][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]seagreen[/align][/td]
[td][align=center][color=seagreen]seagreen 海绿色[/color][/align][/td]
[td][b][align=center][color=seagreen]seagreen 海绿色[/color][/align][/b][/td]
[td][/td][/tr]
[tr]
[td][align=center][color=teal][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]teal[/align][/td]
[td][align=center][color=teal]teal 青绿色[/color][/align][/td]
[td][b][align=center][color=teal]teal 青绿色[/color][/align][/b][/td]
[td][align=center][i]鼠标悬浮高亮[/i][/align][/td][/tr]
[tr]
[td][align=center][color=deeppink][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]deeppink[/align][/td]
[td][align=center][color=deeppink]deeppink 深粉红色[/color][/align][/td]
[td][b][align=center][color=deeppink]deeppink 深粉红色[/color][/align][/b][/td]
[td][/td][/tr]
[tr]
[td][align=center][color=tomato][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]tomato[/align][/td]
[td][align=center][color=tomato]tomato 番茄色[/color][/align][/td]
[td][b][align=center][color=tomato]tomato 番茄色[/color][/align][/b][/td]
[td][/td][/tr]
[tr]
[td][align=center][color=coral][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]coral[/align][/td]
[td][align=center][color=coral]coral 珊瑚橙[/color][/align][/td]
[td][b][align=center][color=coral]coral 珊瑚橙[/color][/align][/b][/td]
[td][/td][/tr]
[tr]
[td][align=center][color=purple][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]purple[/align][/td]
[td][align=center][color=purple]purple 紫色[/color][/align][/td]
[td][b][align=center][color=purple]purple 紫色[/color][/align][/b][/td]
[td][/td][/tr]
[tr]
[td][align=center][color=indigo][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]indigo[/align][/td]
[td][align=center][color=indigo]indigo 靛蓝色[/color][/align][/td]
[td][b][align=center][color=indigo]indigo 靛蓝色[/color][/align][/b][/td]
[td][/td][/tr]
[tr]
[td][align=center][color=burlywood][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]burlywood[/align][/td]
[td][align=center][color=burlywood]burlywood 实木色[/color][/align][/td]
[td][b][align=center][color=burlywood]burlywood 实木色[/color][/align][/b][/td]
[td][/td][/tr]
[tr]
[td][align=center][color=sandybrown][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]sandybrown[/align][/td]
[td][align=center][color=sandybrown]sandybrown 沙褐色[/color][/align][/td]
[td][b][align=center][color=sandybrown]sandybrown 沙褐色[/color][/align][/b][/td]
[td][/td][/tr]
[tr]
[td][align=center][color=chocolate][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]chocolate[/align][/td]
[td][align=center][color=chocolate]chocolate 巧克力色[/color][/align][/td]
[td][b][align=center][color=chocolate]chocolate 巧克力色[/color][/align][/b][/td]
[td][/td][/tr]
[tr]
[td][align=center][color=sienna][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]sienna[/align][/td]
[td][align=center][color=sienna]sienna 黄褐色[/color][/align][/td]
[td][b][align=center][color=sienna]sienna 黄褐色[/color][/align][/b][/td]
[td][/td][/tr]
[tr]
[td][align=center][color=silver][size=150%]▇▇▇▇▇▇▇▇▇▇[/size][/color][/align][/td]
[td][align=center]silver[/align][/td]
[td][align=center][color=silver]silver 银灰色[/color][/align][/td]
[td][b][align=center][color=silver]silver 银灰色[/color][/align][/b][/td]
[td][align=center][i]鼠标悬浮高亮[/i][/align][/td][/tr]
[/table][/collapse]
[/quote]


[quote][size=150%][b]· [size] 字 号 [/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote][size=80%]80%字号[/size]; [size=90%]90%字号[/size] ; 默认字号 ; [size=110%]110%字号[/size] ; [size=120%]120%字号[/size] ; [size=130%]130%字号[/size] ; [size=140%]140%字号[/size] ; [size=150%]150%字号[/size] [/quote]
[code][size=80%]80%字号[/size]; [size=90%]90%字号[/size] ; 默认字号 ; [size=110%]110%字号[/size] ;
[size=120%]120%号[/size] ; [size=130%]130%字号[/size] ; [size=140%]140%字号[/size] ; [size=150%]150%字号[/size] [/code]
[list][*]字号用于[b]改变文字的大小[/b],其代码为[color=red][size=百分比]文字[/size][/color]一般直接使用论坛的编辑工具选择字号大小
[*]论坛编辑工具的下拉框中,仅有[110%][120%][130%][150%]这几种,但实际上这个百分比可以自定义;
[b]但不建议超过200%大小[/b],因为手机端用户会对你说:道理我都懂,但是字为什么这么大??
[*]一般只将字号放大,并配合[粗体字]用于[b][color=red]标题,强调内容,导读首字[/color][/b]等;极少数特殊情况下也可以进行缩小用以[b]弱化内容[/b]
[*][b]以下列举了一些使用的实例[/b]
[/list]
[collapse=点此查看][quote][size=130%][b]标 题[/b][/size]
字号放大,配合加粗。将下方的内容加以概括编写文章或段落的标题,使看帖的读者阅读起来更加有条理。 这是最常用的一种使用方法,也常与分割线配合使用,关于分割线的具体用法将在下一篇章的高级排版指北中作具体介绍。[/quote]
[quote][size=200%]首[/size]字放大也是常见的一种使用方式,用作导读和分段提示。[/quote]
[quote]另一种则是用来强调这部分内容是重点的使用方式。这是一种简单粗暴但是...但是过多使用会显得很难看的方式。
一般加粗表示就足够了,除非你需要强调某些内容[size=120%][b]非常重要![/b][/size]以上这几种方式一般都常与[b]字体加粗[/b]配合使用。[/quote][/collapse]
[/quote]


[quote][size=150%][b]· [font] 字 体 [/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote]默认字体;[font=simhei]这是一段黑体字[/font];[font=simsun]这是一段宋体字[/font][/quote]
[code]默认字体;[font=simhei]这是一段黑体字[/font];[font=simsun]这是一段宋体字[/font][/code]
[list][*]用于改变文字的字体,其代码为[b][font=字体名]文字[/font][/b];一般直接使用论坛的编辑工具选择字体
[*]字体一般是极少使用的功能,偶尔会在例如引用一些资料如歌词、诗句、小说等这些的时候配合使用
[*]由于默认字体是大多数论坛用户最能接受的,正文内一般不用随便换字体
[*]英文部分如有需要,推荐使用最常用的Arial字体
[*][b]具体的字体效果可以参考下表[/b]
[/list]
[collapse=点此查看][table]
[tr][td20][b]字 体 名[/b][/td][td60][b]范 本[/b][/td][/tr]
[tr][td]simsun(宋体)[/td][td][font=simsun]我们的演奏仍将继续[/font][/td][/tr]
[tr][td]simhei(黑体)[/td][td][font=simhei]我们的演奏仍将继续[/font][/td][/tr]
[tr][td]Arial[/td][td][font=Arial]Hibike! Euphonium 0123456789[/font][/td][/tr]
[tr][td]Arial Black[/td][td][font=Arial Black] Hibike! Euphonium 0123456789[/font][/td][/tr]
[tr][td]Book Antiqua[/td][td][font=Book Antiqua] Hibike! Euphonium 0123456789[/font][/td][/tr]
[tr][td]Century Gothic[/td][td][font=Century Gothic] Hibike! Euphonium 0123456789[/font][/td][/tr]
[tr][td]Comic Sans MS[/td][td][font=Comic Sans MS] Hibike! Euphonium 0123456789[/font][/td][/tr]
[tr][td]Courier New[/td][td][font=Courier New] Hibike! Euphonium 0123456789[/font][/td][/tr]
[tr][td]Georgia[/td][td][font=Georgia] Hibike! Euphonium 0123456789[/font][/td][/tr]
[tr][td]Impact[/td][td][font=Impact] Hibike! Euphonium 0123456789[/font][/td][/tr]
[tr][td]Tahoma[/td][td][font=Tahoma] Hibike! Euphonium 0123456789[/font][/td][/tr]
[tr][td]Times New Roman[/td][td][font=Times New Roman] Hibike! Euphonium 0123456789[/font][/td][/tr]
[tr][td]Trebuchet MS[/td][td][font=Trebuchet MS] Hibike! Euphonium 0123456789[/font][/td][/tr]
[tr][td]Script MT Bold[/td][td][font=Script MT Bold] Hibike! Euphonium 0123456789[/font][/td][/tr]
[tr][td]Stencil[/td][td][font=Stencil] Hibike! Euphonium 0123456789[/font][/td][/tr]
[tr][td]Verdana[/td][td][font=Verdana] Hibike! Euphonium 0123456789[/font][/td][/tr]
[tr][td]Lucida Console[/td][td][font=Lucida Console] Hibike! Euphonium 0123456789[/font][/td][/tr]
[/table] [/collapse]
[/quote]


[quote][size=150%][b]· [b] 加 粗 [/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote]这是普通的字体粗细[b]这是字体加粗后的粗细[/b][/quote]
[code]这是普通的字体粗细[b]这是字体加粗后的粗细[/b][/code]
[list][*]用于字体加粗,其代码为[b][b][/b]文字[b][/b][/b];一般直接使用论坛的编辑工具“按钮B”来加粗
[*]字体加粗用于强调内容,是排版中最最最常用的代码
[/list]
[/quote]


[quote][size=150%][b]· [u] 下 划 线 [/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote]请将具体的资料发送至我的邮箱:[u]1234567@xx.com[/u][/quote]
[code]请将具体的资料发送至我的邮箱:[u]1234567@xx.com[/u][/code]
[list][*]用于给文字增加下划线,其代码为[b][u][/u][/b];一般直接使用论坛的编辑工具“按钮U”来加下划线
[*]下划线一般很少用,类似上面示例中用于邮箱的用法比较常见
[/list]
[/quote]


[quote][size=150%][b]· [i] 斜 体 [/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote][i]这是一段斜体字[/i][/quote]
[code][i]这是一段斜体字[/i][/code]
[list][*]用于使文字倾斜,其代码为[b][i][/b]文字[b][/i][/b];一般直接使用论坛的编辑工具“按钮/”来倾斜文字
[*][color=red][b]补充:斜体代码与其他代码如字体颜色等一起使用时可能出现失效的情况,将斜体代码放在代码最内层即可解决[/b][/color]
[*]斜体字的使用频率也不高,一般在引用歌词、诗词、小说中的人物对话等情况时,可以使用
[*]与图片配合使用,作为该图片的简单介绍,也是一种斜体字的使用方式
[*][b]具体的用法可以参考下面几个例子[/b]
[/list]
[collapse=歌词][quote][align=center][b]《DREAM SOLISTER》[/b]
[b]歌[/b]:TRUE [b]作词[/b]:唐沢美帆 [b]作曲、编曲[/b]:加藤裕介
[h][/h]

[i]叶えたい事が 溢れてるから
想要實現的夢想 正不斷地湧出[/i]

[i]立ち止まってる 暇なんてないよね
沒有時間在這裡駐足不前[/i]

[i]胸に秘めたあこがれを フルボリュームで届けよう[/i]
[i]將藏在胸口的憧憬 用最大的音量傳達出去[/i]

[i]行こう… クレッシェンドの向こうへ
前進吧…朝向Crescendo(漸強)[/i]
………[/align][/quote][/collapse]
[collapse=小说台词][quote]
……
[i]“快去找麦迪文!”[/i]卡德加喊,[i]“我来把它从门边引开。”[/i]
[i]“如果它的目标是我怎么办?”[/i]迦罗娜回答道,卡德加第一次从她嗓音中听到了恐惧的战栗。
[i]“不会,”[/i]卡德加故作镇定,[i]“它是专门猎杀法师的。”[/i]
[i]“那你怎么办……”[/i]
[i]“快走!”[/i]卡德加道。
卡德加向左方突破,正如他所害怕的那样,恶魔紧跟他不放。迦罗娜却没有乘机冲出门口,反而跑向右边,攀上了最远处那个书架。
……[/quote][/collapse]

[/quote]


[quote][size=150%][b]· [del]删 除 线[/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote]为什么版主们白的那么熟练啊?[del]打死特么的白学家![/del][/quote]
[code]为什么版主们白的那么熟练啊?[del]打死特么的白学家![/del][/code]
[list][*]用于将文字中间加一道删除线,其代码为[b][del][/b]文字[b][/del][/b];一般直接选中文字后用论坛编辑工具[del][del][/del]添加
[*]删除线文字是NGA论坛喜闻乐见[del]丧心病狂[/del]的一个特色,它一般用来表达作者真实的想法[del]内心的吐槽[/del]
[*]偶尔也用来标记已经失去时效性,但不方便直接删除的消息、通知或资料以及一些人的玩笑[del]口糊![/del]
[*]具体的用法请自行体会理解[del]其实是懒得想了[/del][/list][/quote]


[quote][size=150%][b]· [[/b][b]img]图 片[/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote][img]http://pic3.178.com/507/5076687/month_1511/6e0c5f76ea557729254599cda7b27223.jpg[/img][/quote]
[code][img]http://pic3.178.com/507/5076687/month_1511/6e0c5f76ea557729254599cda7b27223.jpg[/img][/code]
[list][*]用于在帖子中显示图片,其代码为[b][[/b][b]img]图片网络地址[/img][/b]
[*][b]图片上传目前有2种方式:[/b]
[list][*][color=royalblue]1.粘贴图片网络地址,可使用论坛编辑工具的图片按钮粘贴;图片可上传至178相册后直接选取,如下图[/color]
[collapse=点击查看][table]
[tr]
[td][align=center][img]http://pic3.178.com/507/5076687/month_1604/5a849b6422264fae247344766d3d3da5.jpg[/img][/align][/td]
[td][align=center][img]http://pic3.178.com/507/5076687/month_1604/314315886e6d7c67048164a449ead2c9.jpg[/img][/align][/td][/tr]
[tr]
[td][align=center][i]粘贴图片网络地址,注意[/i][color=red][i]不要使用不能外链的图片地址[/i][/color][i]以免显示出错(例如百度)[/i][/align][/td]
[td][align=center][i]存放于电脑内的本地图片请先上传至网络相册,如本站的178相册内;[/i]
[i]上传完毕后再点击打开“我的相册列表”即可直接粘贴图片[/i][/align][/td][/tr]
[/table][/collapse]
[*][color=royalblue]2.通过上传论坛附件显示,如下图[/color]
[collapse=点此查看][table]
[tr]
[td][align=center][img]http://pic3.178.com/507/5076687/month_1604/b44b56837616897d90f8ba53ac3a2540.jpg[/img][/align][/td]
[td][align=center][img]http://pic3.178.com/507/5076687/month_1604/20846c1da49e19e1fbcc92bc47efa432.jpg[/img][/align][/td][/tr]
[tr]
[td][align=center][i]或通过附件形式上传,选择本地文件后调整图片水印再点击上传[/i][/align][/td]
[td][align=center][i]图片上传完毕后,文本输入光标移至在需要粘贴图片的位置处,[/i]
[i]点击图片按钮即可粘贴,提供了4种尺寸可供选择[/i][/align][/td][/tr]
[/table][/collapse]
[*][color=red]通过相册上传的图片可以多次重复使用,这是附件图片不具有的优势[/color][/list]
[*]支持jpeg、gif、png这三种格式,具体区别可见下表
[collapse=点此查看][table]
[tr]
[td][align=center][img]http://pic3.178.com/507/5076687/month_1604/2b3ed2279b8b6e758ed7eb644ccf3dd7.jpg[/img][/align][/td]
[td][align=center][img]http://pic3.178.com/507/5076687/month_1603/9f0774e80605c4659ae21a2446cb86c9.gif[/img][/align][/td]
[td][align=center][img]http://pic3.178.com/507/5076687/month_1604/0fed35e905f8feeb8e710cef6f967a1c.png[/img][/align][/td][/tr]
[tr]
[td][align=center][i]jpeg 最常见的图片格式[/i][/align][/td]
[td][align=center][i]gif 动态图片[/i][/align][/td]
[td][align=center][i]png 透明效果的图片[/i][/align][/td][/tr]
[/table][/collapse]
[*]过大的图片会被强制压缩,图片尽量不要使用过大的
[*][b]吐槽一句:178的相册真的是...太不靠谱了!上传经常会出错,图片也经常出现显示问题,简直能把人逼疯...所以并不太推荐使用[/b]
它的优点只在于可以使用论坛功能直接引用,但是如果有自己确认可靠的外链图床,也可以尝试使用。
[*][b][color=red]但记得千万不要用百度或腾讯这样不支持外链的图片地址!它们在NGA是不能显示的![/color][/b]
[*][b][color=blue]更新:还有一种更推荐的方法是在编辑帖子时先隐藏帖子,再占一楼作为图楼。将图片上传至此楼并隐藏,这样就能方便的使用图片附件的链接,又不会在主楼出现一大堆附件了。
如果有地方写草稿的也可以直接从草稿复制到正式贴中。[/color][/b]
[*]还有一种特殊的论坛图片形式就是表情啦[s:ac:goodjob],表情是以特殊的代码形式表达的,直接点击编辑框中的表情按钮即可使用[s:ac:上]
[del]通常认为AC娘才是正统,其他都是异端![/del]
[/list]
[/quote]


[quote][size=150%][b]· [[/b][b]url]链 接[/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote][url]http://bbs.ngacn.cc/[/url] [url=http://bbs.ngacn.cc/]艾泽拉斯国家地理论坛[/url] [url=http://bbs.ngacn.cc/][img]http://pic3.178.com/507/5076687/month_1604/f3ecb56cdeaf64a319045fb273ffce84.jpg[/img][/url][/quote]
[code][url]http://bbs.ngacn.cc/[/url]
[url=http://bbs.ngacn.cc/]艾泽拉斯国家地理论坛[/url]
[url=http://bbs.ngacn.cc/][img]http://pic3.178.com/507/5076687/month_1604/f3ecb56cdeaf64a319045fb273ffce84.jpg[/img][/url][/code]
[list][*]用于使网址具有超链接效果,其代码为[b][[/b][b]url]网址[/url][/b];或使文字或图片作为网址超链接[b][[/b][b]url=网址]文字[/url][/b];[b][[/b][b]url=网址][[/b][b]img]图片网络地址[/img][/url][/b]
[*]一般使用论坛编辑工具[b][[/b][b]url[/b][b]][/b]按钮即可完成超链接的编辑
[/list]
[/quote]


[quote][size=150%][b]· [[/b][b]collapse]折 叠[/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote] [collapse]这是一段不加注释的折叠[/collapse]
[collapse=这是注释]这是一段加注释的折叠[/collapse][/quote]
[code][collapse]这是一段不加注释的折叠[/collapse]
[collapse=这是注释]这是一段加注释的折叠[/collapse][/code]
[list][*]用于将内容进行折叠,其标准代码为[b][collapse[/b][b]]需要折叠的内容[/collapse][/b],此时折叠框中会显示“点击折叠的内容”这几个字
[list][*]如需简单标注折叠的内容,也可使用[b][[/b][b]collapse=你需要注释的文字]折叠内容[/collapse][/b]。注释的文字不宜过多,5-6个字为宜[/list]
[*]可使用论坛编辑工具直接完成操作:将需要折叠的内容复制,贴入[collpase]工具栏内即可
[*]折叠的作用一般是用于使帖子看起来更简洁明了,是非常常用的代码,例如本文就大量使用了折叠。
[*]折叠的内容不一定是文字,基本上任何内容都可以进行折叠
[*]值得一提的是:[b][color=red]当折叠的内容被其他人引用时,会自动展开,因此请勿引用带有剧透性质的折叠内容![/color][/b]
[/list]
[/quote]


[quote][size=150%][b]· [[/b][b]flash]视 频[/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote][collapse=请点击查看][table]
[tr]
[td][align=center][flash]http://www.bilibili.com/video/av2770831/[/flash][/align][/td]
[td][align=center][flash]http://www.tudou.com/v/WfnaXa-IHS8/&rpid=50192407&resourceId=50192407_04_05_99/v.swf[/flash][/align][/td][/tr]
[tr]
[td][align=center][i]A站、B站、优酷、乐视、腾讯、网易、斗鱼、战旗可直接使用播放页面地址[/i][/align][/td]
[td][align=center][i]部分视频站点需要使用.swf结尾的视频链接,为防止视频显示不出,建议下方再另外添加一个原页面地址[/i][/align][/td][/tr]
[/table][/collapse][/quote]
[code][flash]http://www.bilibili.com/video/av2770831/[/flash]
[flash]http://www.tudou.com/v/WfnaXa-IHS8/&rpid=50192407&resourceId=50192407_04_05_99/v.swf[/flash][/code]
[list][*]用于粘贴视频至帖子内,其代码为[b][[/b][b]flash]视频地址[/flash][/b]
[*]部分视频站点需要使用[b].swf[/b]结尾的视频链接,为防止视频显示不出,建议下方再另外添加一个原页面地址的链接
[*][color=red]A站、B站、优酷、乐视、腾讯、网易、斗鱼、战旗可直接使用播放页面地址,
且他们下方会自动显示一个原页面的地址,建议优先选择这类网站的视频[/color]
[*][color=royalblue]帖子内只有第一个视频会显示完整的视频框,后面的其余视频都会自动折叠[/color]
[*][color=royalblue]关于视频代码,还有2个特殊的内容将在地精科技篇中介绍[/color]
[/list]
[/quote]


[quote][size=160%][b][color=royalblue] Level Up!![/color][/b]——第一篇章总结[/size] [h][/h]

感谢读到此处的坛友们,以上介绍的这部分内容就是平时在NGA论坛的使用中最常用的一些功能和基础排版代码。还有小部分工具类的功能将在[url=http://bbs.ngacn.cc/read.php?pid=181035975][b]地精科技![/b][/url]这一篇章中介绍。
绝大多数的坛友,如果掌握以上内容已经足够进行一些简单的排版,使帖子更好看些。
下一篇章的[url=http://bbs.ngacn.cc/read.php?pid=181035860][b]高阶排版指北[/b][/url]中,主要会重点写写一些排版的思路和几个常用的排版代码,如果感兴趣的也欢迎继续看下去[s:ac:blink]
[/quote]


改动


评论

UID:716845
+ [b]Reply to [tid=9268613]Topic[/tid] Post by [uid=5076687]nnexus[/uid] (2016-05-01 11:07)[/b]

年轻人,好好干哦喵!


denied_1_post


[align=center][img]http://pic3.178.com/507/5076687/month_1604/693d14a4a9f0f63e758e87cfff4074ad.png[/img][/align]
======
[align=center][b][size=200%][font=Georgia]— 2016.9.17 —[/font][/size][/b][/align]
[align=center][url=https://www.amazon.co.jp/映画-聲の形-Blu-ray-初回限定版-入野自由/dp/B01NC02ASR/ref=sr_1_1?ie=UTF8&qid=1494940647&sr=8-1&keywords=声之形][size=110%][[b]BD发售日期[/b]:2017.5.17 点此购买][/size][/url][/align]
[quote][align=center][img]./mon_201705/03/-30t73Qa1dk-1w7yZ27T3cS1re-ud.jpg[/img][/align][/quote]

[quote][table]
[tr]
[td colspan=2][b][color=royalblue][size=130%]· 简 介:[/size][/color][/b]  [/td][/tr]
[tr]
[td15][align=center][img]http://pic3.178.com/507/5076687/month_1604/71fab6a87b85c6cadb84810b808eb093.png[/img][/align][/td]
[td rowspan=2][r][img]http://pic3.178.com/507/5076687/month_1604/b1a58b0e0a6c9710d4a6d54091010e13.png[/img][/r]
[b]《聲之形》[/b],是由大今良时创作的、在《周刊少年Magazine》上连载并曾获多项大奖的漫画作品。这部畅销漫画,将由制作了获得日本学院奖优秀奖的《剧场版 轻音少女》[i][color=silver](2011)[/color][/i]等诸多作品的京都动画公司改编为动画电影。

担任本片导演的是,以TV动画《轻音少女》出道,曾凭借《玉子爱情故事》[i][color=silver](2014)[/color][/i]获得文化厅媒体艺术节动画部门新人奖的京都动画的[b][color=teal]山田尚子[/color][/b]。

剧本则由曾参与过《少女与战车》等许多高人气系列作品的[b][color=purple]吉田玲子[/color][/b]负责。这也是继《剧场版 轻音少女》和《玉子爱情故事》之后双方的再次合作。

而负责角色设定的则是京都动画的[b][color=blue]西屋太志[/color][/b],他曾参与了《冰菓》[i][color=silver](2012)[/color][/i]、《Free!》[i][color=silver](2013,2014)[/color][/i]与《HighSpeed!-Free! Starting Days-》[i][color=silver](2015)[/color][/i]的制作。[/td][/tr]
[tr]
[td][align=center][img]http://pic3.178.com/507/5076687/month_1604/2a87f612aa58a68479eb90bd3cec5e7e.png[/img][/align][/td][/tr]
[/table][/quote]

[quote]
[b][color=royalblue][size=130%]· 故 事 梗 概:[/size][/color][/b]
[h][/h]
[table] [tr] [td40][align=center][flash]http://www.bilibili.com/video/av6224917/[/flash][/align][/td][td15]
[img]http://pic3.178.com/507/5076687/month_1604/1edb570bedccb95919c11531f72882ba.png[/img][/td]
[td45][align=center][quote][color=deeppink][size=120%]有想要传达的“[b]聲音[/b]”。     [/size][/color][/quote][/align]
[align=center][quote][color=darkblue][size=120%]     有想要听到的“[b]聲音[/b]”。[/size][/color][/quote][/align]
[quote][b][color=darkblue]石田将也[/color][/b],是个极端讨厌“无聊的东西”的少年。 小学时作为孩子王的他,对转校女生[b][color=deeppink]西宫硝子[/color][/b]的事情充满了天真的好奇。 以她的到来为契机,少年得以从无聊的生活之中解放。 然而,因为与硝子之间发生的某件事情,将也被周围人孤立了。 近五年的时间过去,两人各自在不同的地方成长为高中生。 “那件事情”之后,牢牢封锁了内心的将也来到了硝子所在的地方。 这是一个孤独的少年,去接纳少女与周围的人们,并在最后接纳了自己故事。[/quote]
[img]http://pic3.178.com/507/5076687/month_1604/bbb53275afca3b01c03cd5af33be9c88.png[/img][/td][/tr][/table][/quote]

[quote]
[b][color=royalblue][size=130%]· S T A F F:[/size][/color][/b]
[h][/h]
[l][img]http://pic3.178.com/507/5076687/month_1604/d2bbf3a7f6ac945dd4d889407300afdb.png[/img][/l][r][img]http://pic3.178.com/507/5076687/month_1604/28ec395b8e4d11051ac9b7bbfe7826b1.png[/img][/r][align=center][b]原 作[/b]
[color=deeppink]大今良時[/color]
[color=silver](講談社コミックス刊) [/color]
[b]导演[/b][color=deeppink] 山田尚子[/color]  [b]剧 本[/b][color=deeppink] 吉田玲子[/color]  [b]角 色 设 定[/b][color=darkblue] 西屋太志[/color]
[b]动 画 制 作[/b]
[color=orangered]京都アニメーション[/color]
[b]制 作[/b]
[color=teal]映画聲の形製作委員会[/color]
[b]配 給[/b]
[color=silver]松竹[/color]
[b]官 方 网 站[/b]
[url=http://koenokatachi-movie.com/][img]http://pic3.178.com/507/5076687/month_1604/098949b9b38335582882aa0267a3865a.png[/img][/url][/align][/quote]

[quote]
[b][color=royalblue][size=130%]· 主 要 角 色:[/size][/color][/b]
[h][/h]
[r][img]http://pic3.178.com/507/5076687/month_1604/2792648cc300fee18a0ac9c3a7c58a27.png[/img][/r]
[quote][align=right][b][size=120%][color=deeppink]西 宫 硝 子[/color][/size] CV:早见沙织[/b]
[size=110%][color=deeppink]患有先天听觉障碍的少女。她每天都在交流困难与失败中度过;
因此,为了避免与他人发生摩擦,她习惯在脸上时刻保持着讨好的笑容。[/color][/size][/align][/quote]
[l][img]http://wx1.sinaimg.cn/mw1024/708b36b1gy1ffn8wv0ulmg20i009qe82.gif[/img][/l][img]http://pic3.178.com/507/5076687/month_1604/3dc0cb830683de381d65a8c53d24d9f1.png[/img][/quote]

[quote][l][img]http://pic3.178.com/507/5076687/month_1604/89c5fa1a2d32b81a006e7bfbaf903e29.png[/img][/l]
[quote][b][color=darkblue][size=120%]石 田 将 也[/size][/color] CV:入野自由、松冈茉优(小学时代)[/b]
[color=darkblue][size=110%]小学时期是孩子王。但是在于硝子之间发生了某件事情之后,他便开始被周围人孤立。
那之后的他,每天都生活在于孤独和自我厌恶的战斗之中。[/size][/color][/quote]
[align=right][img]http://pic3.178.com/507/5076687/month_1604/3f18b46fc7434bd4beeebdd43d0c5fed.png[/img][img]http://wx2.sinaimg.cn/mw1024/708b36b1gy1ffn8ov6aebg20i009q4qv.gif[/img][/align][/quote]

[quote][table][tr][td1][align=center][img]./mon_201705/13/-30t73Q7tkh-4zo4K1xT1kS6e-f0.jpg[/img][/align][/td]
[td1][align=center][img]./mon_201705/13/-30t73Q7tkh-28lfK1qT1kS6e-f0.jpg[/img][/align][/td]
[td1][align=center][img]./mon_201705/13/-30t73Q7tkh-izxaK1wT1kS6e-f0.jpg[/img][/align][/td]
[td1][align=center][img]./mon_201705/13/-30t73Q7tkh-ep42K1vT1kS6e-f0.jpg[/img][/align][/td]
[td1][align=center][img]./mon_201705/13/-30t73Q7tkh-cbqeK1kToS6e-f0.jpg[/img][/align][/td]
[td1][align=center][img]./mon_201705/13/-30t73Q7tkh-bft1K1wT1kS6e-f0.jpg[/img][/align][/td]
[/tr][tr][td1][align=center][img]./mon_201705/16/-30t73Q13l-6qslZzT1kS6y-3r.gif[/img][/align][/td]
[td1][align=center][img]./mon_201705/16/-30t73Q13l-axkxZ12T1kS6y-3r.gif[/img][/align][/td]
[td1][align=center][img]./mon_201705/16/-30t73Q13l-dz7rZyT1kS6y-3r.gif[/img][/align][/td]
[td1][align=center][img]./mon_201705/16/-30t73Q13l-794zZ2jT1kS6y-3r.gif[/img][/align][/td]
[td1][align=center][img]./mon_201705/16/-30t73Q13l-iiq0Z15T1kS6y-3r.gif[/img][/align][/td]
[td1][align=center][img]./mon_201705/16/-30t73Q13l-czw2ZtT1kS6y-3r.gif[/img][/align][/td][/tr]
[tr][td1][align=center][b][size=120%]西宫结弦[/size][/b][/align][h][/h]
[align=center]cv.悠木碧[/align]
[align=center]硝子的妹妹,现在是初中生。为了保护最喜欢的姐姐,对外总是表现的极其强势。也因为这个,表现得像个假小子。自我称呼也是男性的“我”。[/align][/td]
[td1][align=center][b][size=120%]植野直花[/size][/b][/align][h][/h]
[align=center]cv.金子有希[/align]
[align=center]将也小学的同学。在班里经常往来的小团体里是有点类似于首领的存在。因为性格的缘故和周围的人有很多冲突。实际上偷偷喜欢着将也。[/align][/td]
[td1][align=center][b][size=120%]永束友宏[/size][/b][/align][h][/h]
[align=center]cv.小野贤章[/align]
[align=center]将也的高中同学,也是他第一个交上的朋友。性格我行我素。外形是蓬蓬头和丰满的体型,是个幽默有趣的人。称呼将也为“也将”,总是和他一起行动。[/align][/td]
[td1][align=center][b][size=120%]佐原美代子[/size][/b][/align][h][/h]
[align=center]cv.石川由依[/align]
[align=center]特征是雀斑,是个很温柔的女孩子。在高中时和将也他们重逢。对于拥有像模特一样良好的身体比例这一点很是自信。        [/align][/td]
[td1][align=center][b][size=120%]川井未希[/size][/b][/align][h][/h]
[align=center]cv.潘惠美[/align]
[align=center]小学、初中和高中都担任班长,是个认真又富有正义感的优等生。一直认为自己很可爱,对于高中同学同班的真柴抱有好感。        [/align][/td]
[td1][align=center][b][size=120%]真柴智[/size][/b][/align][h][/h]
[align=center]cv.丰永利行[/align]
[align=center]将也的高中同学。是个聪明又引人注目的帅哥。对将也产生兴趣接近所以两人关系变好。                     [/align][/td]
[/tr][/table][/quote]

[quote]
[b][color=royalblue][size=130%]· 音 乐:[/size][/color][/b]
[h][/h]
[table]
[td15][align=center][img]./mon_201705/16/-30t73Q13l-9q09ZhT1kS8c-8c.png[/img][/align][/td]
[td35][align=center][color=deeppink][b]主题曲[/b]:《恋をしたのは》[/color]
[b]演唱[/b]:aiko
 [/align][h][/h]
[l][[b]专辑名[/b]]:《恋をしたのは》
[[b]发售日[/b]]:2016年9月21日
[[b]演唱[/b]]:aiko
[[b]收录曲[/b]]:
[list][*]恋をしたのは
[*]夏バテ
[*]微热
[*]恋をしたのは(instrumental)
[/list][/l]

[r][url=http://www.kuwo.cn/album/1351752?catalog=yueku2016][img]./mon_201705/16/-30t73Q13l-9sqdK2fT1kS6b-69.jpg[/img][/url][/r]
[/td]
[td15][align=center][img]./mon_201705/16/-30t73Q13l-bx1xZbT1kS8c-8c.jpg[/img][/align]
[/td]
[td35][[b]专辑名[/b]]:《a shape of light》
[[b]发售日[/b]]:2016年9月14日
[[b]音乐[/b]]:牛尾宪辅[h][/h]
[url=http://www.xiami.com/album/2100390557][img]./mon_201705/16/-30t73Q13l-eklcZaT1kS64-64.jpg[/img][img]./mon_201705/16/-30t73Q13l-89njK1sT1kS64-64.jpg[/img][/url]
[/td]
[/table]
[/quote]

[quote]
[b][color=royalblue][size=130%]· 企 划 合 作:[/size][/color][/b]
[h][/h]
电影与日本文部科学省展开合作,并联合制作成主题为《勇敢传达内心的声音(勇気をもって心の声を伝えよう)》的海报,在全国的小学、初中、义务教育学校、高等学校、中等教育学校、特别支援学校等展开宣传。旨在起到防止校园欺凌及自杀,并对残障儿童的关怀进行普及的作用。
[/quote]
[quote][align=center][img]./mon_201705/16/-30t73Q13l-6668Z16T3cS1ao-6y.jpg[/img][/align][/quote]

改动



[size=200%][b]· 第 三 章:地 精 科 技![/b][/size]
======

[quote][size=160%][b][color=royalblue]一. 地 精 科 技 值 得 信 赖![/color][/b]——工具类代码介绍[/size] [h][/h]
这一章节篇幅较短,主要介绍了一些日常偶尔会用到的工具类代码,例如ROLL点之类的。也有一些比较有趣的小玩意儿哦![s:ac:blink][b][color=red]
不过,以下大部分的内容都是不支持在手机客户端显示的,请务必注意![/color][/b]
[/quote]

[quote][size=150%][b]· [[/b][b]fixsize/style][/b][/size]
[h][/h]
新增了一个[color=red]高级代码[/color],具体请见:[pid=182876471]海报画册[/pid]
[/quote]


[quote][size=150%][b]· [[/b][b][多种游戏数据库]][/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote][table]
[tr]
[td1][align=center][img]http://img.db.178.com/wow/icons/l/inv_valentinepinkrocket.jpg[/img][/align][/td]
[td1][align=center][img]http://img.db.178.com/wow/icons/l/spell_fire_flamebolt.jpg[/img][/align][/td]
[td1][align=center][img]http://img.db.178.com/d3/icons/items/x1_wand_norm_unique_06_icon.png[/img][/align][/td]
[td1][align=center][img]http://pic3.178.com/507/5076687/month_1604/09fe91d0bd7c8093b65a97a353a9fdfa.png[/img][/align][/td][/tr]
[tr]
[td][align=center][wow,item,cn[爱情火箭]][/align][/td]
[td][align=center][wow,spell,cn[火球术]][/align][/td]
[td][align=center][d3db,cn[沃尔魔杖]][/align][/td]
[td][align=center][hscard,cn[砰砰博士]][/align][/td][/tr]
[/table][/quote]
[code]
[wow,item,cn[爱情火箭]]
[wow,spell,cn[火球术]]
[d3db,cn[沃尔魔杖]]
[hscard,cn[砰砰博士]]
[/code]
[list][*][b]最新版地精科技,融合了曾经的[法术]、[技能]、[物品]等等数据库资料代码,点击后可在论坛内直接显示数据库资料,如显示错误可以多点击几次[/b]
[*][b]这一工具是编写游戏类帖子时非常好用的素材,请善加使用![/b]
[*][b][color=red]使用论坛编辑工具中的[[多种游戏数据库]]即可方便直观的添加物品或法术技能,目前支持WOW,D3,炉石,LOL四个游戏。如下图[/color][/b]
[list][*][collapse][img]http://pic3.178.com/507/5076687/month_1604/e849f0206374626f543b7a10e3a504ae.jpg[/img][/collapse]
[*]虽然这个工具左侧说明写了很多,不过基本上[b][color=blue]只要保证你所要使用的数据库资料名称正确即可,[/color][/b]
[color=red]例如示例中的“爱情火箭”,选中魔兽资料库,名称填入“爱情火箭”四个字即可。[/color]
[*][b]如果数据库中含有多个重名数据,点击时会显示多项内容供选择[/b],例如示例中的“火球术”
[*]也可以直接去数据库获取论坛的显示代码,但有些物品或技能可能没有提供论坛代码,所以建议优先使用论坛编辑工具
[/list]
[*]数据库资料在点击展开后可以查看到图片和更多资料,[b][color=red]但如果你想像上方示例中直接展示相关图片怎么办呢?下面简单介绍一下通用的网络图片抓取技巧:[/color][/b]
[list][*]
[collapse][table]
[tr]
[td1][align=center][img]http://pic3.178.com/507/5076687/month_1604/4a88314e558bf3fcfb8dd90bcd5f013b.jpg[/img][/align][/td]
[td1][align=center][img]http://pic3.178.com/507/5076687/month_1604/9de80fae00c2fb04d016ab221fafd3c0.jpg[/img][/align][/td][/tr]
[tr]
[td][align=center]绝大多数的网络图片都是以[网络图片地址]的形式储存在互联网上,也就是说,基本上只要你能在网上看到的大部分图片,都有办法取得它的图片地址(一般来说,请确保你所获取的图片是合法可用的,不要非法盗图)。[color=red]这些游戏资料的图标都可以在各自的178数据库中找到。首先在你需要的图片上右键,点击“审查元素”。[/color][/align][/td]
[td][align=center][color=red]在弹出的“审查元素”界面中,找到“Resources(资源)”这个标签后点击,就可以在下方列表中找到一个“images”的文件夹,此时就会发现这一网页内几乎所有图片资源都可以在此找到对应的图片地址,也可以将图片保存到本地重新上传到你的相册。[/color]这是一个通用的方法,不仅仅适用于NGA的排版素材获取。[/align][/td][/tr]
[/table][/collapse]
[*]不论是直接获取了图片地址,或是保存到本地电脑后重新上传到相册后,就可以使用常规的方法在帖子中使用这些素材了。
[*]值得注意的是,炉石传说的卡牌图片非常大,请在合适的情况再使用。上方示例中我做了缩小处理。
[/list]
[/list]
[/quote]


[quote][size=150%][b]· [[/b][b]tid/pid]插 入 主 题 / 回 复[/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote]
[b][color=royalblue]插入主题:[/color][/b]
[tid=9268613]排版的艺术ver.3[/tid]
[b][color=royalblue]插入回复:[/color][/b]
[pid=181035899][b]图文混排示例[/b][/pid]
[/quote]
[code][tid]主题ID[/tid]
[tid=主题ID]此主题链接的注释或标题(也可以不填)[/tid]
[pid]回复ID[/pid]
[pid=回复ID]此回复链接的注释或标题(也可以不填)[/pid]
[/code]
[list][*][b][color=blue]用于插入一个主题帖子或一个回复,点击后可以打开该主题或回复的链接地址。[/color][/b]
[*][color=royalblue]这是NGA使用频率最高但是最没存在感的代码,当你按下回复按钮去回复帖子时其实就是在使用这一代码。[/color]
[*][b]但是2016年地精科技更新后,使用此代码后点击右侧的[/b][[b][color=crimson]T[/color][/b]]或[[b][color=crimson]R[/color][/b]][b]按钮,可以直接通过一个浮动窗口显示该主题或回复。[/b]
[b]这使得这一代码有了突破性的进化!在查看所引用的回复时是个极其方便的功能。预览一些主题帖时也比较方便,但主题帖往往内容较多,会弹出一个超大超大的浮动窗口....[/b]
[*][b][color=red]如果当你需要使用这一功能,请直接使用论坛编辑工具。[/color][/b]
[list][*][color=red]其中的主题ID和回复ID在哪里查看呢?请点击帖子或回复右上角的[按钮],就能方便的找到ID了[/color]
[collapse=点此查看][img]http://pic3.178.com/507/5076687/month_1604/c721adde99bb8f6c2f100dea1d8113e1.jpg[/img][/collapse]
[*][color=blue]而对于此主题或回复的注释文字,也可以使用加粗等进行装饰[/color]
[/list]
[/list]
[/quote]


[quote][size=150%][b]· [[/b][b]dice]ROLL点/骰 子[/b][/size]
[h][/h][r][img]http://pic3.178.com/507/5076687/month_1604/e7be4cb5a04b797ce40b0442042f8e58.png[/img][/r]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote][dice]d100[/dice][/quote]
[code][dice]d100[/dice][/code]
[list][*]一般用于论坛活动时roll点,其常规代码为[[b]dice[/b]][b]d100[/b][[b]/dice[/b]];即在ROLL取100以内的随机数字
[list][*]ROLL点还有其他一些形式不过极少用到,具体详见论坛编辑工具中的描述或下方折叠内容
[*][collapse=其余形式]
[[b]dice[/b]]2d6[[b]/dice[/b]] 投两个6面的骰子 (2~12)
[[b]dice[/b]]2d4+2d6[[b]/dice[/b]] 投两个4面的骰子和两个6面的骰子 (4~20)

骰子面数不能超过1000,一次最多投10个骰子[/collapse]
[*]一般ROLL点活动发起者会展示并规定具体的ROLL点代码,知道常规100点的ROLL点方式即可
[/list]
[*]投骰结果使用随机数计算,以帖子ID和发帖人ID做为种子,故引用他人的投骰代码会得到不同结果。
[*]编辑自己的ROLL点帖子也不会发生改变,[del]欧洲佬吃我一矛啦![/del]
[/list][/quote]


[quote][size=150%][b]· [[/b][b]album]相 册[/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote][album]
[url]http://pic3.178.com/507/5076687/month_1604/953b7face6de446603d4daba2ddc98eb.jpg[/url]
[url]http://pic3.178.com/507/5076687/month_1604/826376fdb66bcf2094699ff6af57410d.jpg[/url]
[url]http://pic3.178.com/507/5076687/month_1604/aeefc64e60a488d073ad49a3361f6e37.jpg[/url]
[/album][/quote]
[code][album=示例相册]
http://pic3.178.com/507/5076687/month_1604/953b7face6de446603d4daba2ddc98eb.jpg
http://pic3.178.com/507/5076687/month_1604/826376fdb66bcf2094699ff6af57410d.jpg
http://pic3.178.com/507/5076687/month_1604/aeefc64e60a488d073ad49a3361f6e37.jpg
[/album][/code]
[list][*]用于大量图片的展示,合并为一个相册能节约大量帖子正文的空间。其代码为[[b]album=相册名[/b]]图片地址,每行一个,不需要加img标签[[b]/album[/b]]
[*]如果使用附件形式上传大量图片,也会自动储存于相册中
[*][del]什么?你问我为什么为什么会出错看不了?四年前的排版手册也说相册不靠谱??[/del][b]地精科技值得信赖!品质如一![/b]
[*][b]值得一试![/b][del]所以还是尽量别用这个了[/del]
[/list]
[/quote]


[quote][size=150%][b]· [[/b][b]Flash]录 音 & 小 视 频[/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote][flash=video]./mon_201605/02/182_5727215fa682e.mp4?filename=-7_57244cf4639d8.mp4[/flash]
[flash=audio]./mon_201604/30/-12323593_5724500db2ba3.mp3?filename=-7_57244f591f88e.mp3[/flash]
[b]NGA官方手机客户端所录制的小视频及录音[/b][/quote]
[list][*][color=blue][b]随着这几年来NGA客户端的不断发展,也带给了我们很多有趣的功能,例如发送语音录音和小视屏[/b][/color]
[*][b]在客户端编辑界面点击录音或录制视频并上传后即可使用[/b]
[list][*][collapse][img]http://pic3.178.com/507/5076687/month_1604/0b4d2dc21aebfd8a7fe900a27be792c8.jpg[/img][/collapse][/list]
[*][b]录音的时间上限为3分钟[/b]
[*][color=red][b]但是,地精科技真的只有这么简单?[/b][/color]
[list][*][collapse][table][tr][td40][quote][flash=video]./mon_201605/02/182_572720e14fdc0.mp4?filename=clip.mp4[/flash]
[flash=audio]./mon_201604/30/-12323593_572458a8036dd.mp3?filename=TREASURE%20BOX-.mp3[/flash][/quote][/td][td]
[list][*][b][color=red]下面开始这一地精科技的真 · 介绍[/color]:[/b]
[*]用于插入一段视频或音频,其代码为[[b]flash=audio[/b]][b]音频附件名[/b][[b]/flash[/b]],[[b]flash=video[/b]][b]视频附件名[/b][[b]/flash[/b]]
[*][b][color=red]其中的音频与视频文件作为附件形式存在,视频宽度控制在480为宜,且大小不超过4mb,格式为MP3和MP4,作为附件上传至帖子内即可。其余格式是否可用请自行尝试。[/color][/b]
[*][b]这一黑科技没有音频时间上限的限制,不过鉴于体积限制,就请不要指望画质和音质的质量了[/b]
[*]视频及音频请使用一些专门的软件进行压缩、转码和截取等操作,简单的例如QQ影音和格式工厂之类的即可,此处不作展开。
[*][color=blue]这个代码可以插入表格,引用框等代码内,但是对齐方式无法对其生效。[/color]
[*][b][color=blue]为了服务器问题考虑,请不要过多使用此黑科技。[/color][/b]
[*][b][color=red]Chrome内核的浏览器可能出现小视频只有声音没有画面的问题[/color][/b]
[*][color=silver]听说最近某首歌很洗脑?来试试呗![/color][flash=audio]./mon_201604/30/-12323593_57245e76ace00.mp3?filename=%E3%83%AF%E3%83%AB%E3%82%AD%E3%83%A5%E3%83%BC%E3%83%AC%20-%20%E3%81%84%E3%81%91%E3%81%AA%E3%81%84%E3%83%9C%E3%83%BC%E3%83%80%E3%83%BC%E3%83%A9%E3%82%A4%E3%83%B3-1.mp3[/flash][img]http://pic3.178.com/507/5076687/month_1604/a963f1996c93d07bda9d83db1ebffd9d.gif[/img]
[/list][/td][/tr][/table][/collapse]
[/list][/list]
[/quote]


[quote][size=150%][b]· [[/b][b]crypt]内 容 加 密[/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote][crypt]^}^]^{=:W%1F3^{#|[/crypt]
密码提示:“不是UFO,是[u][i]******[/i][/u],比这个略小一点”(记得是小写字母,本帖内有答案)
[color=red]加密功能似乎出现了bug,暂时不要去试密码了[/color][/quote]
[list][*]用于加密一些内容,一般极少用到。[b][color=red]请使用论坛编辑工具中的[/color][/b][[b]crypt[/b]][b][color=red]来添加[/color][/b]
[*]虽然密码版主不可见,但是如果想借此发车的话,[del]你还是会死的[/del][s:ac:嘲笑1]
[*]一般会加一些密码提示啥的,根据具体情况判断吧
[*]由于地精科技的升级,上一版排版手册中提到的密码会于附件显示的问题已经不用担心了
[/list]
[/quote]


[quote][size=150%][b]· [[/b][b]randomblock]随 机 段 落[/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote]
[b][color=deeppink]来测一测你今天的运势吧:[/color][/b]
[randomblock][s:ac:偷笑]今天的你是一条咸鱼[/randomblock]
[randomblock][s:ac:嘲笑1]咸鱼的命运是改变不了的[/randomblock]
[randomblock][s:ac:哭笑]不要挣扎啦!你属于非洲![/randomblock]
[randomblock][s:ac:抓狂]吔屎啦!欧洲佬![/randomblock]
[randomblock][s:ac:抠鼻]玄不改非,氪不改命,为什么不明白?[/randomblock]
[randomblock][s:ac:上]非洲大酋长的位置我当定了![/randomblock]
[/quote]
[code][randomblock][s:ac:偷笑]今天的你是一条咸鱼[/randomblock]
[randomblock][s:ac:嘲笑1]咸鱼的命运是改变不了的[/randomblock]
[randomblock][s:ac:哭笑]不要挣扎啦!你属于非洲![/randomblock]
[randomblock][s:ac:抓狂]吔屎啦!欧洲佬![/randomblock]
[randomblock][s:ac:抠鼻]玄不改非,氪不改命,为什么不明白?[/randomblock]
[randomblock][s:ac:上]非洲大酋长的位置我当定了![/randomblock][/code]
[list][*]用于随机显示一段内容,其代码为[[b]randomblock[/b]][b]随机内容1[/b][[b]/randomblock[/b]][[b]randomblock[/b]][b]随机内容2[/b][[b]/randomblock[/b]]……以此类推
[*]随机段落代码一贴内只显示一个,每次刷新会随机选择一段显示。其中的内容可以是文字或图片或表情等等
[*][del]随机段落会以折叠标签的形式展示,然而那个加号是打不开的[/del]
[*]但是一般只用来进行类似这样的娱乐,或许在游戏新版本选择首发职业时也可以试试哦!
[*][b][color=red]更新:为配合新功能[[size=100%]fixsize/style[/size]],随机段落的展示形式已经修改过了!具体请参阅本篇章中的具体介绍[/color][/b]
[/list]
[/quote]


[quote][size=150%][b]· [[/b][b]@用户名]发 送 提 醒 [/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote][@nnexus]直接点击也可以进入该用户个人资料[/quote]
[code][@用户名][/code]
[list][*]用于在帖子内向目标用户发送一条提醒,对方会收到一条系统通知。和QQ中的用法相同。
[*]由于关系到其他论坛用户,因此没有必要的时候不要随便乱用
[*]请注意在召唤时输入的用户ID不要出错
[/list]
[/quote]


[quote][size=150%][b]· [[/b][b]t.178.com]178 尾 巴 / 微 博[/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote]前几年呢,178推广了一个叫做178尾巴的功能,类似于微博。当然现在似乎是没看到有人还在用了。
[color=red]因此这里借这个代码来介绍一下新浪微博的展示方法。[/color]
[url=http://weibo.com/u/3973248709?s=6uyXnP][img]http://service.t.sina.com.cn/widget/qmd/3973248709/2a643e7f/1.png[/img][/url]
[collapse=什么?楼主的微博?][url=http://weibo.com/u/1888171697?s=6uyXnP][img]http://service.t.sina.com.cn/widget/qmd/1888171697/49ff9b08/7.png[/img][/url][del]欢迎互粉[/del][/collapse]
[/quote]
[code][url=微博地址]会自动生成你微博当前内容的图片地址[/url][/code]
[list][*][b][color=red]生成这样一个微博图片需要使用微博的一个[/color][url=http://app.weibo.com/tool/signature]论坛签名应用[/url][/b]
[*]它实质上是使用了图片超链接的方式来达成的,只是这个图片会随着你的微博内容自动变化
[*]注意这个工具的页面内页可以选择几种图片样式,选个自己喜欢的吧
[*][b][color=blue]4月底这几天该应用的头像框显示有bug,等渣浪修复即可[/color][/b]
[/list]
[/quote]


[quote][size=150%][b]· [[/b][b]achieve/customachieve]成 就 / 自 定 义 成 就[/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote]
[list][*][b][color=royalblue]《魔兽世界》成就:[/color][/b]
[achieve=733,cn]大师级专业水准[/achieve]
[*][customachieve]
[title]大师级专业水准[/title]
[txt]在某一专业中,获得375点技能点数。[/txt]
[img]http://img.db.178.com/wow/icons/l/inv_misc_note_01.jpg[/img]
[/customachieve]
[*][b][color=royalblue]自定义成就:[/color][/b]
[customachieve][title]我们的演奏仍将继续![/title]
[txt]《吹响!上低音号》讨论专楼一周年
[b] [奖励:《吹响!上低音号》第二季][/b][/txt]
[img]http://pic3.178.com/507/5076687/month_1604/09f28a096bcf807ac7123eecd1e2d3ec.jpg[/img][/customachieve][/list][/quote]

[code]
第一种:详细成就数据库资料
[achieve=成就ID,语言]成就名称[/achieve]

第二种:魔兽世界成就框显示
[customachieve]
[title]成就名称[/title]
[txt]成就描述[/txt]
[img]成就图标地址[/img]
[/customachieve]

第三种:自定义成就
[customachieve][title]成就名(有字数限制)[/title]
[txt]成就的说明文字(有字数限制)
[b] [成就奖励说明(有字数限制,也可不写)][/b][/txt]
[img]成就图标地址(建议使用56*56像素的图片)[/img][/customachieve][/code]
[list][*]用于显示《魔兽世界》中的成就,或自定义的成就。
[list][*][b]魔兽世界中的成就在NGA论坛分为2种样式[/b],第一种为数据库资料样式。类似于超链接,但点击后会直接调用数据库显示该成就的详细内容。
[*]第二种则是显示具体的成就框图片,这两种一般配套使用
[*][b][color=red]这两种都可以直接在[url=http://db.178.com/wow/cn/achievements.html]178魔兽数据库[/url]获取论坛代码,如下图[/color][/b]
[collapse][img]http://pic3.178.com/507/5076687/month_1604/26d2f2462d3cc07541880d85431c0141.jpg[/img]
前一个为数据库样式,第二个为成就框样式[/collapse]
[/list]
[*]自定义成就请直接修改上方的代码即可,或者使用论坛编辑工具。
[*][b][color=red]自定义成就的图标是可以自己换的[/color],似乎有些人不知道这点[/b];如果是自己做的成就图标,建议控制为56*56像素
[list][*]写这部分时翻阅旧帖看到有人询问是否能修改自定义成就描述中的字体及颜色,实际上是可以的,使用加粗,颜色,字体等代码即可修改。
[*][b][color=blue]但是!根据我刚刚调试了快半小时的结果,不管怎么折腾都不如原先这样好看,所以别折腾啦![/color][/b]
[/list][/list]
[/quote]


[quote][size=150%][b]· [[/b][b]armory]英 雄 榜[/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote]
[list][*][b][size=110%][color=blue]魔兽世界英雄榜[/color][/size][/b]
[cnarmory 米奈希尔 铠塚霙]
[*][b][size=110%][color=blue]D3英雄榜[/color][/size][/b]
[cnd3armory 昔影#5721 1095621]
[*][b][size=110%][color=blue]坦克世界信息[/color][/size][/b]
[cnwotarmory s 洛拉斯之刺]
[color=silver]注:坦克世界我没玩过,借用了论坛编辑工具中的示例[/color]
[*][b][size=110%][color=blue]守望先锋资料[/color][/size][/b][color=red](OW的签名随机显示游戏场次最多的三个)[/color]
[cnowarmory 英俊潇洒俊三体#5313]
[color=silver]注:守望先锋我也没玩,借用了一个签名作为示例[/color]
[/list][/quote]
[code][cnarmory 服务器名 角色名]
[cnd3armory 战网名称#1234 角色ID]
[cnwotarmory 服务器名(北区n/南区s) 玩家名]
[cnowarmory 战网昵称](前端的cn可更换为us/kr/eu/xb/ps以对应不同区的账号[/code]
[list][*][b]用于显示游戏中的玩家资料,通常用于论坛签名[/b],目前支持魔兽世界,暗黑破坏神3及坦克世界,加上新增的守望先锋这4款游戏。
[list][*][color=blue]可以使用论坛编辑工具直接添加魔兽世界的英雄榜[/color]
[*][color=red]D3英雄榜的论坛编辑工具注释有误,详见[url=http://bbs.ngacn.cc/read.php?tid=8375563]D3角色签名设置[/url][/color]
[*][color=blue]坦克世界的玩家资料签名设置详见[url=http://bbs.ngacn.cc/read.php?tid=7780696]坦克世界战绩签名[/url][/color]
[/list]
[*][color=blue]其余一些手游或其他游戏也有可获取角色资料的途径,一般在对应论坛版块或相关网站可以找到。[/color]例如舰队collection或战舰少女R等等。
[*][del]目前论坛的英雄榜显示出错,需等待网易修复[/del][b][color=red]英雄榜修好啦![/color][/b]
[/list]
[/quote]


[quote][size=150%][b]· [[/b][b]code]代 码[/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote][code][b]代码内容,代码框中的代码不会转为具体的样式[/b][/code][/quote]
[list][*]用于展示代码,代码展示框中的代码不会转变为具体的样式,其代码为[[b]code[/b]][b]代码内容[/b][[b]/code[/b]]
[*][b][color=red]代码框无法在客户端中显示,会直接转为具体样式[/color][/b],这也是本帖不能使用客户端阅读的主要原因
[*]当代码内容过多时,会自动生成滚动条方便阅读。
[*]如果你想像本帖一样不使用代码框而显示出代码,用任意装饰代码打断代码的显示即可,例如
[list][*][code]比如用默认字号代码打断加粗代码的效果,[size=100][b[/size]]就像这样[size=100%][/b[/size]][/code]
[*][size=100][b[/size]]就像这样[size=100%][/b[/size]][/list][/list]
[/quote]


[quote][size=160%][b][color=royalblue]二. 请 不 要 按 这 个 红 色 按 钮![/color][/b]——不常用/不推荐使用代码简介[/size] [h][/h]
千万不要按哪个按钮!虽然这么说,不过肯定有人会去按比如某铜须或某熊猫。有些代码也是同样的,极少会用到或并不推荐使用,但确实有点意思,所以还是简单的介绍一下。[/quote]

[quote][size=150%][b]· [/b][b]特殊字符[/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote]
比如颜文字
∑(っ °Д °;)っ
或者 ♨❤♬áö等特殊符号
[/quote]
[list][*][b][color=red]这是一个不建议使用的功能。[/color][/b]
[*]可能有些人会发现,NGA有些特殊的字符是无法显示的。至于为什么,我不是码农并不懂所以请请去问二哥 。
[*]但是使用[url=http://tools.jb51.net/table/html_escape][b]转义字符[/b][/url]则可以实现这些特殊符号的显示。例如[size=150%]♠[/size],直接使用无法显示,但使用[b]&[/b][b]#9824;[/b]这串转义字符便可以实现显示
[*][color=blue]至于颜文字,有个小技巧,直接复制其他网页中例如B站中的颜文字粘贴至NGA,只要你不再去编辑它,就是可以显示的。[/color]
[*]这种情况是非常少见的,一般除了俄语法语等外语,并不会使用一些特殊字符。[b][color=red]并且,手机端不支持转义字符,会显示回这些字符[/color][/b]
所以除了例如本帖这样强调了不要用手机客户端浏览的特殊帖子,一般并没有什么卵用...[color=royalblue]比如你输入一个颜文字为了卖萌,结果人家客户端看是一串字符,这样就很尴尬了[/color]
[*][b][color=red]不过可以用于签名和版头,签名和版头一般只在网页端展示,因此是个不错的使用时机![/color][/b]
[/list]
[/quote]


[quote][size=150%][b]· [/b][b][sup/sub]上 / 下 角 标[/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[quote][size=150%]上下角标[sup]这是上角标[/sup][sub]这是下角标[/sub][/size][/quote]
[code][size=150%]上下角标[sup]这是上角标[/sup][sub]这是下角标[/sub][/size][/code]
[list][*][color=red][b]这是一个极少使用到的代码,但是手机客户端可以显示,因此可以使用[/b][/color]
[*]用于添加上/下角标,一般会在数据帝们写各种公式的时候用的,简单例子比如[size=150%][font=Times New Roman]X[sup]2[/sup][/font][/size]
[*][b][color=blue]其中[sup]为上角标,[sub]为下角标,连续使用即可实现示例中同时出现的效果[/color][/b]
[/list]
[/quote]


[quote][size=150%][b]· [/b][b][iframe]嵌 入 站 外 页 面[/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[collapse=点此查看][quote][iframe=300,1200]http://wow.178.com/legion700/[/iframe][/quote][/collapse]
[code][iframe=高度像素数,宽度像素数]网站链接[/iframe][/code]
[list][*][b]用于嵌入一个外部网站的页面,如上方示例,限定大小后由于没有滚动条,效果并不是很好,也几乎没有见到有人使用。也许网站工作人员偶尔会用到[/b]
[*]高度像素和宽度像素可以不输入,则嵌入一个非常大的页面在帖子中,并不是很美观。
[*]目前支持嵌入的只有以下4个网站
[list][*]wow.178.com/
[*]challonge.com/
[*]model.wows.ga/
[*]arp.wows.ga/[/list]
[*][b][color=red]总之个人用户非常不建议使用此功能,网站工作人员有机会可以尝试使用[/color][/b][/list]
[/quote]


[quote][size=160%][b][color=royalblue]警告:该机器人随时可能爆炸![/color][/b]——第三篇章总结[/size] [h][/h]
NGA提供的这些方便的地精科技,给日常阅览帖子、开展论坛活动等等提供了许多的乐趣。
但是,对于排版来说,他们只是提供辅助的工程学道具,[b][color=red]火箭靴能帮助你躲过一次攻击,但不能替你进行攻击,更有发生爆炸的危险。[/color][/b]
[b][color=blue]因此,请不要胡乱的使用这些小工具,而是在合适的时机使用他们![/color][/b]
[h][/h]
[b]至此,关于NGA的排版代码介绍就正式结束了!每一个都不难掌握,但是难点在于如何把他们合适恰当巧妙的组合起来,这是一个需要长期实践和去大胆创新的过程。
下一篇章呢是关于版头排版设计的一些介绍,在其中呢会介绍最后一个排版代码。有兴趣的也可以继续看下去![/b]
[/quote]

附件

改动



[size=200%][b]· 第 四 章:版 头 设 计[/b](以下版头内容均以过气[s:a2:恨])新版内容有空再填坑[/size]
======
[quote][size=160%][b][color=royalblue]一. 什 么 人 想 看 什 么?[/color][/b]——NGA版头分析[/size] [h][/h]
其实本来是不太想写这一篇章的,这感觉就像一个90级的小号对着一群史诗团本毕业的大佬们高谈阔论一样显得特别的班门弄斧。不过一方面是为了有一个合适的地方介绍headline这个代码,另一方面,也是难得有机会从一个论坛普通用户的角度去聊聊版头的设计。所以就来简单谈谈吧,如果多少能有点用就好了![/quote]

[quote][b][size=150%]版 头 的 分 类[/size][/b]
[h][/h]
NGA的版头与其他一些论坛对比起来都是非常特别的存在。要说为什么的话,大部分的传统论坛版头都是几个单纯的彩色加粗标题帖子列表,下面一条分隔栏区分出版头区和主区域。[b]而NGA不一样,[color=red]除了quote引用框和直接用的img图片标签不可用,上文中几乎全部排版代码都是可用于版头的。[/color]因此也使得版头更富有多变性。[/b]
[color=blue]但是呢,尽管版式上更加特别醒目,往往版头却还是依然成为了最阿卡林的存在,毫无存在感,前日和一个版主交流时他说“帖子一进版头就死了”。究其原因呢[b]我认为是绝大多数的论坛用户都在潜意识中将版头区别于他想要看的内容,因此在进入版面的第一反应,是滚动鼠标滚轮,“视觉焦点”锁定到了第二屏也就是版块主区域,这时版头就自然而然的被跳过了。所以不管是有意还是无意的安排,目前各区版头设计都比以往更加长,占了相当大的一个区域,也一定程度的缓解了一些薄弱的存在感。[/b][/color]

[b]我大致把NGA的版头风格分为了三种:[/b]
[list][*][collapse=一. 表 格 排 布 类][quote][b][size=120%]一. 表 格 排 布 类[/size][/b]
[h][/h]
[table]
[tr]
[td][align=center][img]./mon_201604/23/-12323593_571b794522ac5.png.medium.jpg[/img][/align][/td][/tr]
[tr]
[td][align=center]这里以刚刚升级正式版并更换了版头的[url=http://bbs.ngacn.cc/thread.php?fid=-149110][b][color=teal]战舰少女R版块[/color][/b][/url]为例[/align][/td][/tr]
[/table]
[list][*][color=red]表格排布类的版头是NGA最为常见的版头设计,没有之一。主要用于用户需要查阅大量的相关资料,或经验心得等攻略文章的游戏版块。[/color]
而表格会广受推崇,一个原因就在于极其方便的对版内的内容资料进行了最直观的归类及划分。例如舰R区的这个新版头,从游戏下载、新人入门到更具体的资料分类,非常直观,一目了然。
另一个则是上文提到的“视觉焦点”问题,这一类型的版头往往都较长,特别是像炉石区这样需要陈列大量卡组资料的版块。
如果我一进去鼠标滚轮下拉到第二屏(注意这往往是一个下意识的动作),发现下拉后我的视觉焦点内并不是主区域,而是版头区域,那么此时就会有更大的概率去查看版头中有些什么。
因此事实上版主们也都是这么做的,几乎所有游戏版都采用了这样的分类排布方式。
[h][/h]
[*][color=red]这类版头针对的用户我归纳为“[b]获取型用户[/b]”,这类论坛用户来到某一版块中所需要的是获取尽可能多且有价值的资料,他们中很大一部分并不会主动参与到论坛讨论中,而剩下的一部分则却可能是版块流量和内容的主要提供者。[/color]
所以如果要创建一个新版块,假定目标受众用户会是这类人群,那么使用表格排布对内容进行分类无疑是最稳妥的。然而表格内的内容需要大量帖子作为支撑,那么怎么办呢?
先由版主设计好表格分类区域,再引导论坛用户对这些分类进行有计划性的攻略和资料编写奖励活动。看到活动贴说“版头的XX分类里有人愿意来写一个么,有奖励哦”,起码我是会非常愿意的。
这样既不用等一些苦力们匆忙去写这些大量的内容,又可以带动初期的版面气氛,类似在炉石区的征集版头卡组的活动。个人是比较建议这样的方案。(当然了,这些都是一些空谈,版主们请轻喷)
[h][/h]
[*][color=red]而表格排布的方式还有一个值得注意的是,当大量资料排布到表格中时往往会造成东西太多了找起来很麻烦的问题,怎么更合理的进行分类归纳,又怎么突出重要内容就是非常关键的。[/color]
[color=blue]这里推荐看一下[/color][url=http://bbs.ngacn.cc/thread.php?fid=411][b][color=teal]宠物区[/color][/b][/url][color=blue]的完整版头。[/color]宠物区版头的这份表格并不复杂,没有其他区那么多的单元格,你要说内容量少吧也并不少,但是非常清爽。
用[color=orangered][b]最醒目的颜色[/b][/color]标出版规及重要资料,以及通过颜色划分帖子类别,[b]---⊰ 特殊符号⊱---[/b]的灵活运用,字体[b]加粗[/b],包括[color=orangered]new[/color]标识等等,无一不是从细节处使得整个版头看起来更加细致整洁,在使用阅读上的体验非常舒服。[/list]
[/quote][/collapse]
[*][collapse=二 . headline图文类][quote][b][size=120%]二. headline 图 文 类[/size][/b]
[h][/h]
[table]
[tr]
[td][align=center][img]./mon_201604/24/-12323593_571c3b2111170.png.medium.jpg[/img]
[/align][/td][/tr]
[tr]
[td][align=center]这里以镶金玫瑰区[url=http://bbs.ngacn.cc/thread.php?fid=254][b][color=teal]镶金玫瑰旅店[/color][/b][/url]为例[/align][/td][/tr]
[/table]
[list][*][color=red]headline是指这样左文右图结构的一个排版代码,也是本篇下节主要介绍的内容[/color][color=silver](虽然版主们肯定都会,只是找个地儿写这个罢了)。[/color]
这样的版头基本代表了我记忆中的NGA传统版头类型,现在越来越少,很多都改成了表格。而headline也退居二线,成为了个人版及一些“同好会”版块的特征。
所谓“同好会”,我是这么定义的:基本可以等同于CCQ中的休闲玩家,没有带着一个具体的目的性去寻找资料,只是单纯的凭着兴趣点进版块,找点什么来打发时间。当然也不乏一些真爱粉对某一领域有着充分的研究和独到的见解,他们需要有一个交流和发表的空间。
这就是这类版块给我个人的印象。而往往是这类版块,却会出现一些特别优秀的排版精美内容充实的主题。[h][/h]
[*][color=red]headline是版头唯一可以展示图片的途径[/color],而图片也如我前文所说,是能带来大量信息量的元素。因此也是吸引住这些“爱好者们”一个绝佳的方式。即使是不自觉的下拉,下拉过程中眼睛捕捉到了大块的图片内容,在这种文字为主的页面也会引起论坛用户注意。
但是当2-3次后,大脑中对这一信息有了储存,下次可能就又会直接无视版头了。所以偶尔换换版头窗帘图也是有点必要的。
左侧文字区其实可以套用很多其他的代码来实现一些效果,但一般常用tid陈列一些常用资料和精华内容。[h][/h]
[*][color=blue]现在也有一些例如宠物区这样的版块,在headline下方折叠表格来陈列具体资料,而在headline文字区标示版规,这也是一种值得学习的思路。[/color][del]唯一的缺点就是折叠后可能有些人就找不到了。[/del]
如果新建设的版块符合这一定义,相比表格也是更建议优先使用headline的,要说为什么的话,“有趣”应该是最好的解释。而文字区的排布也可以多花些心思,[color=royalblue][b]比如说实际上表格也可以嵌套在左侧[/b][/color],这里具体在下面介绍headline代码时再说。[/list]
[/quote][/collapse]
[*][collapse=三 . 文字类][quote][b][size=120%]三 . 文 字 类[/size][/b]
[h][/h]
[table]
[tr]
[td][align=center][img]./mon_201604/24/-12323593_571c84cf5768c.png.medium.jpg[/img][/align][/td][/tr]
[tr]
[td][align=center]例如IT区[url=http://bbs.ngacn.cc/thread.php?fid=436&ff=-74][b][color=teal]消费电子 IT新闻[/color][/b][/url]为例[/align][/td][/tr]
[/table]
以加粗,大号的文字强调版规构成的版头。目前似乎只有水区及IT区采用了这样的方式。
此类版头是基于版面的特殊性才会出现的,除非新建版面也是这样以论坛用户的交流发言为主的,不需要陈列什么资料的类型,否则不建议采用这样的版头形式。这里就不展开讨论了。
[/quote][/collapse]
[*][b][color=red]最新补充了一个[fixsize/style]代码实现的酷炫版头形式!(2016.6.20)[url=http://bbs.ngacn.cc/read.php?pid=182876471]请点击查看[/url][/color][/b]
[/list]
[b]所以,假如要新开个人版或新版面,先想一想版面的类型和受众是什么样的论坛用户,再反过来决定如何设计也是一个比较方便的思路。[/b][s:ac:goodjob][del]为什么写完我觉得码了一堆废话??[/del][/quote]


[quote][size=160%][b][color=royalblue]二. headline![/color][/b]——图文类版头代码介绍[/size] [h][/h]
需要先对不熟悉这个代码的坛友说明,这一代码并不是版头专用,你同样可以运用到帖子正文以及签名中。但是由于其特殊性,在帖子正文中并不太适合出现,且客户端不支持,代码本身比较麻烦也很少有人用于签名。所以基本上还是用于版头为主。[del]headline代码是目前唯一可以支持图片在版头展示的途径。其余img标签在版头均无法显示。[/del](5月份新增的:[fixsize/style]表示不服)[/quote]
[quote][size=150%][b]· [[/b][b]headline]版 头[/b][/size]
[h][/h]
[color=seagreen][size=110%][b][示 例][/b][/size][/color]
[headline][tid=4111410][b]艾泽拉斯国家地理通用版规[/b][/tid][/headline]
[headline][tid=4111410][b]艾泽拉斯国家地理通用版规[/b][/tid][/headline]
[headline][tid=4111410][b]艾泽拉斯国家地理通用版规[/b][/tid][/headline]
[headline][tid=4111410][b]艾泽拉斯国家地理通用版规[/b][/tid][/headline]
[headline][tid=4111410][b]艾泽拉斯国家地理通用版规[/b][/tid][/headline]
[headline][url=http://bbs.ngacn.cc/][color=orangered]也可以加链接[/color][/url][/headline]
[headline][hltxt][b]注意左侧的小图标[/b]
这是必须与headline配套使用的[[b]hltxt[/b]]的独有标志
在headline中要输入文字必须使用这个代码,单独使用会无效[/hltxt][/headline]
[headline][hltxt][list][*]列表也必须使用再套一个hltxt才可使用
[*]通常会使用tid代码来陈列帖子
[*]最多显示三列,底色会自动调整
[*][collapse=图片在版头不显示][img]http://pic3.178.com/507/5076687/month_1604/e7be4cb5a04b797ce40b0442042f8e58.png[/img]但不显示于版头[/collapse]
[*][collapse=也可以使用折叠标签]也可以使用折叠标签[url=http://bbs.ngacn.cc/][color=orangered]也可以加链接[/color][/url][/collapse]
[/list][/hltxt][/headline]
[headline][hltxt][collapse=也可以使用折叠标签]也可以使用折叠标签[/collapse]内容如果过多会生成滚动条,含有链接的代码会最优先显示,不可与其他效果混用,除非包含在折叠里[/hltxt][/headline]
[headline][hltxt]右侧的图片宽度会在下方详细说明[/hltxt][/headline]
[headline][hltxt]图片左上角也可以加链接或文字[/hltxt][/headline]
[headline][hltxt]多张图片会合并展示[/hltxt][/headline]
[headline][hltxt][table]
[tr]
[td]1[/td]
[td]2[/td]
[td]3[/td][/tr]
[tr]
[td colspan=2][align=center]表格也是可用的[/align][/td]
[td]5[/td][/tr]
[/table][/hltxt][/headline]
[headline][url=http://bbs.ngacn.cc/][color=orangered]也可以加链接[/color][/url][img]http://pic3.178.com/507/5076687/month_1604/812107175a12c0dfca31e6387431f4b2.jpg[/img][/headline]
[headline][hltxt]也可以加些文字,包括列表[list][*]但是加列表会显得很蠢
[/list][/hltxt][img]http://pic3.178.com/507/5076687/month_1604/c0520ff3fa562edb987c259a8ff5ef8a.jpg[/img][/headline]
[headline][img]http://pic3.178.com/507/5076687/month_1604/66d81103af9fa961901a029bf6c54d4e.jpg[/img][/headline]
[headline][img]http://pic3.178.com/507/5076687/month_1604/1f721532ef7bd1e5de5607937f249d2e.jpg[/img][/headline]
[code][headline][img]图片地址1[/img][/headline]
[headline][url=链接地址]链接文字[/url][img]图片地址2[/img][/headline]
[headline][hltxt]文字[/hltxt][img]图片地址3[/img][/headline]

[headline][hltxt]文字[/hltxt][/headline]
[headline][hltxt][list][*]列表[/list][/hltxt][/headline]
[headline][hltxt][collapse]折叠内容[/collapse][/hltxt][/headline]
[headline][tid=主题ID]主题标题或描述文字,也可以换成pid代码[/tid][/headline]
[headline][url=链接]链接文字,版头里此处不可用图片链接[/url][/headline]
[/code]
[list][*][color=red]用于显示一个如上方示例的版头样式,其代码为[[b]headline[/b]]具体内容[[b]/headline[/b]][/color]
[list][*]右侧显示图片区,在headline内再嵌套img代码即可显示,例如[[b]healdline[/b]][[b]img[/b]]图片地址[[b]/img[/b]][[b]/headline[/b]],[color=blue]多张图片需要重复使用此串代码,多张图片会滚动播放[/color]
[*]左侧显示文字区,在headline内再嵌套hltxt代码即可显示,例如[[b]healdline[/b]][[b]hltxt[/b]]文字,也可以是列表或折叠框[[b]/hltxt[/b]][[b]/headline[/b]],[color=blue]hltxt代码必须与headline配合使用,单独使用无法显示[/color]
[*]在图片前加上文字hltxt或链接url,则可在图片左上角显示,例如[[b]healdline[/b]][[b]url=链接[/b]]链接文字会自动放大字号[[b]/url[/b]][[b]img[/b]]图片地址[[b]/img[/b]][[b]/headline[/b]]
[/list]
[*][color=blue][b]还有一些具体的说明参考上方示例,此处不再赘述,只补充以下几点:[/b][/color]
[list][*]关于图片,headline的图片宽度在帖子中与设置为版头显示是不同的,一般以版头展示时的宽度为准。图片宽度小于实际显示宽度则会再平铺一张。例如猴区的版头:[url=http://bbs.ngacn.cc/thread.php?fid=-447601][b][color=teal]二次元国家地理[/color][/b][/url][r][img]http://pic3.178.com/507/5076687/month_1604/7ba17136bd71c94b5c9f8596a4451c25.png[/img][/r]
图片宽度会随着浏览器窗口大小及显示器大小而改变(23寸显示器1920*1080分辨率下宽度为1053像素),因此很难给出一个非常合适的宽度,
[b][color=red]高度则请用240像素。[/color][/b]
[list][*]一般有三种思路,一是类似猴区这样用大约540像素宽的图片,保证小屏幕小窗口下的显示,大窗口则显示为2张平铺的效果;[*]或者用750-850左右宽度,在大小屏之间取得一个平衡,推荐使用这类;[*]再或是直接用1100左右的大图片,放弃小屏,保证大屏效果(为了小屏用户考虑的话建议还是不要用这种)[/list]
[*]图片左上角会自动带有一个渐变黑色阴影,如果添加链接或文字则默认显示白色且自动放大字号,对比度非常明显,一般不用特意再去改变颜色
[*]注意链接的使用,链接如果与文字,列表这些混用,则会只显示链接,其余内容不显示。除非如示例中那样折叠起来。
[/list]
[*][b][color=red]在headline版式的嵌套代码中有几个值得注意的:[/color][/b]
[list]
[*][color=teal]表格table可用,且可以内嵌对齐之类的,唯独不能插入图片,利用表格配合headline理论上可以排出很有特色的版头[/color]
[*][color=teal]对齐方式align可用且显示于版头;[/color]
[*][color=teal]引用框quote可用但在版头不显示;[/color]
[*][color=teal]链接url可用,但与list或文字混用时只显示链接,其余部分均不显示。但折叠后可以混用;[/color]
[*][color=teal]如果要在左侧文字区添加图片,同样需要折叠后才可显示。但无法在版头显示;[/color]
[/list]
[*][b][color=blue]如果要用于签名,建议使用右侧图片,左侧列表配合折叠的形式,可以包含更多的信息[/color][/b]
[/list]

[/quote]


[quote][size=160%][b][color=royalblue] 它 就 在 那 里[/color][/b]——第四篇章总结[/size] [h][/h]
到此版头部分的介绍算是献丑完毕了,可能大部分都是废话,毕竟即使是个人版版主20威望积累下来也应该都很熟悉这些了。最后就让我再说几句废话总结一下吧:
版头可能很少有人会去仔细看。哪怕把版块里的宝贝全放在版头。但是,精心设计的版头,哪怕只有一个人在其中找到了所需要的,它就是有价值的。[/quote]

改动



[size=200%][b]· 结 语 [/b][/size]
======

[quote][align=center][i][color=blue]“任何一位创作者都有一颗纤细容易受伤的内心”[/i]——小笠原纶子 《白箱》[/color][/align][/quote]
[quote][align=center][color=blue][i]“人是种单纯的生物。只要知道会有回报,就会努力去做。努力之后得到回报,就会更加努力”[/i][/color]——黄前久美子 《吹响!上低音号》[/align][/quote]

[quote][quote]
首先对耐心看到这里的读者表示由衷的感谢。开贴之初就做好了只有少数人能耐心看完的打算,希望本帖能够为各位的排版提供一些帮助!
从4月1号起耗时一个月,总算是基本完成了这篇帖子,在最后再来扯扯排版这个事情本身的一些意义吧。
其实说起来,排版只是内容的附加品。往往绝大多数人看一篇帖子或文章,虽然他也会看到排版,但是并不会去注意排版本身。大多只是觉得这个内容看起来毕比较舒服罢了。
就算是排了一个非常漂亮的版,也不会有几个人去夸你排版漂亮什么的。
要不是NGA提供了这么多可操作的空间,像其他一些论坛通常的帖子也并不会有排版这回事儿,大家不也看的好好的么?但是,能够因此就放弃它么?起码就我个人而言,排版这件事儿本身同样也是有意义的。[/quote]
[r][img]http://pic3.178.com/507/5076687/month_1604/e0de73d046cfb756c9f68fed23cdc8df.png[/img][/r]
[quote]今年(2016)这上半年来,NGA的界面颜色、按钮样式和消息提醒框的弹出效果等等都进行了一系列的调整和修改,直到发帖前的两天,又调整了一下按钮的颜色。
这些调整修改都是为了一个更好的用户界面体验,但是大家可以想想,有多少人注意到了这些么?我相信并没有多少,那么它是有意义的么?我觉得是有的,因为我注意到了。
做出这些调整的不管背后的个人还是团队,他们同样都是作为创作者存在的。他们的作品或许因为个人审美的差异会有不同的评价,但是这些努力只要是有人会去注意的,那么这就是有意义的一件事。[/quote]
[quote]之于排版,同样也是如此。虽然有“这些排版代码大都是用在签名而已”这样的想法,但是只要有人用心去构思,那么这就是对内容本身,对观看者的尊重。
我一向坚持一个理论:[b]所谓排版的好坏并不在于创作者的能力和技巧,而在于是否用了心。排版的技巧是可以积累学习的,更重要的是愿不愿意去尝试这个可能是白花力气的步骤。[/b][/quote]

[quote]那么换一个立场的话,作为观看者,也请多多去注意一些内容本身之外的内容。特别是原创作品,都是被每一个创作者从零创造出的,不论你是否喜欢,但请保持一份起码的尊重。
[b][color=royalblue]这份起码的尊重或是更进一步的称赞,可能就是创作者们渴望获得的最佳的回报,这份努力之后得到的回报,或许就是“意义”的本身了。[/color][/b]
最后再另外提一句,虽然不要抱着功利性去创作,但是也不要白白看着自己的作品被忽视,试着去PM版主申请加分等等,并不是一件丢脸的事儿。[/quote]
[/quote]

[quote][size=150%][b]附 录:[/b][/size][h][/h]
[quote][size=120%][b][color=royalblue]更 新 记 录[/color][/b][/size][h][/h]
[list][*][b]初稿:[/b]2016.4.1-2016.5.1
[*][b]第一次更新:[/b]增加了一个图片使用的小技巧 2016.5.11
[*][b]第二次更新:[/b]补充了一个斜体字代码的使用问题 2016.5.12
[*][b]范例补充:[/b]补充了一篇演示如何排教程贴以及在网页与客户端都能正常显示的范例:[tid=9329444][b][color=royalblue]词云图教程[/color][/b][/tid] 2016.5.15
[*][b]第三次更新:[/b]补充了新功能[pid=182876471][b][color=royalblue]fixsize/style[/color][/b][/pid]的介绍及使用教程,同时随机段落功能也一起产生了调整 2016.5.20
[*][b]BUG修复:[/b]英雄榜的显示问题已修复。2016.6.1
[*][b]第四次更新:[/b]新增了守望先锋的签名档;补充了使用[pid=182876471][b][color=royalblue]fixsize/style[/color][/b][/pid]作为版头新样式的介绍 2016.6.20~24
[/list]
[/quote]
[quote][size=120%][b][color=royalblue]意 见 & 建 议[/color][/b][/size][h][/h]
[list][*][del]希望能修复手机客户端中嵌套使用quote和list的显示bug。[/del][i][color=orangered]已反馈[/color][/i]
[*][del]建议客户端今后能支持转义字符的显示。[/del][i][color=orangered]已反馈[/color][/i]
[*][del]望修改论坛编辑工具中D3英雄榜按钮内的说明文字 。[/del][i][color=orangered]已反馈[/color][/i]
[*][del]内容加密功能似乎出现了输入密码后内容显示错误的bug。[/del][i][color=orangered]已反馈[/color][/i]
[*][del]4月中旬开始,论坛大量符合高度规范的签名图片被自动折叠,希望能够修复,毕竟都是大家精心制作的签名。[/del][color=orangered][i]已查明原因:所有gif图片均被自动折叠,建议暂时更换为其他格式[/i][/color]
[*]建议在论坛界面色调的配色方案中增加“经典配色”,即最传统的配色方案。
[*][del]希望将此贴设置为可编辑状态,以便未来能够及时更新。[/del][i][color=orangered]Done![/color][/i]
[*][del]此贴如可镜像,我希望能镜像一份至猴区。[/del][i][color=orangered]Done!感谢![/color][/i]
[*][del]建议今年的线下聚会再抽中我让我蹭一顿自助餐。[/del][i][color=orangered]新鲜的肉![/color][/i]
[/list]
[/quote]
[/quote]

[align=center][size=200%]——————————— [font=Stencil]THE END[/font] ———————————[/size][/align]
[align=center][size=120%][font=Georgia][i][b]Nexus[/b][/i][/font] —— 不断传承的光之纽带[/size][/align]
[align=center][size=150%][font=Arial]2016.5.1[/font][/size][/align]

[h][/h]

改动



已镜像,感谢大作!
看完后再进一步评论。
======
[@nnexus]有个小问题,加密内容版主真的能看到密码吗?

改动


评论

UID:1742851
+ [b]Reply to [pid=181071052,9268613,1]Reply[/pid] Post by [uid=13838394]欧米嘉·风焰[/uid] (2016-05-01 20:33)[/b]

我不知道二哥能不能..反正我是看不到的


好详细好棒
[img]http://img.nga.178.com/attachments/mon_201209/14/-47218_5052bd27520ef.png[/img]


一拉到底,mark了,很实用的教程,谢谢分享,需要的时候再参照修改

改动



围观群众 先收藏了


兹瓷兹瓷!


好贴支持一波[s:ac:赞同]


非常详细的教程

收藏了


滋磁!写的太棒了[s:ac:心]


[color=royalblue]辛苦了的说~[s:ac:哦][/color]


卧槽 叼。。。。。。。。膜拜大触


好贴,太强了


再不加精几分钟就第二页了[s:ac:嘲笑1]
泥潭乙烷


收藏了 感谢大触[s:ac:赞同]


滋磁!

赶紧学习

下一页(2)