白天模式 收藏本站

手机短信,快捷登录

QQ登录

只需一步,快速开始

搜索
热搜: 地图 汉化 ORPG
查看: 4780|回复: 7

可选原语地图发布格式

[复制链接]

40

主题

96

回帖

1229

积分

汉化者联盟

积分
1229

汉化达人优秀版主论坛元老

发表于 2014-11-6 20:01:08 | 显示全部楼层 |阅读模式
本帖最后由 Mushoom 于 2015-2-20 12:05 编辑

格式的目的是为了美化并详细地图内容.
难得一番辛苦的搬运,不明不白的玩家也不好感兴趣.
倒不如附上游戏的详情,让玩家明白通透.
如国外的Hiveworkshop以及Chaosrealm都有频繁地使用格式.

使用格式的过程如下:
在发表帖子 -> 高级模式中开启下方"附加选项"的HTML代码,
再打开输入框右上角的高级中的"纯文本",然后复制以下的内容入内.

将你所想要的替换的文字,覆盖
代码之间的"英文文字". 如果其中的一项无法填满,例如 - Game Screenshots - Trails - Download中的Trails的视频一行没有可上传之材, 则直接抹消(删除)那一项的的英文文字以保持整洁.
  1. <style>
  2. img {
  3. max-width:765px;
  4. }
  5. .tab1e
  6. {
  7. border-collapse: collapse;
  8. text-align: center;
  9. position:relative;
  10. width:100%
  11. }
  12. .tab1e th
  13. {
  14. border:2px solid #CDCDCD;
  15. text-align: center;
  16. font-weight: bold;
  17. font-size:20px;
  18. padding-top: 2px;
  19. padding-bottom: 2px;
  20. padding-right: 10px;
  21. padding-left: 10px;
  22. background-image: linear-gradient(rgb(150,150,150) 40%, rgba(255,255,255,1) 20%, rgb(100,100,100) 40%) ;
  23. color: rgb(220,220,220);
  24. text-shadow: 0px 0px 1px rgba(20,20,20,1);
  25. letter-spacing:1px;
  26. font-family:微软雅黑;
  27. }
  28. .tab1e td
  29. {
  30. border:2px solid #CDCDCD;
  31. padding:4px;
  32. text-align: center;
  33. background-color:rgb(230,230,230);
  34. }
  35. pre
  36. {
  37. font-family: 微软雅黑;
  38. word-wrap: break-word;
  39. white-space: wrap;
  40. }
  41. hr
  42. {
  43. color:rgb(200,200,200);
  44. }
  45. /* Animation*/
  46. @keyframes translating
  47. {
  48. from {background-color: rgb(245,245,245);}
  49. to {background-color: rgb(0,0,0);}
  50. }
  51. @keyframes translating2
  52. {
  53. from {background-color: rgb(0,0,0);}
  54. to {background-color: rgb(245,245,245);}
  55. }
  56. @-webkit-keyframes translating
  57. {
  58. from {background-color: rgb(245,245,245);}
  59. to {background-color: rgb(0,0,0);}
  60. }
  61. @-webkit-keyframes translating2
  62. {
  63. from {background-color: rgb(0,0,0);}
  64. to {background-color: rgb(245,245,245);}
  65. }
  66. </style>
  67. <table class="tab1e">
  68. <tr>
  69. <th>Map Name - Features - Version</th>
  70. </tr>
  71. <tr>
  72. <td>
  73. Image
  74. <pre>
  75. <p>Introduction</p>
  76. </pre>
  77. </td>
  78. </tr>
  79. <tr>
  80. <td>
  81. <pre>
  82. Author(Creator):
  83. Type: ####
  84. Players: ####
  85. Available Slots: ####
  86. Group: ####
  87. </pre>
  88. </td>
  89. </tr>
  90. <tr>
  91. <td style="height:50px; background-color:rgb(250,250,250);">
  92. </td>
  93. </tr>
  94. </table>
  95. <table class="tab1e">
  96. <tr>
  97. <th>
  98. Game Screenshots - Trails - Downloads
  99. </th>
  100. </tr>
  101. <tr>
  102. <td>
  103. <pre>
  104. Shot1
  105. Shot2
  106. Shot3
  107. Shot4
  108. </pre>
  109. </td>
  110. </tr>
  111. <tr>
  112. <td style="height:50px; background-color:rgb(250,250,250);">
  113. </td>
  114. </tr>
  115. <tr>
  116. <td>
  117. <pre>
  118. Trail1
  119. Trail2
  120. Trail3
  121. Trail4
  122. </pre>
  123. </td>
  124. </tr>
  125. <tr>
  126. <td style="height:50px; background-color:rgb(250,250,250);">
  127. </td>
  128. </tr>
  129. <tr>
  130. <td>
  131. <center>
  132. <a href="http://pan.baidu.com/share/link?shareid=4222865301&uk=3811764733" style="text-decoration:none; a:link {color:rgb(150,150,150);}; a:visited {color:rgb(150,150,150);}; a:hover {color:rgb(150,150,150);}; a:active {color:rgb(150,150,150);}; "><div style="
  133. width:150px; border-radius:4px; box-shadow: 0px 0px 1px rgb(50,50,50); background-color:rgb(245,245,245); background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.08));
  134. text-align:center; padding:12px; font-family:微软雅黑; color:rgb(150,150,150); font-weight:bold;
  135. " id="buttonfor" onmouseover="overON(this)" onmouseout="outON(this)">
  136. Click to Download
  137. </div>
  138. </a>
  139. </center>
  140. </td>
  141. </tr>
  142. <tr>
  143. <td style="height:50px; background-color:rgb(250,250,250);">
  144. </td>
  145. </tr>
  146. <tr>
  147. <th>
  148. Game Signature - Changelog - Miscellaneous
  149. </th>
  150. </tr>
  151. <tr>
  152. <td>
  153. <pre>
  154. <a href="替换这里的中文文字为想要的页面"><img src="这里写入想要的图片地址"/></a>
  155. <form>
  156. <textarea height="100%" cols="100%">
  157. <a href="替换这里的中文文字为想要的页面"><img src="这里写入想要的图片地址"/></a>
  158. </textarea>
  159. </form>
  160. </pre>
  161. </td>
  162. </tr>
  163. <tr>
  164. <td style="height:50px; background-color:rgb(250,250,250);">
  165. </td>
  166. </tr>
  167. </table>
  168. <script>
  169. function overON(arg) {
  170. arg.style.animation = "translating 2s";
  171. arg.style.WebkitAnimation = "translating 2s";
  172. arg.style.backgroundColor = "rgb(0,0,0)";
  173. }
  174. function outON(arg1) {
  175. arg1.style.animation = "translating2 2s";
  176. arg1.style.WebkitAnimation = "translating2 2s";
  177. arg1.style.backgroundColor = "rgb(245,245,245)";
  178. }
  179. </script>
