I am facing problems with the customization of Login Screen...

First of all I found in this forums that I have to Edit the ZmLogin.js file to add my Company Logo, Keeping the existing Zimbra Logo.

Now, I am not able to see the changes after adding the code in the ZmLogin.js

I just need to add this image as Header... of size 780X100 pixels.

* Displays the login screen.
ZmLogin.showPanel =
function() {

var html = [];
var idx = 0;

html[idx++] = "<table border=0 cellspacing=0 cellpadding=0 style='width:100%; height:100%'><tr><td>";
html[idx++] = "<table width=450 align=center border=0 cellspacing=0 cellpadding=0 style='border: 2px solid; border-color: #C7C7C7 #3E3E3E #3E3E3E #C7C7C7;'>";

html[idx++] = "<tr><td bgcolor='#FFFFFF'><div class='nazStyle'></div></td></tr>"; I TRIED ADDING THIS CODE
html[idx++] = "<tr><td bgcolor='#FFFFFF'><div class='banner'></div></td></tr>";
html[idx++] = "<tr><td id='loginPanel' class='mainPanel'>";


But its seems not working,.

Later On, I Created a New Image for : LoginBanner.gif Adding my Company Logo to the existing Zimbra Logo... So that I can see both the Logos without violation of Zimbra...


Now the problem is that I am not able to increase the Height of the Viewable image area : LoginBanner.gif , which is set as the Background of the TD HTML Tag....


I dont know why customization of Zimbra is so complicated... I love open source technologies so I am looking forward to add my company Logo Easily in the Zimbra Login Screen...

Even if I can display this image http://mailvizag.com/zimbra/img/hiRes/dwt/Header.jpg on the top of the page, without editing the LoginBanner.gif, I would be happy

Please Help.