可选汉化地图发布格式

Mushoom

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

使用格式的过程如下:
在发表帖子 -> 高级模式中开启下方"附加选项"的HTML代码,
再打开输入框右上角的高级中的"纯文本",然后复制以下的内容入内.
将你所想要的替换的文字,覆盖我已经注明了的"中文文字".

如果其中的一项无法填满,例如 -
游戏截图 - 预告 - 下载中的预告的视频一行没有可上传之材,
则直接抹消(删除)那一项的的中文文字以保持整洁.

1. <style>
2. img {
3. max-width:765px;
4. }
6. .tab1e
7. {
9. border-collapse: collapse;
10. text-align: center;
11. position:relative;
12. width:100%
14. }
16. .tab1e th
17. {
18. border:2px solid #CDCDCD;
19. text-align: center;
20. font-weight: bold;
21. font-size:20px;
22. padding-top: 2px;
23. padding-bottom: 2px;
24. padding-right: 10px;
25. padding-left: 10px;
26. background-image: linear-gradient(rgb(150,150,150) 40%, rgba(255,255,255,1) 20%, rgb(100,100,100) 40%) ;
27. color: rgb(220,220,220);
28. text-shadow: 0px 0px 1px rgba(20,20,20,1);
29. letter-spacing:1px;
30. font-family:微软雅黑;
32. }
34. .tab1e td
35. {
36. border:2px solid #CDCDCD;
37. padding:4px;
38. text-align: center;
39. background-color:rgb(230,230,230);
42. }
44. pre
45. {
46. font-family: 微软雅黑;
47. word-wrap: break-word;
48. white-space: wrap;
50. }
52. hr
53. {
54. color:rgb(200,200,200);
55. }
57. /* Animation*/
60. @keyframes translating
61. {
62. from {background-color: rgb(245,245,245);}
63. to {background-color: rgb(0,0,0);}
64. }
66. @keyframes translating2
67. {
68. from {background-color: rgb(0,0,0);}
69. to {background-color: rgb(245,245,245);}
70. }
72. @-webkit-keyframes translating
73. {
74. from {background-color: rgb(245,245,245);}
75. to {background-color: rgb(0,0,0);}
76. }
78. @-webkit-keyframes translating2
79. {
80. from {background-color: rgb(0,0,0);}
81. to {background-color: rgb(245,245,245);}
82. }
84. </style>
86. <table class="tab1e">
87. <tr>
89. <th>地图名称 - 宣传语 - 版本号</th>
90. </tr>
92. <tr>
93. <td>
94. 头部图片或者LOGO可以发在这一行
95. <p></p>
96. <pre>
97. 介绍写在这里
98. </pre>
100. </td>
101. </tr>
105. <tr>
106. <td>
107. <pre>
108. 作者: ####
109. 类型: ####
110. 位置: ####
111. 群组: ####
112. </pre>
114. </td>
116. </tr>
118. <tr>
119. <td style="height:50px; background-color:rgb(250,250,250);">
120. </td>
121. </tr>
123. </table>
126. <table class="tab1e">
128. <tr>
129. <th>
130. 游戏截图 - 预告 - 下载
131. </th>
132. </tr>
134. <tr>
135. <td>
136. <pre>
137. 截图发在这里
138. </pre>
140. </td>
142. </tr>
144. <tr>
145. <td style="height:50px; background-color:rgb(250,250,250);">
146. </td>
147. </tr>
149. <tr>
150. <td>
151. <pre>
152. Trail1
153. Trail2
154. Trail3
155. Trail4
156. </pre>
158. </td>
159. </tr>
161. <tr>
162. <td style="height:50px; background-color:rgb(250,250,250);">
163. </td>
164. </tr>
166. <tr>
167. <td>
169. <center>
170. <a href="地图的下载链接替换这里的中文" 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="
171. 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));
172. text-align:center; padding:12px; font-family:微软雅黑; color:rgb(150,150,150); font-weight:bold;
173. " id="buttonfor" onmouseover="overON(this)" onmouseout="outON(this)">
174. 点击下载
175. </div>
176. </a>
177. </center>
179. </td>
180. </tr>
182. <tr>
183. <td style="height:50px; background-color:rgb(250,250,250);">
184. </td>
185. </tr>
187. <tr>
188. <th>
189. 游戏签名 - 更新记录 - 其他杂项
190. </th>
191. </tr>
193. <tr>
194. <td>
196. <! -- 代码以后可直接复制到个人签名中使用 -- >
198. <pre>
199. <a href="替换这里的中文文字为想要的页面"><img src="这里写入想要的图片地址"/></a>
201. <form>
202. <textarea height="100%" cols="100%">
203. <a href="替换这里的中文文字为想要的页面"><img src="这里写入想要的图片地址"/></a>
204. </textarea>
205. </form>
206. </pre>
208. </td>
210. </tr>
212. <tr>
213. <td style="height:50px; background-color:rgb(250,250,250);">
214. </td>
215. </tr>
217. </table>
220. <script>
222. function overON(arg) {
223. arg.style.animation = "translating 2s";
224. arg.style.WebkitAnimation = "translating 2s";
225. arg.style.backgroundColor = "rgb(0,0,0)";
227. }
229. function outON(arg1) {
230. arg1.style.animation = "translating2 2s";
231. arg1.style.WebkitAnimation = "translating2 2s";
232. arg1.style.backgroundColor = "rgb(245,245,245)";
235. }
237. </script>

复制代码

效果如以下链接所示:
冰裔
终极龙珠
疫地佣兵

#1.如果上传的图片为附件,则将图片列上下方的与两行删除.
否则Disucz其本身的代码含有的空行会显示出来.

Mushoom

可选格式2：

演示 - Performance
文字Test

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

复制代码

解说：

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

效果地址