Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Need some help with rollover images


Chris369

Recommended Posts

Not sure whether this is really an osCommerce topic but hopefully i'll get some tips.

 

 

Will be easier if you know what the site looks like so its at www.game-played.co.uk

 

The links under categories use the CSS below using an image called roll.gif

#button {
padding: 0 0 0 0;
font-family: Verdana, Arial, sans-serif;
background-color: #;
font-size: 12px;
font-weight: bold;
color: #286ea0;
}

#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	}

#button li {
	border-bottom: 1px solid #fff;
	margin: 0;
	}

#button li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: #;
	color: #286ea0;
	text-decoration: none;
	width: 100%;
	}

html>body #button li a {
	width: auto;
	}

#button li a:hover {
	border-left: 0px solid #dadada;
	border-right: 0px solid #dadada;
	background-image: url(../roll.gif);
	color: #286ea0;
	}
	#button li.selected  a {
	border-left: 0px solid #dadada;
	border-right: 0px solid #dadada;
	background-image: url(../roll.gif);
	color: #286EA0;
		   }

 

 

 

This is the code i want to use, two simple lines and no image used. The links under Account use this code (class="menu" before the links).

 

.menu{border:1px solid #ffffff; color:#286ea0; display:block; font-size:10pt; font-weight:bold; padding:4px 2px 4px 10px; width:110px;}
.menu:hover{background-color:#f8f8f8; border:1px solid #dadada; color:#286ea0; text-decoration:none;}

 

 

 

But i havent got a clue where to change the code for the category links because its some complicated code that pulls the categories from the osCommerce DB.

 

<?php
/*
 $Id: categories.php,v 1.21 2002/07/03 09:48:06 dgw_ Exp $

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

 Copyright (c) 2002 osCommerce

 Released under the GNU General Public License
*/
/* Modifed to work with alistpart.com css li boxes by Pat Collins */

 function tep_show_category($counter) {
global $foo, $categories_string, $id;
//start div and unorderd list


  if ( ($id) && (in_array($counter, $id)) ) {
  $categories_string .= '<li class="selected">';
} else {
	$categories_string .= "<li>";
}

//	for ($a=0; $a<$foo[$counter]['level']; $a++) {
//	  $categories_string .= "<div> -</div>";
//	}
$categories_string .= '<a href="';

if ($foo[$counter]['parent'] == 0) {
  $cPath_new = 'cPath=' . $counter;
} else {
  $cPath_new = 'cPath=' . $foo[$counter]['path'];
}

$categories_string .= tep_href_link(FILENAME_DEFAULT, $cPath_new);
$categories_string .= '">';

if ( ($id) && (in_array($counter, $id)) ) {
  $categories_string .= '<b>';
}
for ($a=0; $a<$foo[$counter]['level']; $a++) {
  $categories_string .= " ";
}

// display category name
$categories_string .= $foo[$counter]['name'];

if ( ($id) && (in_array($counter, $id)) ) {
  $categories_string .= '</b>';
}

if (tep_has_category_subcategories($counter)) {
  $categories_string .= '';
}

$categories_string .= '</a>';

if (SHOW_COUNTS == 'true') {
  $products_in_category = tep_count_products_in_category($counter);
  if ($products_in_category > 0) {
	$categories_string .= ' (' . $products_in_category . ')';
  }
}

//$categories_string .= '<br>';
$categories_string .= '</li>';

if ($foo[$counter]['next_id']) {
  tep_show_category($foo[$counter]['next_id']);
}
 }
?>
<!-- categories //-->

	  <tr>
		<td>
<?php
 //$info_box_contents = array();
 //$info_box_contents[] = array('align' => 'left',
						   //'text'  => BOX_HEADING_CATEGORIES
						 // );
 //new infoBoxHeading($info_box_contents, false, false);

 $categories_string = '';

 $categories_query = tep_db_query("select c.categories_id, cd.categories_name, c.parent_id from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.parent_id = '0' and c.categories_id = cd.categories_id and cd.language_id='" . $languages_id ."' order by sort_order, cd.categories_name");
 while ($categories = tep_db_fetch_array($categories_query))  {
$foo[$categories['categories_id']] = array(
									'name' => $categories['categories_name'],
									'parent' => $categories['parent_id'],
									'level' => 0,
									'path' => $categories['categories_id'],
									'next_id' => false
								   );

if (isset($prev_id)) {
  $foo[$prev_id]['next_id'] = $categories['categories_id'];
}

$prev_id = $categories['categories_id'];

if (!isset($first_element)) {
  $first_element = $categories['categories_id'];
}
 }

 //------------------------
 if ($cPath) {
$id = split('_', $cPath);
reset($id);
while (list($key, $value) = each($id)) {
  $new_path .= $value;
  unset($prev_id);
  unset($first_id);
  $categories_query = tep_db_query("select c.categories_id, cd.categories_name, c.parent_id from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.parent_id = '" . $value . "' and c.categories_id = cd.categories_id and cd.language_id='" . $languages_id ."' order by sort_order, cd.categories_name");
  $category_check = tep_db_num_rows($categories_query);
  while ($row = tep_db_fetch_array($categories_query)) {
	$foo[$row['categories_id']] = array(
										'name' => $row['categories_name'],
										'parent' => $row['parent_id'],
										'level' => $key+1,
										'path' => $new_path . '_' . $row['categories_id'],
										'next_id' => false
									   );

	if (isset($prev_id)) {
	  $foo[$prev_id]['next_id'] = $row['categories_id'];
	}

	$prev_id = $row['categories_id'];

	if (!isset($first_id)) {
	  $first_id = $row['categories_id'];
	}

	$last_id = $row['categories_id'];
  }
  if ($category_check != 0) {
	$foo[$last_id]['next_id'] = $foo[$value]['next_id'];
	$foo[$value]['next_id'] = $first_id;
  }

  	  $new_path .= '_';
}
 }
 $categories_string .= "<div id=\"button\">\n";
 $categories_string .= "<ul>";

 tep_show_category($first_element); 

 $categories_string .= "</ul>";
 $categories_string .= "</div>";

 $info_box_contents = array();
 $info_box_contents[] = array('align' => 'left',
						   'text'  => $categories_string
						  );
 new infoBox($info_box_contents);
?>
		</td>
	  </tr>
<!-- categories_eof //-->

 

 

So, does anyone know how i can edit the last bit of code so it just used the 2 simple lines to get the hover effect?

 

Thanks for any help! :)

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...