Join the Discussion:

Rollover States

It would be great to have rollover states for shapes and text boxes just like there is for menu buttons.

961 votes
Vote
Sign in
(thinking…)
Password icon
Signed in as (Sign out)
You have left! (?) (thinking…)
Jaiden Leach shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →
Completed  ·  AdminAlana (Head of Support, Webydo) responded  · 

Hi Everyone,

We have some exciting news. New buttons are now available in the Studio with rollover states and multiple animations and transition effects.

Not only do you have dozens of buttons to choose from, you are also able to customize the color, text and effects of the states to fit your design needs.

You can find these buttons in the Elements Panel under the Buttons drop-down and simply drag and drop them onto the canvas.

For more information on the new buttons: http://goo.gl/kE6A4F

Please try them and tell us what you think.

67 comments

Sign in
(thinking…)
Password icon
Signed in as (Sign out)
Submitting...
  • Kevin Wilgenbusch commented  ·   ·  Flag as inappropriate

    It's awesome that you guys added hover effects but you guys did it very poorly... I'm not sure why you did it this way probably for performance reason for the hover effects but you called out all the css for the effects in the header? Not only is that poor for load time and performance of the site but it is always getting called out ever when you're not using the hover effects...

  • AdminAlana (Head of Support, Webydo) commented  ·   ·  Flag as inappropriate

    Hi all, I have some more news:

    We have just released the "Hover Effects" element.

    The Hover Effects element is an image element with multiple hover effects for you to choose from.

    This wide variety of hover effects consists of fine lines, white space and clean typography. Use them to improve styling or to enhance the overall user experience of your site.

    Explore the Effects Here:
    http://knowledgebase.webydo.com/Basic-Elements-/80691636/The-Image-Hover-Effect-Element.htm

    Let me know what you think!

  • AdminAlana (Head of Support, Webydo) commented  ·   ·  Flag as inappropriate

    Regarding the ability to upload images to your buttons, this is planned. Hopefully will be done in a couple of weeks.

    Regarding the ability to change the text color, it is possible. Just change the "Text Style" to a style with a different color (Change the color through the "Paragraph Styles" panel).

    http://knowledgebase.webydo.com/All-Articles-/76263877/How-to-add-a-button.htm

  • Anonymous commented  ·   ·  Flag as inappropriate

    I agree with 'Anonymous commented · January 26, 2016 10:00' I want to add a image to my button so I can have a custom shaped button.

    Also I think one of the roll over effects should be 'underline'.

    I would also like the option to have my text colour as 'none' and then on rollover it changes to a solid colour.

  • Anonymous commented  ·   ·  Flag as inappropriate

    It'll be awesome if you guys could give us the ability to create buttons with images and states or, just with shapes will be be fine

  • AdminSivan (Product Team, Webydo) commented  ·   ·  Flag as inappropriate

    Hi everyone,
    You may be interested to look at the new buttons that are now available in the Studio!
    You have several kinds of buttons. Change the color, text and effects to design it for your needs.
    You can find the them in the Elements Panel under the Buttons dropdown, just drag and drop to the canvas and edit in the Properties Panel.

    Please try them and tell us what you think.

  • Jordan commented  ·   ·  Flag as inappropriate

    Please webydo guys....

    It would be nice when planning the rollover feature, that you can inlcude a thing that makes like a tooltip box that you can place text in or images. (So it isn't a pop up window, but still on the page) and hover effects like WOW.js

    http://www.webdesignerdepot.com/2012/11/how-to-create-a-simple-css3-tooltip/

    demo here:
    http://netdna.webdesignerdepot.com/uploads7/how-to-create-a-simple-css3-tooltip/tooltip_demo.html

  • Anonymous commented  ·   ·  Flag as inappropriate

    Pls, create button with a hover-effects! (no menu) Only add button with url/page! Like in WIX! And Rollover Image Effects

  • Anonymous commented  ·   ·  Flag as inappropriate

    Rollover an image and a text box (with all the usual text box options) appears or expands into the image space. Either up, down, or sideways.

    As can be seen halfway down this page http://lunita.ca

    Rollovers are very much missing in Webydo apparently, and they are extremely useful for the viewers.

  • Peter (Sito Pedro & Prowebsite) commented  ·   ·  Flag as inappropriate

    Sivan?? "Stick with us"??

    Webydo is not perfect. Nothing is.

    But Webydo is still BY FAR the best thing that happened to me, webdesign-wise...
    So no worries: you'll never get rid of me, even if you wanted to... ;-)

  • AdminSivan (Product Team, Webydo) commented  ·   ·  Flag as inappropriate

    We are constantly working to provide the best overall experience to our customers. In the next two weeks we are releasing an extremely advanced new version of Webydo with upgrades across the spectrum - from performance and stability, to user experience. Advances like these take time and are planned years in advance...we hope that you will stick with us as we work on improving our platform.

  • Peter (Sito Pedro & Prowebsite) commented  ·   ·  Flag as inappropriate

    Sivan, please...
    Using a "menu" to get roll-over effect has been explained here over a year ago...
    "We are working on it." has been told us several times too...
    WHEN will Webydo DELIVER??
    Same for automated mobile optimization... Was promised for october 2015...

  • AdminSivan (Product Team, Webydo) commented  ·   ·  Flag as inappropriate

    Hi, that was a very clever tutorial!
    Nice use of the current Webydo Studio tools to create hover, thank you for sharing that.

    We are working to bring you all a rollover feature, stay tuned and we will update you soon.

  • Anonymous commented  ·   ·  Flag as inappropriate

    add javascript events (like : mouse hover , etc) i dont where is it

    i realy want to change my logo color on mouse move

    please fix it soon or if it is already exists then please help me how can i use it

    thank you in advance

  • Cody Hebert commented  ·   ·  Flag as inappropriate

    When should we be expecting to see this feature? Has it really been 2 years since the original comment was posted?

← Previous 1 3 4

Feedback and Knowledge Base