CSS button rollovers

tqualizerman · #1 02-19-2010, 06:52 AM

Has anyone got a working example they can show which does a css background button rollover but also includes left.gif and right.gif button sides as part of the rollover?

ARW VISIONS · #2 02-19-2010, 07:59 AM

I don't even this that is possible with just CSS.

gizmo · #3 02-19-2010, 08:23 AM

Yep, I made a reply on another post:
Yes of cause it's possible, I use span class to achieve this and 2 images, left and right, and change most of the css for example speed bar.

EXAMPLE 1

http://forum.x-cart.com/attachment.php?attachmentid=1866&stc=1&d=126659987 7

IMAGE USED SPLIT INTO 2:

http://forum.x-cart.com/attachment.php?attachmentid=1867&stc=1&d=126659992 7

ANOTHER EXAMPLE:

http://forum.x-cart.com/attachment.php?attachmentid=1868&stc=1&d=126659996 9

I cannot give you a live demo as it's on my home local host server at home, all development designs. I also have custom proper designs for the cart input buttons various designs.

All designs etc done with Adobe Photoshop, with all my own work and hard graft... LOL..

Hopefully I can release some packages shortly specifically so called "Graphics Packs" for x-cart to replace the dull looking stuff x-cart offers.

Alan

ARW VISIONS · #4 02-19-2010, 08:28 AM

different version, hes talking about 4.10 where it's using a table, and 3 images.

gizmo · #5 02-19-2010, 08:38 AM

Quote:

Originally Posted by Ashley

different version, hes talking about 4.10 where it's using a table, and 3 images.

Yep I realise what version (My example was just latest) to show how things can look with some modification...

Well as far as I can see it can still be done. By changing css elements and recoding, why wouldn't it work?

Are you assuming it can't be done just because of a table and 3 images?
I will have to download this version and have a look, gives me a challenge..

ARW VISIONS · #6 02-19-2010, 08:41 AM

How would you get all 3 elements to change?

ARW VISIONS · #7 02-19-2010, 08:43 AM

Im not even sure how you changed the 2 above.

could you post code?

gizmo · #8 02-19-2010, 08:57 AM

Before saying it's not possible, I am saying change code and css,also using span class, not forgetting to rule out the 3 images
scenario

What I am saying is that it's not impossible by completely changing html and
completely modifying it, or some parts of it.

If it can't be done then "I'll eat my Hat" all I am saying is that I need to look at what's happening.

Have you actually tried to modify? as you say you don't think it's possible, hey we all code in different ways.

I couldn't rule this out completely, as I have not looked into it. I think debating how it's done is best left to how the individualchooses to do this in there own way.

Let's see if any other user has done this as this is what the poster wanted to know.

BTW
I am sure that a Good, Top Level well trained css, html coder can make this work. (I am not)... I am just up for a challenge to make things work

gizmo · #9 02-19-2010, 09:01 AM

Quote:

Originally Posted by Ashley

Im not even sure how you changed the 2 above.

could you post code?

Nope will not post code, as it's development work for my new project. Basically using an extra span class. (You seem very negative with every post I make Ashley) Not sure why, Or maybe it's me being paranoid)

ARW VISIONS · #10 02-19-2010, 09:06 AM

How do you get 2 images to change with one <a> tag?