如果您有兴趣设计自己的印章，可以在证章插件的源代码基础上进行修改。您只要修改很少的css和html代码，就可以调整证章的外观。使其更符合您的风格。但在开始前，请看看您是否具有以下的几个条件：
- 选择一个允许您使用javascript和css的网站或博客，例如Blogbus，Blogger，或您自己的网站
- 有基本的html，css编程经验
- 遵守译言的用户协议
首先，把下面这段代码复制到您的网页里（注意要使用支持html的编辑器中）。唯一需要修改的地方是在javascript的第一行，把yeeyan_num=3换为您的用户ID（到这里确认您的用户ID)。保存更改，查看是否看到缺省的证章出现在您的网页里：
<![CDATA[
<!-- 这里是缺省的页面效果设置 -->
<STYLE type="text/css">
#yeeyanUI_body {color: #333;font-size: 12px;}
#yeeyanUI_header {background-color: #D9EEFF; padding:8px}
#yeeyanUI_content {padding: 4px;}
#yeeyanUI_hlist {margin:2px 0 0 68px;padding: 0;list-style-type:none}
#yeeyanUI_username {font-size:20px;margin: 0 0 2px 0}
#yeeyanUI_logo {float:left;padding:1px;border:1px solid #ccc; margin:0p 5px 5px 0px}
#yeeyanUI_medals {margin: 0 auto; text-align:center;}
#yeeyanUI_medals td {border: 1px solid #ddd;}
#yeeyanUI_trans_list {margin: 0px; padding: 0 0 0 20px;}
#yeeyanUI_trans_list li {padding: 3px; margin: 0}
.yeeyanUI_title {padding: 10px 0 5px 0; margin: 0; color:#8dab3d; font-size: 13px;}
</STYLE>
<!-- 证章的框架 -->
<div id="yeeyanUI_body">
<div id="yeeyanUI_header">
<a href="http://www.yeeyan.com" id="yeeyanUI_logo_link">
<img src="/img/s.gif" id="yeeyanUI_logo"/>
</a>
<ul id="yeeyanUI_hlist">
<li><a href="http://www.yeeyan.com" id="yeeyanUI_name_link">
<h4 id="yeeyanUI_username"></h4></a></li>
<li>译者品级：<b id="yeeyanUI_level"></b></li>
</ul>
</div>
<div id="yeeyanUI_content">
<h4 id="yeeyanUI_summary" class="yeeyanUI_title"></h4>
<table width="90%" cellpadding=1 cellspacing=0>
<tbody id="yeeyanUI_medals"></tbody>
</table>
<h4 class="yeeyanUI_title">最近翻译：</h4>
<ul id="yeeyanUI_trans_list"></ul>
</div>
</div>
<!-- 动态生成证章的内容 -->
<script type="text/javascript">
var yeeyan_num = 3; // 注意：换为您的用户ID
var head = document.getElementsByTagName("head")[0];
var e = document.createElement("script");
e.src = "http://www.yeeyan.com/json/userinfo?uid="+uid+"&callback=showInfo";
e.src += "&num="+yeeyan_num;
e.type="text/javascript";
head.appendChild(e);
function showInfo(data) {
var mn = {"diamond":"钻石作品","platinum":"白金作品","gold":"金牌作品",
"silver":"银牌作品","bronze":"铜牌作品"};
document.getElementById("yeeyanUI_logo").src=data["iu"];
document.getElementById("yeeyanUI_logo_link").href=data["u"];
document.getElementById("yeeyanUI_name_link").href=data["u"];
document.getElementById("yeeyanUI_username").innerHTML=data["n"];
document.getElementById("yeeyanUI_level").innerHTML=data["l"];
document.getElementById("yeeyanUI_summary").innerHTML=data["tc"]
+" 篇翻译 | "+ data["uc"]+" 位读者";
var ms = document.getElementById("yeeyanUI_medals");
for (var mi in data["m"]) {
if (data["m"][mi]>0) {
var tr = document.createElement("TR");
ms.appendChild(trN);
var td = document.createElement("td");
td.setAttribute("width", "60%");
td.innerHTML="<img src=\"/img/"+mi+".jpg\"/>"+mn[mi];
tr.appendChild(td);
td = document.createElement("td");
td.setAttribute("width", "40%");
td.innerHTML="<b style=\"font-size:16px\">"+data["m"][mi]+"</b>";
tr.appendChild(td);
}
var ul = document.getElementById("yeeyanUI_trans_list");
var ts = data["ts"];
for (var i=0; i<ts.length; i++) {
var t = ts[i];
var li = document.createElement("li");
var a = document.createElement("a");
a.setAttribute("href", t["u"]);
a.appendChild(document.createTextNode(t["t"]));
li.appendChild(a);
ul.appendChild(li);
}
}
</script>
]]>
现在可以开始自由发挥了！首先试试修改代码第一部分中的css style。您可以改变字体大小，背景颜色，边框，等等。另外，我们欢迎您的css成为译言证章的风格选项之一。如果您开发了一个skin，请和我们联系。
第二段的html框架决定了证章的界面结构。修改这段可以改变各部分的位置，甚至增加或删减某一部分。建议有较多网页开发经验的朋友试一试。
