Full service web hosting, great prices and support. Starts at $1.99/month!
Results 1 to 3 of 3

Thread: Changing Background Color of Header

  1. 07-08-2005, 09:40 AM #1
    knowgangs
    Guest

    Default Changing Background Color of Header

    A newbie question. I'm trying to change the background color of my header only. I've been trying to place the code into the main_page.tpl.php file, but have not been able to locate the right spot to put the code.

    My website is www.knowgangs.com/store

    Any suggestions as to where I put the code?

    Code:
    <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">

<html <?php echo HTML_PARAMS; ?>>
<head><center>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET; ?>">
<?php require(DIR_WS_INCLUDES . 'meta_tags.php'); ?>
<title><?php echo META_TAG_TITLE; ?></title>
<base href="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER : HTTP_SERVER) . DIR_WS_CATALOG; ?>">
<meta name="description" content="<?php echo META_TAG_DESCRIPTION; ?>" />
<meta name="keywords" content="<?php echo META_TAG_KEYWORDS; ?>" />
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<?php if ($javascript) { require(DIR_WS_JAVASCRIPT . $javascript); } ?>
</head>
<body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
<!-- warnings //-->
<?php require(DIR_WS_INCLUDES . 'warnings.php'); ?>
<!-- warning_eof //-->

<!-- header //-->


<table class="maintable" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
   <td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr><BODY BGCOLOR="#663333">
   <td><center><table border="0" cellpadding="0" cellspacing="0" width="750">
	  <tr>
	   <td><center><?php echo tep_image(DIR_WS_IMAGES . 'header_r1_c1.gif', ''); ?></td>
	   <td><?php echo tep_image(DIR_WS_IMAGES . 'header_r1_c2.gif', ''); ?></td>
	   <td><?php echo tep_image(DIR_WS_IMAGES . 'header_r1_c19.gif', ''); ?></td>
	  </tr>
	</table></center></td>
  </tr>
  <tr>
   <td><center><table border="0" cellpadding="0" cellspacing="0" width="750">
	  <tr>
	   <td><?php echo tep_image(DIR_WS_IMAGES . 'header_r2_c1.gif', ''); ?></td>
	   <td><table border="0" cellpadding="0" cellspacing="0" width="400">
		  <tr>
		   <td><?php echo tep_image(DIR_WS_IMAGES . 'header_r2_c4.gif', ''); ?></td>
		  </tr>
		  <tr>
		   <td><?php echo tep_image(DIR_WS_IMAGES . 'header_r3_c4.gif', ''); ?></td>
		  </tr>
		  <tr>
		   <td><?php echo tep_image(DIR_WS_IMAGES . 'header_r4_c4.gif', ''); ?></td>
		  </tr>
		</table></center></td>
	   <td><center><table border="0" cellpadding="0" cellspacing="0" width="333">
		  <tr>
		   <td><?php echo tep_image(DIR_WS_IMAGES . 'header_r2_c12.gif', ''); ?></td>
		  </tr>
