Welcome to TalkGraphics.com
Results 1 to 4 of 4

Hybrid View

  1. #1
    Join Date
    Apr 2010
    Posts
    21

    Default Different styles for different links

    Hi!
    Is there any way to make several styles for links?
    I mean mouse off and mouse over effects.
    Thanx!

  2. #2
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,746

    Info Re: Different styles for different links

    Quote Originally Posted by ntrox View Post
    Hi!
    Is there any way to make several styles for links?
    I mean mouse off and mouse over effects.
    Thanx!
    Simplest:
    In Web Properties > Website > Website link properties, you would untick Underline text links and set all link colours to None.
    You would change the MouseOff link to the style you want for an Unvisited link.
    You would then duplicate the link text onto the MouseOver layer and change it to display for a Visited link and soft-group and add the link.
    --- tedious and hard to isolate just the link for a line of text.

    Web Animation:
    As above but you could include a CSS transition, Web Animation > Mouse-over: Mouse-over effect.
    --- I normally combine everything and more into CSS3 styling.

    CSS:
    You would apply a Name for each link type of style htmlclass="linkTypeA".

    In Web Properties > Website > Website link properties, you would untick Underline text links and set all link colours to None.
    In Web Properties > Website > HTML Code (head), you would add:

    Code:
    <style>
    /* unvisited link */
    .linkTypeA:link {
        color: red;
    }
    /* visited link */
    .linkTypeA:visited {
        color: green;
    }
    /* mouse over link */
    .linkTypeA:hover {
        color: hotpink;
    }
    /* selected link */
    .linkTypeA:active {
        color: blue;
    }
    </style>
    . adding more CSS styling for linkTypeB, etc.

    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

  3. #3
    Join Date
    Apr 2010
    Posts
    21

    Default Re: Different styles for different links

    Thank you for complete answer!

  4. #4
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,746

    Default Re: Different styles for different links

    Quote Originally Posted by ntrox View Post
    Thank you for complete answer!
    ntrox, glad you found it helpful.

    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
  •