注释：本文的修改所基于的系统为EMOS1.5，后续安装的EXTMAIL可以根据自己安装的路径进行修改。

原文：http://www.extmail.org/docs/Extmail_Template_Intro/

 

  •  

    项目首页：http://www.extmail.org

     

  •  

    如果因此而给您带来麻烦，请您原谅，谢谢合作。

     

     

    变更说明

    •  

      1.01 2009-11-25 基于ExtMail-1.10 更正IP security修改文件，更新天气预报代码，更新文中部分图片。作者：jgh2008

       

     

    http://www.extmail.org

     

  •  

    最后更新：2009-11-25

     

     

    本文档主要讲述Extmail的模板原理和Extmail模板的修改方法、语言包对应关系等，最后给出修改实例。编写本文的初衷，是给希望修改Extmail界面元素或编写新的Extmail模板的网管/用户参考，本文采用了部分王鹏辉2007-06-17讲座资料。

    本文档假设读者安装EMOS1.3/1.4（即Extmail安装目录为：/var/www/extsuite/extmail），并具有一定的Unix平台 / Linux平台系统经验，懂得常规的系统操作，如文件的删除、目录创建、改名和vi编辑器的基本使用以及具有HTML基础知识。

    本文档所有内容均在EMOS1.3/1.4系统安装、测试通过，其它系统酌情修改对应文件的路径。

    本文档由Extmail项目组负责解释，并根据Extmail项目的建设和发展，适时予以更新。如手册与实际项目情况有冲突，以文档服从实际为原则。

    ExtMail模板系统是以Perl的HTML::KTemplate模块为核心（HTML::KTemplate是由Kasper Dziurdz先生开发的一款功能强大的HTML代码解析模块，详细信介绍参见http://search.cpan.org/~kasper/HTML-KTemplate-1.33/KTemplate.pm），加上与之配合的多语言系统与模板文件，构成了完整的ExtMail模板系统。

    此结构设计大大简化了模板开发的难度和压力，您无需掌握Perl、无需拥有太多的编程经验，只需依照现有的编码规则编制模板文件，就可以做出自己的个性化界面。

    extmail界面修改_职场

    ExtMail模板在技术上是一体的，但是如果不会修改模板，创建就无从谈起。下面我们通过修改ExtMail的登陆页和首页来说明如何修改。 注： ? 本例中以修改简体中文语言为主，如果您使用的是改其他语言，请修改相应文件； ? 本例均以ExtMail为说明，ExtMan的结构和修改大同小异，请自行对照修改；

    1. 页面Title

    extmail界面修改_休闲_02

    修改文件：/var/www/extsuite/extmail/lang/zh_CN 修改位置： %lang_login = ( meta_title => '欢迎使用ExtMail',

    2. Logo

    extmail界面修改_休闲_03

    修改文件：/var/www/extsuite/extmail/html/default/p_w_picpaths/logo.gif 修改内容：替换成需要的Logo图片文件

    3. 鼠标指向Logo的显示

    extmail界面修改_extmail_04

    修改文件：/var/www/extsuite/extmail/html/default/index.html 修改位置：<DIV class=lg><A href="http://www.extmail.org/" target=_blank><IMG alt=ExtMail>

    4. 技术支持和自愿捐助连接

    extmail界面修改_extmail_05

    修改文件：/var/www/extsuite/extmail/html/default/index.html 修改位置： <div class=donate> <a href="http://www.extmail.org/support/<%LANG%>/index.html" target="_blank"> <b><%support_link%></b></a> | <img style="vertical-align: middle" src="/extmail/p_w_picpaths/donate.png"> <a href="http://www.extmail.org/donate/" target="_blank"><b style="color: #5678A6"><%donate%></b></a> </div>

    5. 欢迎词

    extmail界面修改_extmail_06

    修改文件：/var/www/extsuite/extmail/lang/zh_CN 修改位置： %lang_login = ( wsplash => '快速可靠, 高性能I/O 开源MAIL开足马力迈进中...',

    6. 页面底部信息

    extmail界面修改_extmail_07

    修改文件：/var/www/extsuite/extmail/html/default/index.html修改位置：<div class=pb>Powered by <font style="font-weight: bold; color: #000"><%VERSION%></font> © 2004-2006 ExtMail.Org Runtime: <%TIME%></div>

    7. 设定默认域名

    extmail界面修改_休闲_08

    修改文件：/var/www/extsuite/extmail/html/default/index.html 修改位置：<TD><INPUT TYPE="text" class="input_n" NAME="domain"></TD> 修改结果：<TD><INPUT TYPE="text" class="input_n" NAME="domain" value="example.com"></TD>

    8. 修改IP security为默认不选择

    extmail界面修改_职场_09

    修改文件：/var/www/extsuite/extmail/html/default/index.html 修改位置：<td><input type=checkbox checked name=nosameip><%ip_security%> 修改结果：<td><input type=checkbox name=nosameip><%ip_security%>

    9. 欢迎使用

    extmail界面修改_职场_10

    修改文件：/var/www/extsuite/extmail/lang/zh_CN 修改位置： %lang_login = ( welcome_index => '欢迎使用ExtMail!',

    10. POP3和SMTP设置信息提示

    extmail界面修改_extmail_11

    修改文件：/var/www/extsuite/extmail/html/default/index.html 修改位置： POP3 <b>:</b>& nbsp;& nbsp;pop3.yourdomain.com<br /> SMTP <b>:</b>& nbsp;& nbsp;smtp.yourdomain.com<br />

    11. 特点介绍

    extmail界面修改_职场_12

    修改文件：/var/www/extsuite/extmail/lang/zh_CN 修改位置： %lang_login = ( intro2 => '<b>快速而可靠</b><br />引入索引缓存(Cache)技术和高效核心，WebMail操作疾步如飞', intro3 => '<b>多语言同屏读写</b><br />全面支持UTF8，实现同屏读写多国语言，真正做到国际邮、无乱码', intro4 => '<b>真正模板化设计</b><br />MVC设计+高速模板引擎，实现了内容数据完全分离，轻松修改模板', intro5 => '<b>高性能I/O</b><br />;轻松应付>1GB邮箱/200M附件，远强于流行的各式php webmail',

    12. 去除免费注册按钮

    extmail界面修改_extmail_13

    修改文件：/var/www/extsuite/extmail/webmail.cf 修改位置：SYS_SHOW_SIGNUP = 1 修改结果：SYS_SHOW_SIGNUP = 0

    extmail界面修改_职场_14

    修改文件：/var/www/extsuite/extmail/html/default/TOP_BAN.html 修改位置： <a href="index.cgi?__mode=logout&sid=<%SID%>"><%logout%></a> | <a target=_blank href="http://www.extmail.org/support/<%LANG%>/about.html"><%about%></a> | <a target=_blank href="http://www.extmail.org/support/<%LANG%>/help.html"><%help%></a>

    2. 页底部信息

    extmail界面修改_职场_15

    修改文件：/var/www/extsuite/extmail/html/default/BOTTOM.html 修改位置： <div id="Bcr">Powered by <%VERSION%> © 2006 ExtMail.Org Runtime: <%TIME%><br> <%extmail_whatis%></div>

    3. 项目新闻

    extmail界面修改_extmail_16

    修改文件：/var/www/extsuite/extmail/html/default/welcome.html 修改位置： </div> <div style="padding-left: 5px;padding-right:5px"> <div class="panelout" id="etnews_div"> <div class="paneltit">&nbsp;ExtMail Project News</div> <div class="panelin" id="etnews_container"> </div>

    4. 天气预报

    extmail界面修改_休闲_17

    修改文件：/var/www/extsuite/extmail/html/default/welcome.html 修改位置： <TD width=230px valign=top style=""> <div class="panelout" id="coolweather_div"> <div class="paneltit">&nbsp;<%weatherinfo%></div> <div class="panelin" id="coolweather_container"> </div> <script type="text/javascript"> coolweather_iconspath = '/extmail/plugins/coolweather/icons/'; coolweather_init(); </script> </div> </TD>