<tr><td><center><EMBED SRC="/store/images/knowgangstitle12.swf" TARGET=_self WIDTH=333 HEIGHT=38"></center></embed></tr></td>
		  <tr>
		   <td><?php echo tep_image(DIR_WS_IMAGES . 'header_r4_c12.gif', ''); ?></td>
		  </tr>
		</table></center></td>
	  </tr>
	</table></td>
  </tr>
  <tr>
   <td><center><table border="0" cellpadding="0" cellspacing="0" width="750">
	  <tr>
	   <td><?php echo tep_image(DIR_WS_IMAGES . 'header_r5_c1.gif', ''); ?></td>
	   <td><a href="<?php echo tep_href_link(FILENAME_DEFAULT, '', 'NONSSL'); ?>"><?php echo tep_image(DIR_WS_IMAGES . 'header_r5_c3.gif', ''); ?></a></td>
	   <td><?php echo tep_image(DIR_WS_IMAGES . 'header_r5_c5.gif', ''); ?></td>
	   <td><a href="<?php echo tep_href_link(FILENAME_ADVANCED_SEARCH, '', 'NONSSL'); ?>"><?php echo tep_image(DIR_WS_IMAGES . 'header_r5_c6.gif', ''); ?></a></td>
	   <td><?php echo tep_image(DIR_WS_IMAGES . 'header_r5_c7.gif', ''); ?></td>
	   <td><a href="<?php echo tep_href_link(FILENAME_SPECIALS, '', 'NONSSL'); ?>"><?php echo tep_image(DIR_WS_IMAGES . 'header_r5_c8.gif', ''); ?></a></td>
	   <td><?php echo tep_image(DIR_WS_IMAGES . 'header_r5_c9.gif', ''); ?></td>
	   <td><a href="<?php echo tep_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo tep_image(DIR_WS_IMAGES . 'header_r5_c10.gif', ''); ?></a></td>
	   <td><?php echo tep_image(DIR_WS_IMAGES . 'header_r5_c11.gif', ''); ?></td>
	   <td><a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo tep_image(DIR_WS_IMAGES . 'header_r5_c13.gif', ''); ?></a></td>
	   <td><?php echo tep_image(DIR_WS_IMAGES . 'header_r5_c14.gif', ''); ?></td>
	   <td><a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo tep_image(DIR_WS_IMAGES . 'header_r5_c15.gif', ''); ?></a></td>
	   <td><?php echo tep_image(DIR_WS_IMAGES . 'header_r5_c16.gif', ''); ?></td>
	   <td><a href="<?php echo tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo tep_image(DIR_WS_IMAGES . 'header_r5_c17.gif', ''); ?></a></td>
	   <td><?php echo tep_image(DIR_WS_IMAGES . 'header_r5_c18.gif', ''); ?></td>
	  </tr>
	</table></center></td>
  </tr>
  <tr>
   <td width="100%" height="17" class="headerNavigation">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td class="headerNavigation">   <?php echo $breadcrumb->trail(' » '); ?></td>
    <td align="right" class="headerNavigation"><?php if (tep_session_is_registered('customer_id')) { ?><a href="<?php echo tep_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_LOGOFF; ?></a>  |  <?php } ?><a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a>  |  <a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>  |  <a href="<?php echo tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CHECKOUT; ?></a>   </td>
  </tr>
</table>
   </td>
  </tr>
  <tr>
   <td><center><?php echo tep_image(DIR_WS_IMAGES . 'header_r7_c1.gif', ''); ?></center></td>
  </tr>
</table>

<!-- header_eof //-->

<!-- body //-->
<table border="0" width="100%" cellspacing="3" cellpadding="3">
  <tr>
    <td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">
<!-- left_navigation //-->
<?php require(DIR_WS_INCLUDES . 'column_left.php'); ?>
<!-- left_navigation_eof //-->
    </table></td>
<!-- content //-->
    <td width="100%" valign="top">
<?php
  if (isset($content_template)) {
    require(DIR_WS_CONTENT . $content_template);
  } else {
    require(DIR_WS_CONTENT . $content . '.tpl.php');
  }
?>
    </td>
<!-- content_eof //-->
    <td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">
<!-- right_navigation //-->
<?php require(DIR_WS_INCLUDES . 'column_right.php'); ?>
<!-- right_navigation_eof //-->
    </table></td>
  </tr>
</table>
<!-- body_eof //-->

<!-- footer //-->
<?php require(DIR_WS_INCLUDES . 'counter.php'); ?>
<table border="0" width="100%" cellspacing="0" cellpadding="1">
  <tr class="footer">
    <td class="footer">  <?php echo strftime(DATE_FORMAT_LONG); ?>  </td>
    <td align="right" class="footer">  <?php echo $counter_now . ' ' . FOOTER_TEXT_REQUESTS_SINCE . ' ' . $counter_startdate_formatted; ?>  </td>
  </tr>
</table>
<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center" class="smallText">
<?php
/*
  The following copyright announcement can only be
  appropriately modified or removed if the layout of
  the site theme has been modified to distinguish
  itself from the default osCommerce-copyrighted
  theme.

  For more information please read the following
  Frequently Asked Questions entry on the osCommerce
  support site:

  http://www.oscommerce.com/community.php/faq,26/q,50

  Please leave this comment intact together with the
  following copyright announcement.
*/

  echo FOOTER_TEXT_BODY
?>
    </td>
  </tr>
</table>
<?php
  if ($banner = tep_banner_exists('dynamic', '468x50')) {
?>
<br>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><?php echo tep_display_banner('static', $banner); ?></td>
  </tr>
</table>
<?php
  }
?>
<!-- footer_eof //-->
<br>
</body>
</html>
  2. 07-09-2005, 07:08 AM #2
    battleaxe
    Guest

    Default RE: Changing Background Color of Header

    Hi

    You need to change the stylesheet code (style.css). If you look in the guide, you will find all the common stlesheet code that people need to change in order to personalise their store. It is here... http://oscdox.com/phpWiki.html
  3. 07-12-2005, 11:32 AM #3
    knowgangs
    Guest

    Default RE: Changing Background Color of Header

    Thanks so much for replying. I searched through the stylesheet code and found how to modify many areas of the frontpage. I also read the info in the link you provided, but I am still having trouble finding where in the .ccs file to change the background color of the header only. I Learned how to change everything else, but can't find how to change the main header background color only.

    Any ideas?
« Previous Thread | Next Thread »

Similar Threads

  1. Changing Background color
    By tclhost in forum osCmax v2 Customization/Mods
    Replies: 2
    Last Post: 11-05-2005, 02:00 PM
  2. Subcategory Background Color
    By cathelle in forum osCommerce 2.2 Modification Help
    Replies: 3
    Last Post: 08-03-2005, 08:10 AM
  3. where can I change the background color?
    By chenzhu in forum osCmax v2 Customization/Mods
    Replies: 1
    Last Post: 06-30-2005, 05:08 PM
  4. Different background color for each category??
    By surfer in forum osCmax v1.7 Discussion
    Replies: 1
    Last Post: 12-04-2004, 09:14 PM
  5. Help needed changing link color in info box header
    By 13Moons in forum osCommerce 2.2 Modification Help
    Replies: 1
    Last Post: 03-04-2004, 02:12 AM

Bookmarks

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules