Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 14 of 14

Thread: Glowing links??

  1. #1
    PlatinumProject
    Guest

    Glowing links??

    is there a css that can make a link glow on mouse over like the ones here
    http://srsmith.tripod.com/jscripts/text-glow.htm

    i can do thhis with images but that woulf take to long because of all the links so can some plz help me with my problem?

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Location
    United Kingdom Confused: Often
    Posts
    859
    Thanks
    0
    Thanked 0 Times in 0 Posts
    you could try this...

    <style>
    a:hover {
    filter:glow(color=grey, strength=8);
    }
    </style>
    redhead

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Location
    United Kingdom Confused: Often
    Posts
    859
    Thanks
    0
    Thanked 0 Times in 0 Posts
    umm... for some reason that way doesnt work...

    so you could try this way

    make an image called "glow.jpg" (ideally a glowing effect that will fit universally behind all the link text's)

    then use a code something like this to change the background of the link (ive put them inside <div>'s)...
    Code:
    <style>
    div.on {
    background-image: url('glow.jpg');
    width: WIDTH OF GLOWING IMAGE;
    text-align: center;
    }
    div.off {
    background-image: url('blank.jpg');
    width: WIDTH OF GLOWING IMAGE;
    text-align: center;
    }
    </style>
    <div class="off" onmouseover="className='on';" onmouseout="className='off';">
      Text 1
    </div>
    <div class="off" onmouseover="className='on';" onmouseout="className='off';">
      Text 2
    </div>
    redhead

  • #4
    Senior Coder
    Join Date
    Jul 2002
    Posts
    1,628
    Thanks
    0
    Thanked 0 Times in 0 Posts
    redhead this is why your idea didnt work, if you read the page
    This script requires the use of tables

    <table border=0 style="filter:glow(color=sky-blue,strength=5)">
    <tr><td>Normal Text</td></tr></table>

  • #5
    Regular Coder
    Join Date
    Jun 2002
    Location
    London
    Posts
    220
    Thanks
    0
    Thanked 0 Times in 0 Posts
    "Imagination is more important than knowledge" A. Einstein's 'Twin Paradox'

  • #6
    Senior Coder
    Join Date
    Jul 2002
    Posts
    1,628
    Thanks
    0
    Thanked 0 Times in 0 Posts
    good investigating

  • #7
    Regular Coder
    Join Date
    Jun 2002
    Location
    United Kingdom Confused: Often
    Posts
    859
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ah well. never did like the IE filters anyhows
    redhead

  • #8
    Senior Coder
    Join Date
    Jul 2002
    Posts
    1,628
    Thanks
    0
    Thanked 0 Times in 0 Posts

  • #9
    Senior Coder
    Join Date
    Aug 2002
    Location
    UK
    Posts
    2,789
    Thanks
    2
    Thanked 14 Times in 14 Posts
    Have it flash as well?




    <DIV id=test1 style="FILTER: glow(Color=#FF0000,Strength=2,enabled=0); WIDTH: 50%" onclick=stopFlash(this)>
    <H1><font color=green>This is a test</font></H1></DIV>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function Flashme(obj){
    Timer = setInterval("test1.filters.glow.enabled =!test1.filters.glow.enabled", 1000)
    }

    function stopFlash(obj){
    clearInterval(Timer)
    }

    setTimeout("Flashme(test1)",1000)
    //-->
    </SCRIPT>



  • #10
    PlatinumProject
    Guest
    thnx guys you have helped me alot

  • #11
    New to the CF scene
    Join Date
    Nov 2002
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    murphyz....... whit the link that you posted do you have any idea on how to change the color of the glow properties.... if not thanks for the link it answered a lot of questions for me

  • #12
    New Coder
    Join Date
    Jul 2002
    Posts
    47
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The filters need a layout.......a width or height attribute.

    <style>
    a:hover {
    width:100%;filter:glow(color=red, strength=8);
    }
    </style>

  • #13
    New to the CF scene
    Join Date
    Nov 2002
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    pooh....thanks for the help i have been working on it and have got no where .....

  • #14
    Senior Coder
    Join Date
    Aug 2002
    Location
    UK
    Posts
    2,789
    Thanks
    2
    Thanked 14 Times in 14 Posts
    document.getElementById("id").filters.glow.color="colour"


  •  

    Posting Permissions

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