December 28, 2000

RisingNet

EPIX Internet Services
MozillaQuest Magazine Front Page button

Internet & Web browsers button

custom Netscape & Mozilla themes & skins button

Digital Photography

Graphics

IRC - Internet Relay Chat - Chat button

Linux button

Mozilla button

Multimedia

Netscape button
network articles

tutorial - help - how to button

Web Page Design

Web Tools

Windows button
.
.
.

Article Index

(click the )

Introduction & Overview

Brief Recap of Part I of MozillaQuest the Series.

Getting the Lizard Ready for Some Skin Surgery

Skinning Tools

Optional Homework

Branding Your Mozilla-Based Browser

To Jar or Not to Jar the Lizard

Changing the Browser Title

Finding the Branding Iron

Branding the Lizard -- Changing Its Name

More Branding -- Changing the Application Logo

Side Effects

Conclusion

Resources & Links





page - 6

Figure 7. Original Mozilla Title onTop and Customized MozillaQuest Title on bottom.

If your customized Mtrunk browser now shows " MozillaQuest Mtrunk Browser " in its Title Bar, congratulations -- you have just made your first, albeit simple, customized Mozilla browser.

If you do not see your title change, you might need to restart Mozilla. Also, you need to bypass the Mozilla JAR files as that MozillaQuest Magic tutorial shows you how to so do. If you did not do that end-run around the JAR files, you need to do that in order to see your branding changes!

More Branding -- Changing the Application Logo

Next, let's change the M logo. It's to the right of the URL or Location window on the navigation bar. Close Mozilla before you change the M Logo.

1). Look in the \Mozilla\bin\chrome\classic\skin\classic\global directory in the folder where you have installed Mozilla.

2). The M logo is the animthrob_single.gif in that chrome\ classic\skin\classic\global directory. Take a look at animthrob_single.gif in your browser. Please notice that it is a 32x32 pixel image.

3). Use your favorite graphics program to make a new 32x32 pixel logo. We used Adobe Photoshop 6. If you like you can use the 32x32 MQ icon we made for this article. To do that just get it from the Resources Section below and save it to your hard drive. We call it MQ-logo-grays-01_32x32.gif in the Resources Section.

4). Next, rename MQ-logo-grays-01_32x32.gif to animthrob_single.gif and copy that newly renamed animthrob_single.gif file to the

\Mozilla\bin\chrome\classic\skin\classic\global directory. You will overwrite the original animthrob_single.gif when you do this.

Figure 8. Original Mozilla Title onTop. Customized MozillaQuest Title and Logo on Bottom.
Now please open your newly customized Mozilla Mtrunk browser program. Compare your customized Mozilla browser to the bottommost screen shot on the right of Figure 6. The logo on the bottommost screen shot now is our black and gray MQ logo. The logo on the uppermost original Mtrunk browser screen shot is the blue M.

If your customized Mozilla browser now shows the gray and black MQ logo, congratulations -- you just have finished making your first, albeit simple, customized Mozilla browser. If it does not, you might have to reboot your computer and then launch your newly branded Mozilla for the change to take effect.

However, if you try to go to a Web site, the MQ logo vanishes. That's because there is a second logo image file, animthrob.gif. That's the name for the animated GIF that replaces the single-frame GIF when the Mozilla browser is downloading and laying out Web pages. You will learn how to make your own animated logo GIF and add it to your customized Mozilla browser in an upcoming edition of the MozillaQuest series.

continue to page7


Recent Articles

Meet Bugzilla -- Mozilla's Secretary of Bug-Busting & Feature Requests Lizard

Mozilla Milestone 0.7 Browser-Suite Released

Computer Connections at Home, Office, & School

Some Basics for Computing & Networking Novices

Mozilla Community Meeting -- January 29, 2001

dual-boot Linux & windows for best of both operating system worlds

New Browser War Heats Up -- But It's Netscape vs. Netscape

MozillaQuest the Series -- Building Your Own Mozilla-Based Web Browser:Branding your Lizard

Sneak Preview of Mozilla Milestone 0.7

Mozilla Organization Revises Development Roadmap and Product Release Schedule

How to Download,, Install, & Configure Netscape 6.0 Safely

MozillaQuest the Series -- Building Your Own Mozilla-Based Web Browser:Skinning the Lizard

MozillaQuest Magic: Enabling Changes Made to Mozilla-Based Browsers & Applications Chrome -- A Tutorial

Mozilla's ChatZilla, The Lizard Speaks:- IRC


Copyright 2000 -- MozillaQuest -- Brodheadsville, Pa..USA -- All Rights Reserved