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 04:44 PM.

  2. #2
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,476

    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.

  3. #3
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,886

    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 Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  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
    Barnes, London
    Posts
    944

    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:	61 
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
    41,476

    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.

  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
    17,706

    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 Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  10. #10
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,706

    Info Re: Mouseover Advice needed

    And a simpler and more Xara-aligned version:

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

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

 

 

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
  •