Results 1 to 6 of 6

Thread: marquee glow effect help

  1. #1
    Join Date
    Oct 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default marquee glow effect help

    Ok it is glowing red instead of the color I want, the color I want it to glow is #A8B3C5 which is a blueish grey color
    Code:
    <marquee style="FILTER: glow(,Strength=6); font-family:comic sans ms; font-size:14pt; text-color: #A8B3C5; "direction="left" behavior="alternate" scrollamount="5" >Hello my names kristy, I was born deaf, so I do not get to enjoy alot of things other people get to enjoy. I like the outdoors, love the rain &amp; even sunshine. I am not sure what else to add but I am sure I will think of something later on.</marquee>

  2. #2
    Join Date
    Mar 2011
    Posts
    2,144
    Thanks
    59
    Thanked 116 Times in 113 Posts
    Blog Entries
    4

    Default

    HTML Code:
    <marquee style="FILTER: glow(color=#A8B3C5,Strength=6); font-family:comic sans ms; font-size:14pt; text-color: #A8B3C5; "direction="left" behavior="alternate" scrollamount="5" >Hello my names kristy, I was born deaf, so I do not get to enjoy alot of things other people get to enjoy. I like the outdoors, love the rain &amp; even sunshine. I am not sure what else to add but I am sure I will think of something later on.</marquee>
    There you go. Just in case you didn't know, marquees are only compatible with some browsers (internet explorer and mabye some other ones) so there can be compatibility issues.

  3. #3
    Join Date
    Oct 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default ty

    ty works perfect is there a way to add same glow effect & color to these?
    Code:
    <style type="text/css">
    <!-- 
    a:link {color:#A8B3C5;text-decoration:none;}
    a:visited {color:#A8B3C5;text-decoration:none;}
    a:hover {color:#FFFFFF;text-decoration:underline;} 
    -->
    </style>

  4. #4
    Join Date
    Mar 2011
    Posts
    2,144
    Thanks
    59
    Thanked 116 Times in 113 Posts
    Blog Entries
    4

    Default

    For some reason it works fine when you do it like this

    HTML Code:
    <a style="filter:Glow(Color=#A8B3C5, Strength=6); width:100%" href="#">This link is glowing using internal style-sheet.</a>
    but not when you try and put it into a style sheet???

    Not sure why???

  5. #5
    Join Date
    Oct 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default well

    Well I need to add a way to make what I posted glowing for this site is picky in how things should be done, links are generated by the site heres my profile
    http://www.darkstarlings.com/kristy

    I tried to add a css file but could not get it to work to add a glow to my text on my profile it has to be simular to this.
    Code:
    <style type="text/css">
    <!-- 
    a:link {color:#A8B3C5;text-decoration:none;}
    a:visited {color:#A8B3C5;text-decoration:none;}
    a:hover {color:#FFFFFF;text-decoration:underline;} 
    -->
    </style>
    or this

    Code:
    A:LINK{ 
      color: #A8B3C5; 
      font: Tahoma;
    text-decoration: none; 
     } 
    A:VISITED{ 
      color: #A8B3C5; 
      font: Tahoma;
      text-decoration: none; 
     } 
    A:HOVER{ 
      color: #FFFFFF; 
      font: Tahoma;
      text-decoration: 2px solid #d12f3c underline;
      cursor: url(http://www.totallyfreecursors.com/download.cfm?id=2875); 
     } 
    </STYLE>

  6. #6
    Join Date
    Mar 2011
    Posts
    2,144
    Thanks
    59
    Thanked 116 Times in 113 Posts
    Blog Entries
    4

    Default It works

    Kept fiddiling with it and it works.

    HTML Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    
    <style type="text/css">
    <!-- 
    a:link {color:#A8B3C5;text-decoration:none;filter:progid:DXImageTransform.Microsoft.Glow(6, color=#A8B3C5, true);width:100%;height:100%; }
    a:visited {color:#A8B3C5;text-decoration:none;filter:progid:DXImageTransform.Microsoft.Glow(6, color=#A8B3C5, true);width:100%;height:100%; }
    a:hover {color:#FFFFFF;text-decoration:underline;filter:progid:DXImageTransform.Microsoft.Glow(6, color=#A8B3C5, true);width:100%;height:100%; } 
    
    -->
    </style>
    </head>
    <body>
    <a href="#">Text</a>
    </body>
    </html>

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
  •