CSS button rollovers
 

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?

Re: CSS button rollovers
 

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

Re: CSS button rollovers
 

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

Re: CSS button rollovers
 

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

Re: CSS button rollovers
 

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..

Re: CSS button rollovers
 

How would you get all 3 elements to change?

Re: CSS button rollovers
 

Im not even sure how you changed the 2 above.

could you post code?

Re: CSS button rollovers
 

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

Re: CSS button rollovers
 

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) 8O

Re: CSS button rollovers
 

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

Re: CSS button rollovers
 

And oh yeah, I fought those buttons ins 4.1 forever.

I can't stand x-cart buttons, and if at all possible I simply get rid of them, and make my own :)

Re: CSS button rollovers
 

WHOAAAAA MAN!!! I think you are very good, and very helpful. Sorry if I came off differently.

Re: CSS button rollovers
 

Basically:

{if $speed_bar}
<div id="abeez_tabssandstorm_speedbar"><div class="clearfix"></div><ul>

{foreach from=$speed_bar item=sb name=tabs}
<li {interline name=tabs}><a href="{$sb.link|amp}"><span>{$sb.title}</span></a></li>
{/foreach}

</ul></div>
{/if}


Then custom css :roll:

Re: CSS button rollovers
 

No I apologise, it's just me, my downfall being very sensitive... I guess I just seem to clash with ya, my Fault.

I guess we see things differently. I thrive on challenges, X-cart is certainly that.

It really is quite simple Ash to do what I have achieved. The difficult part is working with adobe Photoshop to create the images, but luckily I am ok with Adobe, mainly by saving lot of my presets and gradient styles. Once you have your adobe psd template for the images, the designs you can use are endless...As long as you get the exact image pixels correct, if you don't the css controlling roll over will screw up..

I Have now installed 4.1.12 On my Localhost, to take a quick look...
All my dev stuff is currently on the latest offerings from x-cart, then I was going to work backwards to older versions after completing my current goals...

Re: CSS button rollovers
 

How do you change 2 iamges by rolling over one portion of the tab?

Im confused :(

Ash

PS photoshop is my bitch!!! been working with it for almost 15 years :)

Re: CSS button rollovers
 

That made me laugh...

Ash Just for you I will pm you the source css.[-X

Re: CSS button rollovers
 

I absolutely hate my buttons in x-cart. I am using 4.1.9 and would happily pay someone to give me a decent looking button solution in my shopping cart:

http://www.dinnerandamurder.com/store/

Re: CSS button rollovers
 

can do, ashley@arwvisions.com

Re: CSS button rollovers
 

In lieu of being able to change three images on hover I'm actually quite satisifed with just being able to change the color of the link text. The problem I'm having with this now is that I can't make a css declaration (.button a:hover) that works because it *seems* that x-cart uses a javascript call rather than an <a href...>

Can anyone lend a hand with achieving this?