Zimbra OSS: Adding a logo

[jooray]

Hello,

I would like to add our company's logo to the Zimbra OSS. I don't want to remove original Zimbra logo (I think when I do this change I have to use powered by Zimbra or Zimbra inside instead). Anyways, when I looked at base.html or html for the theme I would like to change, I see, that the part with logo is injected with some kind of magic. What I would like to do is to add my logo to the right of the Zimbra logo. Any idea on how to do this?

I understand basic HTML, but I feel I have to change some other part, not directly the theme itself.

Juraj.

[jooray]

I found /opt/zimbra/tomcat/webapps/zimbra/js/ZimbraMail_all.js (which seems to be somehow obfuscated and shortened version of javascripts in zimbraMail directory). I found a way to do changes to it. I found this snippet of code and changed it like this:

html[i++]="<table border=0 cellpadding=0 cellspacing=0 style='width:100%;height:100%'>";
html[i++]="<tr><td align='center' valign='middle'>";
html[i++]="<a href='";
html[i++]=_3bdc;
html[i++]="' target='_blank'><div class='";
html[i++]=AjxImg.getClassForImage("AppBanner");
html[i++]="'></div></a></td>";
//html[i++]="<td align='center' valign='middle'><div><a href='http://www.ourcompany.com' target='_blank'><img src='/zimbra/skins/_base/logos/ourcompany/ourcompany.png' border='0'></a></div></td>";
html[i++]="</tr></table>";

Now the search box seams to interlap with my logo. Any idea how DWT
finds out, that it should put "width:178px" to the container? It does not seem to be hardcoded in the javascript, but somehow it still is not working as I expect. Or how do I move search box more to the right? Does DWT guess width of components somehow?

Juraj.

[mmorse]

Ok easiest way-ignoring the url pointing to zimbra.com EDIT: (because it has to stay that way-read the licenses-the 'zimbra inside logo' should actually be zimbra.com/powered if you can)

go to /opt/zimbra/tomcat/webapps/zimbra/skins/_base

by modifying the _base folder you should simplify it to one or two steps so that you don't have to insert into every skin
make new images for the LoginBanner.png & the AppBanner.png that contain your logo & the zimbra powered logo
keep them roughly the same pixel size (login banner's like 150px) transparent etc
see this to understand what I'm talking about: Customizing Themes and Adding Zimbra Powered Logo - Open Source Edition - ZimbraWiki

(the lite client pulls the images from another location-hunt around the tomcat folder for folders named img images logo etc)

[jooray]

yes, but this way they will both link to www.zimbra.com (even when user clicks on "mycompany" part).

I believe changing the link to point somewhere else is violation of license.

[mmorse]

Oh I see what your getting at-while I know your trying to get the links/images separate...keep plugging away

----
Side tangent for a sec:

The same position thing is one of those that people are always wondering about:

must be visible to all users, must appear in each user interface screen, and must be in the same position as and at least as large as the Zimbra logo is within the Original Code.

The exact same/untouched and your's a separate image.
VS
Same area of login screen with yours on the left zimbra's on the right in the same image (of course both will be linked to zimbra.com then).

If anyone ever wants an official ruling for their setup contact jrobb @ zimbra.com (john.robb)
(sry I'm used to the NE-it makes it so much easier to forget all the legal stuff)
Which is a good argument for getting some new directions posted to the wiki for people add their logo-without affecting the zimbra powered logo...