用户登录NetScaler个性化界面设计

laoyu

一、需要修改的内容

 改密码显示  

编辑/netscaler/ns_gui/vpn/login.js  

function ns_showpwd() {  

var pwc = ns_getcookie("pwcount");  

document.write('<TR><TD align=right

style="padding-right:10px;white-space:nowrap;"><SPAN

class=CTXMSAM_LogonFont>' + _("Password")); //改为"AD Password:"  if ( pwc == 2 ) { document.write(' 1'); } //禁掉，或去掉1  

document.write(':</SPAN></TD>');

document.write('<TD colspan=2 style="padding-right:8px;"><input

class=CTXMSAM_ContentFont type="Password" title="' + _("Enter password") + '" name="passwd" size="30" maxlength="32" style="width:100%;"></TD></TR>');  if ( pwc == 2 ) {

document.write('<TR><TD align=right

style="padding-right:10px;white-space:nowrap;"><SPAN

class=CTXMSAM_LogonFont>' + _("Password2") + '</SPAN></TD> <TD colspan=2 style="padding-right:8px;"><input class=CTXMSAM_ContentFont type="Password" title="' + _("Enter password") + '" name="passwd1" size="30" maxlength="32" style="width:100%;"></TD></TR>'); //改为"Entrust Password:"  }

UnsetCookie("pwcount");

}

 消除最下的Citrix图标

编辑/netscaler/ns_gui/vpn/nsshare.js function AddFooter() {

            document.writeln('<tr class="full_width_height">');  

document.writeln('<td valign="bottom">');

document.writeln('<table class="full_width" cellspacing="0" cellpadding="0">');

document.writeln('<tr>');

document.writeln('<td class="watermark">'); //禁掉

  document.writeln('</td>');

document.writeln('</tr>');

  document.writeln('</table>');

  document.writeln('</td>');

document.writeln('</tr>');  

}

改左上为 客户徽标 xxxx_LOGO.jpg /netscaler/ns_gui/vpn/images/caxtonstyle.css

找到客户的最新的徽标xxxx_logo.jpg，用PS将像素改所需（建议x50以下）， 拷贝到/netscaler/ns_gui/vpn/images/下，

.header_left {  

width: 265px;  height: 62px;  

background-image: url(/vpn/images/ctxHeader01.gif);

                //add  

width: 403px;  

height: 50px;   //改大些，可以让Logon框下移，如150

background-image: url(/vpn/images/xxxx_Logo.jpg);

        background-repeat: no-repeat;          }   

 改底色为白色，为了和徽标底色（如白色）一致

/netscaler/ns_gui/vpn/images/caxtonstyle.css  

Body

{

    color: white;     /*

            background: black url(/vpn/images/MarginGradient.gif) repeat-x top left;  

*/

background: black repeat-x top left;

//add  

    background: white repeat-x top left;

margin: 0px;

    padding: 0px;

font-family: Segoe UI, Tahoma,Verdana, Helvetica, Arial, sans-serif;

font-size: 70%;

     text-align: center;

    height: 100%;

  }

改底色为徽标底色（如白色）

编辑/netscaler/ns_gui/vpn/index.html  CreateMainTable();  //禁掉中部

 改底色为徽标底色（如白色）

编辑/netscaler/ns_gui/vpn/ nsshare.js   

function CreateBannerII()        //在AddHeaderAndBar()

中

{  document.writeln("<td class=\"header_middle\"> </td>"); //禁掉

document.writeln("</tr>");  document.writeln("<tr>");

document.writeln("<td colspan=2 class=\"navbar\"> </td>"); //禁掉

  document.writeln("</tr>");

document.writeln("</table></td></tr>");

}

二、个性化配置保留方法

 在winSCP下创建 /var/vpn/vpn/images

 将xxxx_Logo.jpg 拷贝到 /var/vpn/vpn/images 下

 将修改后的/netscaler/ns_gui/vpn/images/caxtonstyle.css拷贝到 /var/vpn/vpn/images 下

 将修改后/netscaler/ns_gui/vpn/login.js拷贝到 /var/vpn/vpn/ 下

 将修改后/netscaler/ns_gui/vpn/nsshare.js拷贝到 /var/vpn/vpn/ 下

 将修改后/netscaler/ns_gui/vpn/index.html拷贝到 /var/vpn/vpn/ 下

 这样NetScaler重启后，系统自动将/var/vpn/vpn/*.*拷贝到/netscaler/ns_gui/vpn/下

三、改前改后对比体验

 修改前

四、验证及建议

 上述办法已在NetScaler VPX -9.2-45.7上测试成功，并在iPhone上经过验证  上述办法有些粗糙

 应考虑显示方案，如改底色，如改录入框色彩等  应考虑徽标xxxx_log.jpg离上偏左的间距问题

遇在彩云天

感谢版主分享，正是需要的好资料！