Welcome to TalkGraphics.com
Page 1 of 2 12 LastLast
Results 1 to 10 of 13
  1. #1
    Join Date
    Jul 2020
    Location
    West Canada
    Posts
    5

    Default Mouseover Advice needed

    Hello,

    I am a very new user (five days!) and am working on one of my websites.

    The Home page is here: www.quadwranglemusic.com

    After a few seconds I have used "web animation" so that the menu on the left pops into place.

    How do I get it to pop back (disappear) when the cursor is over a certain area of the page? I have read the "mouseover" Help, but cannot seem to work through this one.

    Any help would be much appreciated.

    All the best - lporretta
    Last edited by Barbara B; 26 July 2020 at 03:44 PM.

  2. #2
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    38,229

    Default Re: Mouseover Advice needed

    Unfortunately there is no reverse effect for MouseOver Web/Anim effects. We have asked for this, but so far nothing has happened.

    There are ways to work around this depending on the effect you have chosen. For example if your background is white and you want an object to disappear, you can place a white rectangle over the object and have it fade in, which will appear that the object below the white rectangle is fading to white.

    I wish I could tell you that his will be changed, but I don't think it will.
    Gary W. Priester
    Mr. Moderator Emeritus Dude
    , Sir

    gwpriester.com | Custom-Stereograms.com | eyeTricks on Facebook






  3. #3
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    19,748

    Default Re: Mouseover Advice needed

    Welcome to TalkGraphics Iporretta.

    Going along similar lines to Gary's answer, look at the attached xar file. Strangely reveal animations aren't suppossed to work on pop-up layers but there's a cheat I'll post in another thread.
    Attached Files Attached Files
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Quadro 2000 Graphics Card + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive
    Xara Designer Pro X 17 + Xara 3D Maker 7

  4. #4
    Join Date
    Jul 2020
    Location
    West Canada
    Posts
    5

    Default Re: Mouseover Advice needed

    Thank's for your help Egg!

  5. #5
    Join Date
    Jul 2020
    Location
    West Canada
    Posts
    5

    Default Re: Mouseover Advice needed

    Okay, so failing an "in and out" action for my side banner, is it possible to bring the sidebar back and gone with a menu click where the "X" is shows on this page? http://quadwranglemusic.com How would I do this? Many thanks in advance - Luis

  6. #6
    Join Date
    Apr 2018
    Location
    London
    Posts
    309

    Default Re: Mouseover Advice needed

    Quote Originally Posted by lporretta View Post
    Okay, so failing an "in and out" action for my side banner, is it possible to bring the sidebar back and gone with a menu click where the "X" is shows on this page? http://quadwranglemusic.com How would I do this? Many thanks in advance - Luis
    As Acorn and Egg have highlighted you may need some workarounds to achieve your design.

    You are welcome to take a look at this idea:

    1. Place a sidebar link on your Home page (I have used a conventional mobile menu symbol).

    2. Place your "X" on the sidebar layer (popup).

    Click image for larger version. 

Name:	Sidebar Animation.jpg 
Views:	6 
Size:	68.3 KB 
ID:	127403

    You can toggle between the two links to open and close the sidebar layer /popup.

    3. Should you wish to have the sidebar autoload on the Home page, you need a few lines of code placed in the Page HTML head (there is likely other ways to do this also).

    Any animation you want on the popup layer can be achieved BEFORE you place a link to it, or if you have created a link already, create your content and animations on the MouseOff layer (or any layer that does not have link), then copy and paste to the sidebar popup.

    Gary
    Attached Files Attached Files

  7. #7
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    38,229

    Default Re: Mouseover Advice needed

    Or, in Layer Properties > Pop-Up Setting, simply un-check [ ] Close Pop-up Automatically. This is automatically add the X on the top right to close the pop-up layer.
    Gary W. Priester
    Mr. Moderator Emeritus Dude
    , Sir

    gwpriester.com | Custom-Stereograms.com | eyeTricks on Facebook






  8. #8
    Join Date
    Jul 2020
    Location
    West Canada
    Posts
    5

    Default Re: Mouseover Advice needed

    Thank you so much everybody - these ideas have been very useful! - Luis

  9. #9
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    11,766

    Info Re: Mouseover Advice needed

    Luis, I failed to see why you delayed the menu's arrival.

    The following is a mock-up of the CSS functionality you might like to look at:

    CSS - Scared Side Menu Mockup.xar

    I am sure there will be questions but try to understand the basics of:
    • Add the Links.
    • Ensuring the Link settings match the site.

    Acorn
    Acorn - installed and active Xara software: Cloud+/Pro+, XDPX, XWD Premium 15 & 12, XPGD10, X3D7, Xara Xtreme 5, back through time (to CC's Artworks).
    Raise software faults with MagiXara: http://support.magix.net/; if Cloud+/Pro+: https://xara.com/contact-us/

  10. #10
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    11,766

    Info Re: Mouseover Advice needed

    And a simpler and more Xara-aligned version:

    CSS - Scared Side Menu Mockup.xar <<< Updated.

    Acorn
    Acorn - installed and active Xara software: Cloud+/Pro+, XDPX, XWD Premium 15 & 12, XPGD10, X3D7, Xara Xtreme 5, back through time (to CC's Artworks).
    Raise software faults with MagiXara: http://support.magix.net/; if Cloud+/Pro+: https://xara.com/contact-us/

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •