SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Zealot
    Join Date
    Apr 2001
    Posts
    124
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Wicked Link Effects!

    Does anyone know how to do wicked

    link effects? To make them fade, glow, etc, etc..

    Whether it's Java, DHTML, regular HTML, whatever.. let's see them.

    I found this one that does nice fading effect..
    http://anarchos.xs.mw/fade.phtml

    But I can't figure this one out, does it use onmouseover's with images?
    http://www.influenced.net/

    Thanks!

  2. #2
    What? Maelstrom's Avatar
    Join Date
    Oct 2001
    Location
    Whistler BC originally from Guelph Ontario
    Posts
    2,175
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Besides giving me a headache. That was done with graphics. And DHTML. Or at least it can be. wow. My eyes
    Maelstrom Personal - Apparition Visions
    Development - PhP || Mysql || Zend || Devshed
    Unix - FreeBSD || FreeBsdForums || Man Pages
    They made me a sitepoint Mentor - Feel free to PM me or Email me and I will see if I can help.

  3. #3
    SitePoint Enthusiast
    Join Date
    Jan 2002
    Location
    San Diego, Cali
    Posts
    65
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I like this one, it's different:

    <style type="text/css">
    <!--
    a { text-decoration: overline; color: #0080FF }
    a:hover { text-decoration: underline; color: #409FFF; font-weight: light }
    a:visited { color: #0059B3 }
    a:active { color: ##FF8000 }
    -->
    </style>
    <a href="whatever.html">WhateverLink</a>

    Try it out. You can switch the "overline" and "underline" depending on which order you want them to mouseover.

    --Jim---
    Catch me if you can.

  4. #4
    Typo Negative brokenvoice's Avatar
    Join Date
    Dec 2001
    Location
    Scotland
    Posts
    227
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here's my favourite - different colour underlines.
    Code:
    a:link  (.../visited/active/hover etc.)
    {
        color : #ccc;
        border-bottom : 1px solid #f60;
        text-decoration : none
    }

  5. #5
    Non-Member mmi's Avatar
    Join Date
    Jun 2001
    Location
    Rhode Island
    Posts
    587
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Cool Roy fades back... looks deep...

    hey -check out this page - x-browser

  6. #6
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Now I have to say, that's nice!

    Most CSS tricks are silly looking, that ones pretty tasty.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  7. #7
    SitePoint Guru siphilp's Avatar
    Join Date
    Nov 2001
    Location
    Fife, Scotland
    Posts
    663
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you look closely it is done by javascript and CSS styles in combination. Mentioning this so your not confused CSS is limited.


    Si


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
  •