Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

choppy Header and footer band, (IMAGE)


Alphadan

Recommended Posts

Hi

 

i recentrly tired to mod the aspect of the oscommerce theme 1st i did was to edit the colors and borders on the CSS also had to get rid of the rounded borders they are images so i had to disable em but the band still choppy which looks ugly, i ve tried to solve by myself but cant figure where to fix it.

 

this is the image shoes what i mean

 

fixoscommerce.th.jpg

 

 

Thx in advance!!!.

Link to comment
Share on other sites

Have a look for information here

 

 

Actually it looks like you have borders - not sure

 

If you post your store url you will probably get more accurate answers ;)

My store is currently running Phoenix 1.0.3.0

I'm currently working on 1.0.7.2 and hope to get it live before 1.0.8.0 arrives (maybe 🙄 )

I used to have a list of add-ons here but I've found that with the ones that supporters of Phoenix get any other add-ons are not really neccessary

Link to comment
Share on other sites

<?php
/*
 $Id: header.php,v 1.42 2003/06/10 18:20:38 hpdl Exp $

 osCommerce, Open Source E-Commerce Solutions
 http://www.oscommerce.com

 Copyright (c) 2003 osCommerce

 Released under the GNU General Public License
*/
function flashembed($file, $width, $height) { 
$swfdir = "images";
echo "<center><OBJECT classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\"
codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0\" WIDTH=$width HEIGHT=$height>
<PARAM NAME=movie VALUE=\"$swfdir/$file.swf\">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=menu VALUE=false>
<EMBED src=\"$swfdir/$file.swf\" quality=high WIDTH=$width HEIGHT=$height TYPE=\"application/x-shockwave-flash\" PLUGINSPAGE=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\" menu=\"false\"></EMBED>
</OBJECT><br></center>";
}

// check if the 'install' directory exists, and warn of its existence
 if (WARN_INSTALL_EXISTENCE == 'true') {
   if (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/install')) {
     $messageStack->add('header', WARNING_INSTALL_DIRECTORY_EXISTS, 'warning');
   }
 }

// check if the configure.php file is writeable
 if (WARN_CONFIG_WRITEABLE == 'true') {
   if ( (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) && (is_writeable(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) ) {
     $messageStack->add('header', WARNING_CONFIG_FILE_WRITEABLE, 'warning');
   }
 }

// check if the session folder is writeable
 if (WARN_SESSION_DIRECTORY_NOT_WRITEABLE == 'true') {
   if (STORE_SESSIONS == '') {
     if (!is_dir(tep_session_save_path())) {
       $messageStack->add('header', WARNING_SESSION_DIRECTORY_NON_EXISTENT, 'warning');
     } elseif (!is_writeable(tep_session_save_path())) {
       $messageStack->add('header', WARNING_SESSION_DIRECTORY_NOT_WRITEABLE, 'warning');
     }
   }
 }

// check session.auto_start is disabled
 if ( (function_exists('ini_get')) && (WARN_SESSION_AUTO_START == 'true') ) {
   if (ini_get('session.auto_start') == '1') {
     $messageStack->add('header', WARNING_SESSION_AUTO_START, 'warning');
   }
 }

 if ( (WARN_DOWNLOAD_DIRECTORY_NOT_READABLE == 'true') && (DOWNLOAD_ENABLED == 'true') ) {
   if (!is_dir(DIR_FS_DOWNLOAD)) {
     $messageStack->add('header', WARNING_DOWNLOAD_DIRECTORY_NON_EXISTENT, 'warning');
   }
 }

 if ($messageStack->size('header') > 0) {
   echo $messageStack->output('header');
 }
?>


<?php
// BOF: WebMakers.com Added: Center Shop
// This goes before any other table of the shop
 if ( CENTER_SHOP_ON=='1' ) {
 flashembed("Barra", 780, 255);
// Is a bgroundcolor set for around the shop
   if ( CENTER_SHOP_BACKGROUND_ON=='1' ) {
?>
   <table width="100%" cellpadding="<?php echo CENTER_SHOP_PADDING; ?>" cellspacing="0" border="0" bgcolor="<?php echo CENTER_SHOP_BACKGROUND_COLOR_OUT; ?>">
     <tr><td>
<?php
      }
// Center the shop to what size and what bgcolor
?>
   <table CELLSPACING="4" CELLPADDING="6" BORDER="2" style="border-style: solid;" width="<?php echo CENTER_SHOP_WIDTH; ?>" align="center" BGCOLOR="<?php echo CENTER_SHOP_BACKGROUND_COLOR; ?>">
     <tr><td BGColor="FFFFFF">
<?php
  }
// The rest of the <td> at the end of the footer
// EOF: WebMakers.com Added: Center Shop
?>


<table border="0" width="100%" cellspacing="0" cellpadding="0">

<?php
// Defined image and link from center_shop.php
?>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
 <tr class="header">

   <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) . '</a>  <a href="' . tep_href_link(FILENAME_SHOPPING_CART) . '">' . tep_image(DIR_WS_IMAGES . 'header_cart.gif', HEADER_TITLE_CART_CONTENTS) . '</a>  <a href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_checkout.gif', HEADER_TITLE_CHECKOUT) . '</a>'; ?>  </td>
 </tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1">
 <tr class="headerNavigation">
   <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>