复制代码

事实上我是先制作了这个英文版的格式之后才改变成了中文版.
所以英文版的格式可能看起来会微妙地比中文版要好.

效果预览:

Map Name - Features - Version
Image

Introduction

Author(Creator):
Type: ####
Players: ####
Available Slots: ####
Group: ####
	
Game Screenshots - Trails - Downloads
Shot1
Shot2
Shot3
Shot4
	
Trail1
Trail2
Trail3
Trail4
Download
Game Signature - Changelog - Miscellaneous


回复

使用道具 举报

40

主题

96

回帖

1229

积分

汉化者联盟

积分
1229

汉化达人优秀版主论坛元老

 楼主| 发表于 2015-2-6 17:28:13 | 显示全部楼层
本帖最后由 Mushoom 于 2015-2-20 13:13 编辑

可选格式2:

演示 - Performance
文字Test

  1. <style>
  2. img {
  3. max-width:765px;
  4. }
  5. .imgur {
  6. border-radius: 10px;
  7. margin-bottom: 3px;
  8. }
  9. .dividing
  10. {
  11. border-bottom: 2px solid hsl(203,10%,75%);
  12. border-left: 5px solid hsl(203,10%,55%);
  13. font-size: 25px;
  14. font-weight: lighter;
  15. font-family: 微软雅黑;
  16. padding: 2px;
  17. letter-spacing: 1px;
  18. margin-top: 5px;
  19. text-shadow: 0px 0px 1px hsla(0,0%,0%,0.23);
  20. }
  21. .synopsis
  22. {
  23. font-weight: lighter;
  24. font-family: 微软雅黑;
  25. padding: 2px;
  26. letter-spacing: 1px;
  27. margin-top: 5px;
  28. text-wrap: avoid;
  29. word-wrap: break-word;
  30. }
  31. </style>
  32. <div class="dividing">演示 - Performance</div>
  33. <pre class="synopsis">
  34. 文字Test
  35. </pre>
