Results 1 to 12 of 12

Thread: Chaning link color on mouse over

  1. #1

    Thread Starter
    Frenzied Member
    Join Date
    Jun 2000
    Location
    East Providence, RI
    Posts
    1,715
    how do I made it so that when someone puts their mouse over one of my links, the link gets BOLD and changes Color, also how do I do that with an image (change image when mouse is over, and change back when mouse is off)
    NXSupport - Your one-stop source for computer help

  2. #2
    Guest
    Try this:

    Code:
    <html><head>
    <style>
    <!--
    A:link{text-decoration: none;color:purple;}
    A:visited{text-decoration: none;color:purple;}
    A:hover {text-decoration: none;font weight: bold;color:blue;}
    A:active{text-decoration: none;color:purple;}
    -->
    </style>
    </head>
    <body>
    <a href="http://www.vb-world.net">Vb-World.Net</a>
    </body></html>

  3. #3

    Thread Starter
    Frenzied Member
    Join Date
    Jun 2000
    Location
    East Providence, RI
    Posts
    1,715
    Originally posted by Matthew Gates
    Try this:

    Code:
    <html><head>
    <style>
    <!--
    A:link{text-decoration: none;color:purple;}
    A:visited{text-decoration: none;color:purple;}
    A:hover {text-decoration: none;font weight: bold;color:blue;}
    A:active{text-decoration: none;color:purple;}
    -->
    </style>
    </head>
    <body>
    <a href="http://www.vb-world.net">Vb-World.Net</a>
    </body></html>
    Thanks matt (I just had to quote that so that the simlies dont come up when I try to copy it)
    NXSupport - Your one-stop source for computer help

  4. #4
    Guest

    :p <-:p <-here -> urple

    This morning I posted something from skool, so I couldn't really look, so I got home, and found out that it didn't do what you wanted, so I posted that one and works fine for me. I edited so that the smilie wouldn't come up.

    = ^ (same as bold words above)

    That's why that smilie showed up.

  5. #5

    Thread Starter
    Frenzied Member
    Join Date
    Jun 2000
    Location
    East Providence, RI
    Posts
    1,715
    yea, when I just got home from school, I saw both of them, then when I posted , there was only 1 there
    NXSupport - Your one-stop source for computer help

  6. #6
    Fanatic Member
    Join Date
    Jun 2000
    Posts
    537
    this is cool but it dosen't seem to work in netscape?
    pnj

  7. #7
    Guest

    Thumbs down

    Originally posted by pnj
    this is cool but it dosen't seem to work in netscape?

    Netscape sucks .
    I have only used Netscape once and that was a long time ago (2 year ago, I think)..like I said, a long time ago .

    The only thing good about Netscape is that it probably doesn't crash as much as IE. But what works in IE, doesn't work in Netscape.

    I don't know what to tell you there. That is the only code I know unless you use alink/link/vlink (<body alink/link/vlink=colors ...>).

  8. #8

    Thread Starter
    Frenzied Member
    Join Date
    Jun 2000
    Location
    East Providence, RI
    Posts
    1,715
    what do you mean by a link and vlink?
    NXSupport - Your one-stop source for computer help

  9. #9
    Guest
    Code:
          <vlink="">  ->  visited link
          <alink="">  ->  active link
          <link="">   ->  regular link  
    
    
    <body bgcolor="black" text="white" link="red" alink="white" vlink="blue">

  10. #10
    Fanatic Member
    Join Date
    Jun 2000
    Posts
    537

    everything sucks

    I don't know who your designing for but if people who are
    looking at your site use netscape, they won't see much.(if
    you design for IE only)
    pnj

  11. #11
    Lively Member
    Join Date
    Aug 2000
    Location
    Trondheim, Norway
    Posts
    65

    Arrow

    Any more examples about this?
    Font type, size, underlined, italic etc...

    Thanks.

  12. #12
    Guest
    It's all there Dragev.

    Just play around with it.

    Code:
    <html><head>
    <style>
    <!--
    A:link{text-decoration: none;color:purple;}
    A:visited{text-decoration: none;color:purple;}
    A:hover {text-decoration: none;font weight: bpld;font size: 20;color:blue;}
    A:active{text-decoration: none;color:purple;}
    -->
    </style>
    </head>
    <body>
    <a href="http://www.vb-world.net">Vb-World.Net</a>
    </body></html>

Posting Permissions

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



Click Here to Expand Forum to Full Width