X-Cart forums - How to give border & mouse over effect to feature produc

Page 2 of 5

Last »

Show 40 posts from this thread on one page

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - How to give border & mouse over effect to feature produc (https://forum.x-cart.com/showthread.php?t=11937)

Jerrad

03-17-2005 11:48 PM

It works great with IE and Opera, but is it also supposed to work with Firefox?
Or am I doing something wrong? :(

Loony2nz

03-18-2005 10:28 AM

Quote:

Originally Posted by Jerrad

It works great with IE and Opera, but is it also supposed to work with Firefox?
Or am I doing something wrong? :(

I use FF primarily. I ditched IE. Code works well in my FF.

visit my site and see if you get the rollovers on the featured products on the homepage.

URL in my sig.

--Loony2nz

Jerrad

03-18-2005 12:43 PM

Thanks for your reply Loony2nz.
The rollovers on your site also work well in my Firefox.

I think the problem is something else (no idea what, btw) because I've
copied the rollover code straight into my skin1.css and in the .tpl
where I want it to show up. And besides that, I'm also having numerous
other browser compability problems... :twisted:

What I don't understand is the fact that my rollovers look fine in IE and
Opera but simply won't show up in Firefox. Even class="FeaturedDialogBoxOff"
doesn't work, with the result that my boxes are without borders.

Maybe you got any ideas or suggestions?
I like your site by the way - looks great and clean!

Thanks!

lyncca

05-04-2005 12:36 PM

This worked great on my current client site, thanks!

B00MER

05-05-2005 11:51 AM

Here's an alternate way of achieving the same, may be more FF friendly? :?

Code:

{literal}

<script language="JavaScript"><!--

function classChange(element,newclass) {

        element.className = newclass;

}

//-->

</script>

<style type="text/css">

.rowon {

border: 1px black solid;

}

.rowoff {

border: 0px;

}

</style>

And then the TD tag with the onMouse event handlers and function call:

Code:

<td align=center valign=top width="{$width}%" id="row{$products[product].productid}{%product.index%}" class="rowoff" onMouseOver="classChange(row{$products[product].productid}{%product.index%},'rowon')" onMouseOut="classChange(row{$products[product].productid}{%product.index%},'rowoff')">

halestorm

05-24-2005 03:02 PM

Ok quick question. 2 Actually..

On the 7dana site (http://www.7dana.com/xcart/home.php) the boxes there are long and rectangular and spaced out more.

On mine (www.thegamegeek.net/home.php) the boxes are square and closer together. I want to set it more like what they did.

How can I change that?

Second question. Now that I have these boxes, I want to remove the border lines of the "Featured products" Right now it's these boxes in a box. How can I do that? Homepage only..

Thanks!

Daniel

taltos1

05-28-2005 11:06 AM

This is awesome, I was able to get it to work on the "featured Products" area, but I am not sure how to get it to work on the catetory listings? Like on the site, I would like to do this on the category block, with my category links? Can anyone help me?

Thanks

taltos1

05-30-2005 07:13 AM

Anyone, I played with this all weekend but my CSS skills are not stellar. I am still not sure how to add the color switch over the category links. Please...

pctechtoys

06-02-2005 11:45 PM

This is SWEEEEEEEEEET. Thank you so much for this. I have absolutely no editing skills what so ever and I had no problems getting this to work.

I have one question though.

If i wanted Rounded edges how would I do that?

gregl

04-04-2007 12:20 AM

Re: How to give border & mouse over effect to feature produc

I know this is an old thread, but has anyone tried this on 4.1 series. I'm experimenting and can't get it to work at all.

Greg

All times are GMT -8. The time now is 04:22 PM.

Page 2 of 5

Last »

Show 40 posts from this thread on one page