Customizing logos

From Achievo/ATK Wiki

Jump to: navigation, search

ATK Howto: Customizing logos

Complexity: easy
Author: Ivo Jansch <ivo AT egeniq DOT com>

List of other Howto's

By default ATK features the ATK logo on both the login page and in the top left corner of the screen. This howto explains how to customize the logos:

Create logo images

First create a logo for your login page. There are no restrictions to size, but 140 pixels high is a good height for the login page. Note that the logo is rendered directly against the login form, so you may want to include some whitespace within the logo.

For the logo in the top left of the menu, you need a small logo of 103x29 pixels. If you want the logo to appear on the same white square, just pick the default logo (right click -> save as) and modify that with your new logo.

Logo location

Store the logos in modules/yourmodule/images/ and name them for example your_logo.jpg (the big one) and your_logo_menu.jpg (the small one). You can use any module. If you also have a custom theme then it makes sense to add the logos to the module that contains your theme. However, the logos are separate from the theme so that even if you switch themes, you still have your application logos.

Configuration

Next, we need to tell ATK to use your logos instead of the default one. This is fairly easy. Just add the following entries to your config.inc.php file:

  $config_theme_login_logo = 'modules/yourmodule/images/your_logo.jpg';
  $config_theme_logo = 'modules/yourmodule/images/your_logo_menu.jpg';

That's it!

Personal tools
Navigation