新しい電子メール システム (Zimbra) のログイン イメージを用意しました。次に、ファイルの内容を変更しました/opt/zimbra/jetty/webapps/zimbra/skins/_base/base3/skin.properties
...
90 LoginH1 = margin:0 0 30px 30px;
91 LoginAppName = display:none;
92 LoginLabelColor = @TxtC@
93 LoginButton = @ButtonShadowDefault@ border:1px solid @ButtonBorderColor@;
94 LoginBannerImg = @LogoImgDir@/LoginBanner.png?v=@jsVersion@
//95 LoginBanner = @img(, LoginBannerImg, 450px, 36px)@ //old
95 LoginBanner = @img(, LoginBannerImg, 450px, 90px)@ //new
96 LoginFooterColor = color:@darken(AppC,55)@;
97 LoginErrorPanel = background-color:#FF9; padding:5px; @roundCorners(8px)@
...
値36px
を90px
at line95
に変更したにもかかわらず、カスタム ログイン イメージが 36 ピクセルの高さで表示されます。Internet Explorer ではうまく表示されますが、Mozilla Firefox では画像全体が表示されません。
ページが読み込まれた後CSS
、ファイルに次のコードがあります/css/common,login,zhtml,skin.css?skin=serenity&v=131203105340
。
.ImgLoginBanner{
background-repeat:no-repeat;
background-image:url(/skins/_base/logos/LoginBanner_white.png?v=131203105340);
width:450px;
height:36px;
}