Joomla: Change size of Image Headers.

Ja Purity resize header

Jump to: navigation, search

1. open with a text editor the file templates\ja_purity\css\template.css
2. about at line 921 you will find:

/* HEADER

--------------------------------------------------------- */

#ja-headerwrap {


background: #333333;
color: #CCCCCC;

line-height: normal;

height: 80px; <---- EDIT THIS

}



#ja-header {

position: relative;

height: 80px; <---- EDIT THIS

}



.ja-headermask {

width: 602px;

display: block;

background: url(../images/header-mask.png) no-repeat top right;

height: 80px; <---- EDIT THIS

position: absolute;

top: 0;

right: -1px;

}

3. change these values with the desidered height.
4. always in the file templates\ja_purity\css\template.css about at line 957 you will find

h1.logo a {

width: 208px; <---- EDIT THIS (same of your logo)

display: block;

background: url(../images/logo.png) no-repeat;

height: 80px; <---- EDIT THIS (same of your logo)

position: relative;

z-index: 100;

}

5. now using your graphic editor you have to resize the heighy of the following files (same height of your header):
1. templates\ja_purity\images\header-mask.png
2. templates\ja_purity\styles\header\blue\images\header-mask.png
3. templates\ja_purity\styles\header\green\images\header-mask.png
6. If the height of your logo is different of the height of your header you probanly need to look here Change postion of your logo
7. Remember that if you resize your header you will need header images with different height (see also Replace the header pictures)
8. Finished
http://goldfey.free.fr/?p=251


Menus:

Text that appears above the main menu is not controlled by the menu manager but rather by the module manager. The text is the title of the module. So simply change the title of the module to what yo would like displayed above the main menu.

JA_Purity template header graphic:

The JA_Purity template uses the function getRandomImage() in /templates/ja_purity/index.php to display a random image from the folder templates/ja_purity/images/header. The function getRandmoImage() is defined in /templates/ja_purity/ja_templatetools.php. It looks for images of type .gif, .jpg or .png in templates/ja_purity/images/header/. Any other files in that directory are ignored. The mask, templates/ja_purity/images/header-mask.png, and the CSS code need all the images in the templates/ja_purity/images/header to be 600x80 pixels.

There is a "PHP Cross Reference of Joomla 1.5.6 Documentation" at apostilas.fok.com.br/docs/joomla-1.5. This is vary handy.
http://cliffcrabtree.com/index.php?option=com_content&view=article&id=3&Itemid=3
http://docs.joomla.org/Replace_the_header_pictures_in_JA_Purity