How to adjust the height of the header logo and to have a background.

[admin]

How to adjust the height of the header logo and to have a background.



Use at your own risk. Backup file before modifications.



1.In the header.php find:



<tr class="header">

    <td valign="middle"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'micromindcomputers.gif', 'micromindcomputers') . '[/url]'; ?></td>

    <td align="right" valign="bottom"><?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_account.gif', HEADER_TITLE_MY_ACCOUNT) . '[/url]&nbsp;&nbsp;<a href="' . tep_href_link(FILENAME_SHOPPING_CART) . '">' . tep_image(DIR_WS_IMAGES . 'header_cart.gif', HEADER_TITLE_CART_CONTENTS) . '[/url]&nbsp;&nbsp;<a href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_checkout.gif', HEADER_TITLE_CHECKOUT) . '[/url]'; ?>&nbsp;&nbsp;</td>

  </tr>



2. Instead of micromindcomputers.gif, you may place the image-name of your logo and you may substitute the word micromindcomputers with your site name to suit this modifications for your site.



3. Open up Stylesheet.css file.



4. Find TR.header in the script.



5. Just below this line add the following codes: (table background.gif is the background of the header)



background-image: url(images/tableBackground.gif);

   background-attachment: fixed;

   background-repeat: repeat;



6. Then it would look like this:



TR.header {

   background-image: url(images/tableBackground.gif);

   background-attachment: fixed;

   background-repeat: repeat;

}





7. Now, here is a neat simple trick.  To adjust the height of the header, use the background as transparent and adjust the height of the transparent background.