Ambiera ForumDiscussions, Help and Support. |
|
|
|||||
|
hello, i would like to create buttons (jpegs an pngs) with to states : not hover and on hover ... is it possible in websitepainter ? thanks ! |
||||
|
Yes, you can do this using the Shape element. There is a checkbox 'UseHoverStyles'. There you can specify the different colors of the shape when it is hovered. |
||||
|
Tanks niko, i already tried the shape element but i'd like to use 2 images instead of colored shapes ... Any idea ? |
||||
|
Hm, no, there is no built-in method for something like that, but you can do this using the "HTML-Code of this element" feature in websitepainter manually. |
||||
|
Thank you, but can't figure out the html code to insert in "HTML-Code of this element" ... to get a rollover Could you provide a code exemple ? Thanks again ! |
||||
|
To try it out, try this: Click View -> HTML Code of this page, select additional CSS styles. Enter something like this: wsp_8538c1f:hover { background-color: ff0000 !important; }But instead of the wsp_8538c1f part, use an ID of an element in your page, for example a text element. You can see its HTML id when you right-click on it, in the html code. If you preview the page then, the background-color of your element should change once you hover. You can then replace backround-color with something like an image: background-image: url(http://www.example.com/someimage.jpg); |
||||
|
manually editing is not so handy as i need 20 rollovers per page ... hope builtin rollover function will be part of next release, it should be a must ! Thanks anyway niko for you help and time |
||||
|
Hello, I know this discussion is very old but I just found out that to change the background color the code is: wsp_798910f0:hover { background-color: ff0000 !important; } !important; }( with a "number sign" or "hashtag" before the "wsp_" and the "ff0000" ) But I can't find out how to replace the Image by an other one I tried all the different possibilities. Could someone help me 
|
||||
|
Yes, the image is generated on the fly and usually not replaceable. You could try it with a new CSS rule looking something like that: background-image:url(http://www.url.to.your.image/image.jpg); But I don't guarantee that it will work. |
||||
|
|
){kind=link}