魔兽地图汉化 WC3CNG › 汉化地图 › 可选汉化地图发布格式

Mushoom 发表于 2014-11-6 20:00:07

可选汉化地图发布格式

本帖最后由 Mushoom 于 2015-2-20 12:05 编辑 <br /><br /><pre style="font-family:微软雅黑">
格式的目的是为了美化并详细地图内容.
难得一番辛苦的汉化,不明不白的玩家也不好感兴趣.
倒不如附上游戏的详情,让玩家明白通透.
如国外的Hiveworkshop以及Chaosrealm都有频繁地使用格式.

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

如果其中的一项无法填满,例如 -
游戏截图 - 预告 - 下载中的预告的视频一行没有可上传之材,
则直接抹消(删除)那一项的的中文文字以保持整洁.
</pre><style>
img {
max-width:765px;
}

.tab1e
{

border-collapse: collapse;
text-align: center;
position:relative;
width:100%

}

.tab1e th
{
border:2px solid #CDCDCD;
text-align: center;
font-weight: bold;
font-size:20px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 10px;
padding-left: 10px;
background-image: linear-gradient(rgb(150,150,150) 40%, rgba(255,255,255,1) 20%, rgb(100,100,100) 40%) ;
color: rgb(220,220,220);
text-shadow: 0px 0px 1px rgba(20,20,20,1);
letter-spacing:1px;
font-family:微软雅黑;

}

.tab1e td
{
border:2px solid #CDCDCD;
padding:4px;
text-align: center;
background-color:rgb(230,230,230);


}

pre
{
font-family: 微软雅黑;
word-wrap: break-word;
white-space: wrap;

}

hr
{
color:rgb(200,200,200);
}

/* Animation*/


@keyframes translating
{
from {background-color: rgb(245,245,245);}
to {background-color: rgb(0,0,0);}
}

@keyframes translating2
{
from {background-color: rgb(0,0,0);}
to {background-color: rgb(245,245,245);}
}

@-webkit-keyframes translating
{
from {background-color: rgb(245,245,245);}
to {background-color: rgb(0,0,0);}
}

@-webkit-keyframes translating2
{
from {background-color: rgb(0,0,0);}
to {background-color: rgb(245,245,245);}
}

</style>

<table class="tab1e">
<tr>

        <th>地图名称 - 宣传语 - 版本号</th>
</tr>

        <tr>
<td>
头部图片或者LOGO可以发在这一行
<p></p>
        <pre>
介绍写在这里
        </pre>

</td>
        </tr>


       
<tr>
<td>
        <pre>
作者: ####
类型: ####
位置: ####
群组: ####
        </pre>

</td>

</tr>

<tr>
<td style="height:50px; background-color:rgb(250,250,250);">
</td>
</tr>

</table>


<table class="tab1e">

<tr>
        <th>
游戏截图 - 预告 - 下载
        </th>
</tr>

<tr>
        <td>
        <pre>
截图发在这里
        </pre>

</td>

</tr>

<tr>
<td style="height:50px; background-color:rgb(250,250,250);">
</td>
</tr>

<tr>
        <td>
<pre>
Trail1
Trail2
Trail3
Trail4
</pre>

        </td>
</tr>

<tr>
<td style="height:50px; background-color:rgb(250,250,250);">
</td>
</tr>

<tr>
        <td>

<center>
<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="
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));
text-align:center; padding:12px; font-family:微软雅黑; color:rgb(150,150,150); font-weight:bold;
" id="buttonfor" onmouseover="overON(this)" onmouseout="outON(this)">
点击下载
</div>
</a>
</center>

        </td>
</tr>

<tr>
<td style="height:50px; background-color:rgb(250,250,250);">
</td>
</tr>

<tr>
        <th>
游戏签名 - 更新记录 - 其他杂项
        </th>
</tr>

<tr>
        <td>

<! -- 代码以后可直接复制到个人签名中使用 -- >

        <pre>
<a href="替换这里的中文文字为想要的页面"><img src="这里写入想要的图片地址"/></a>

<form>
<textarea height="100%" cols="100%">
<a href="替换这里的中文文字为想要的页面"><img src="这里写入想要的图片地址"/></a>
</textarea>
</form>
</pre>

        </td>

</tr>

<tr>
<td style="height:50px; background-color:rgb(250,250,250);">
</td>
</tr>

</table>


<script>

function overON(arg) {
arg.style.animation = "translating 2s";
arg.style.WebkitAnimation = "translating 2s";
arg.style.backgroundColor = "rgb(0,0,0)";

}

function outON(arg1) {
arg1.style.animation = "translating2 2s";
arg1.style.WebkitAnimation = "translating2 2s";
arg1.style.backgroundColor = "rgb(245,245,245)";


}

</script><br>效果如以下链接所示:<br>

<a href="http://www.hanhuamap.com/forum.php?mod=viewthread&tid=215&extra=page%3D1">冰裔</a><br>
<a href="http://www.hanhuamap.com/forum.php?mod=viewthread&tid=220&extra=page%3D1">终极龙珠</a><br>
<a href="http://www.hanhuamap.com/forum.php?mod=viewthread&tid=218&extra=page%3D1">疫地佣兵</a>

<br><br>
<pre style="font-family:微软雅黑;">
#1.如果上传的图片为附件,则将图片列上下方的与两行删除.
否则Disucz其本身的代码含有的空行会显示出来.
</pre>

Mushoom 发表于 2015-2-6 17:04:42

本帖最后由 Mushoom 于 2015-2-20 13:13 编辑 <br /><br /><style>
img {
max-width:765px;
}

.imgur {
border-radius: 10px;   
margin-bottom: 3px;   
    }

.dividing
{
border-bottom: 2px solid hsl(203,10%,75%);
border-left: 5px solid hsl(203,10%,55%);
font-size: 25px;
font-weight: lighter;
font-family: 微软雅黑;
padding: 2px;
letter-spacing: 1px;
margin-top: 5px;
text-shadow: 0px 0px 1px hsla(0,0%,0%,0.23);


}
   
.synopsis
{
font-weight: lighter;
font-family: 微软雅黑;
padding: 2px;
letter-spacing: 1px;
margin-top: 5px;
text-wrap: avoid;
word-wrap: break-word;

    }

</style>

<pre class="synopsis">
可选格式2：

<div class="dividing">演示 - Performance</div>
<div class="synopsis">文字Test</div>
</pre>
<br>


<style>
img {
max-width:765px;
}

.imgur {
border-radius: 10px;   
margin-bottom: 3px;   
    }

.dividing
{
border-bottom: 2px solid hsl(203,10%,75%);
border-left: 5px solid hsl(203,10%,55%);
font-size: 25px;
font-weight: lighter;
font-family: 微软雅黑;
padding: 2px;
letter-spacing: 1px;
margin-top: 5px;
text-shadow: 0px 0px 1px hsla(0,0%,0%,0.23);


}
   
.synopsis
{
font-weight: lighter;
font-family: 微软雅黑;
padding: 2px;
letter-spacing: 1px;
margin-top: 5px;
text-wrap: avoid;
word-wrap: break-word;

    }

</style>

<div class="dividing">演示 - Performance</div>

<pre class="synopsis">
文字Test
</pre>



<pre class="synopsis">
解说：

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

</pre>

效果地址

查看完整版本: 可选汉化地图发布格式