用户登录NetScaler个性化界面设计
本帖最后由 xiaoyu 于 2015-3-4 11:02 编辑一、需要修改的内容 改密码显示编辑/netscaler/ns_gui/vpn/login.jsfunction 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'); } //禁掉，或去掉1document.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); //addwidth: 403px;height: 50px; //改大些，可以让Logon框下移，如150 background-image: url(/vpn/images/xxxx_Logo.jpg); background-repeat: no-repeat; } 改底色为白色，为了和徽标底色（如白色）一致 /netscaler/ns_gui/vpn/images/caxtonstyle.cssBody { 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.htmlCreateMainTable();//禁掉中部 改底色为徽标底色（如白色） 编辑/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离上偏左的间距问题
感谢版主分享，正是需要的好资料！
页:
[1]