Project / Support Center
Welcome, Guest. Please login or register. July 07, 2022, 09:30: AM
Home Help Search Login Register
D-Web Web Site Creator D - Web Web Site Creator On-line HTML Editor No Programming knowledge required. Web Global Net PayPal-Cart Shopping Cart System PayPal - Kart Shopping Cart System for E-Commerce over the internet, that's easy to use. Web Global Net Newsletter Manager Newsletter Manager On-line Newsletter Creator with Email Subscriber Management.
Ring Central Discount
Web Global Net Web Application & Web Development Project Center  |  Technical Issues  |  Open Source Topics  |  OS Commerce  |  Topic: How to adjust the height of the header logo and to have a background. 0 Members and 1 Guest are viewing this topic. « previous next »
Pages: [1] Go Down Send this topic Print
Author Topic: How to adjust the height of the header logo and to have a background.  (Read 13753 times)
admin
Guest
« on: September 04, 2006, 11:39: AM »

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.

Report to moderator   Logged
Pages: [1] Go Up Send this topic Print 
Web Global Net Web Application & Web Development Project Center  |  Technical Issues  |  Open Source Topics  |  OS Commerce  |  Topic: How to adjust the height of the header logo and to have a background. « previous next »
Jump to:  


Login with username, password and session length
Powered by MySQL Powered by PHP Powered by SMF 1.1.19 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!