<?php
 if (isset($HTTP_GET_VARS['error_message']) && tep_not_null($HTTP_GET_VARS['error_message'])) {
?>
<table border="0" width="100%" cellspacing="0" cellpadding="2">
 <tr class="headerError">
   <td class="headerError"><?php echo htmlspecialchars(urldecode($HTTP_GET_VARS['error_message'])); ?></td>
 </tr>
</table>
<?php
 }

 if (isset($HTTP_GET_VARS['info_message']) && tep_not_null($HTTP_GET_VARS['info_message'])) {
?>
<table border="0" width="100%" cellspacing="0" cellpadding="2">
 <tr class="headerInfo">
   <td class="headerInfo"><?php echo htmlspecialchars($HTTP_GET_VARS['info_message']); ?></td>
 </tr>
</table>
<?php
 }
?>

Link to comment
Share on other sites

In the stylesheet:

 

TD.headerNavigation {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #ffffff;
font-weight : bold;
background-color: #093;
border: medium ridge #060;
}

If you REMOVE:

 

	border: medium ridge #060;

Your problem is fixed.

 

If you ADD this:

 

        border-right-style: none;

It's just less noticable.

:)

 

Sometimes after changing the stylesheet in order to see any change you have to hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet.

 

This works with IE and Firefox.

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

THX MAN GONNA TRY THAT!!!!.

Well it fixes the header.

 

I just noticed you posted about the footer also.

:blush:

 

I'm looking into that.

:thumbsup:

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

To change the footer the CSS code to alter would be here:

 

TD.footer {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #ffffff;
font-weight: bold;
background-color: #093;
border: medium ridge #060;
}

The same changes should apply.

;)

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

Sometimes after changing the stylesheet in order to see any change you have to hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet.

 

This works with IE and Firefox.

 

for this i use private navigation in firefox it just doesnt store any cache so it will load always everything. so when testing stuff works great u might try it. :thumbsup:

 

 

i took both side borders left and right. and is perfect i dont see any the separation.

 

it fixed the problem, but sacrificing both side borders =/, i would just use it like that but is posible to fix it and keep those borders?.

 

 

thx alot.

 

[Edit]

nevermore it looks great like that ill just use it like that.

Link to comment
Share on other sites

You can specify a different border for each side of the bar. Instead of border, use border-top, border-right, border-bottom, and border-left. Use one setting (such as medium ridge #060) for the "outside" borders and either omit any border on the side where it abuts another bar, or use a different setting.

Link to comment
Share on other sites

You can specify a different border for each side of the bar. Instead of border, use border-top, border-right, border-bottom, and border-left. Use one setting (such as medium ridge #060) for the "outside" borders and either omit any border on the side where it abuts another bar, or use a different setting.

 

i think this is the same solution, germ sugested me, already did and worked fine.

 

thx anyways!

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...