复制代码
解说:

复制 “ 38列到42为止的内容 ” 替换其中的汉字内容,以增加特定的展示内容框。

效果地址
回复

使用道具 举报

71

主题

238

回帖

4125

积分

管理员

积分
4125
发表于 2015-2-6 18:01:02 | 显示全部楼层
好!为何Hiveworkshop里的楼主能发出各种格式、字体、界面的东西!
回复

使用道具 举报

40

主题

96

回帖

1229

积分

汉化者联盟

积分
1229

汉化达人优秀版主论坛元老

 楼主| 发表于 2015-2-6 18:03:20 | 显示全部楼层
admin 发表于 2015-2-6 18:01
好!为何Hiveworkshop里的楼主能发出各种格式、字体、界面的东西!

和这种格式的原理是一样的。
只是他们预先制作了特定的背景图片提供给发布者使用。
当然,用户自制使用的也多。
回复

使用道具 举报

71

主题

238

回帖

4125

积分

管理员

积分
4125
发表于 2015-2-6 18:09:39 | 显示全部楼层
Mushoom 发表于 2015-2-6 18:03
和这种格式的原理是一样的。
只是他们预先制作了特定的背景图片提供给发布者使用。
当然,用户自制使用 ...

能从页面源代码扣出来他们那些不?
回复

使用道具 举报

40

主题

96

回帖

1229

积分

汉化者联盟

积分
1229

汉化达人优秀版主论坛元老

 楼主| 发表于 2015-2-6 18:13:34 | 显示全部楼层
本帖最后由 Mushoom 于 2015-2-6 18:17 编辑
admin 发表于 2015-2-6 18:09
能从页面源代码扣出来他们那些不?

大概不能吧。
由于是预写的Css,所以在Html页面只剩制定的ID或Class。

当然,现在的开发者工具会自动关联至CSS也说不定,从而找到CSS文件。
不过重点是,他们的风格为暗色。
根据色彩的调和,是不适合我们的风格的物。

如果只是表格的话,Discuz的所见所得文本编辑框已经预置在其内,大概。

回复

使用道具 举报

71

主题

238

回帖

4125

积分

管理员

积分
4125
发表于 2015-2-6 18:18:20 | 显示全部楼层
Mushoom 发表于 2015-2-6 18:13
大概不能吧。
由于是预写的Css,所以在Html页面只剩制定的ID或Class。

恩,论坛现在没有风格。简单得很
回复

使用道具 举报

40

主题

96

回帖

1229

积分

汉化者联盟

积分
1229

汉化达人优秀版主论坛元老

 楼主| 发表于 2015-2-6 18:20:29 | 显示全部楼层
本帖最后由 Mushoom 于 2015-2-6 18:22 编辑
admin 发表于 2015-2-6 18:18
恩,论坛现在没有风格。简单得很

简洁也是一种风格。
美化并不只被拘留在图片上。

嘛,我个人而言是不讨厌这种默认的风格。
毕竟也是洗练得出的结果之一。

要么以自身( 格式 )配合他人( 风格 )。
要么以他人( 风格 )配合自身( 格式 )的转换,实质变化绝非绝大。

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Powered by Discuz! X3.5|© 2001-2024 Discuz! Team.

Archiver|手机版|小黑屋|魔兽地图汉化社区 WC3CNG | GMT+8, 2024-3-28 21:20 , Processed in 0.608399 second(s), 6 queries , Redis On.

快速回复 返回顶部 返回列表