www.webdeveloper.com
Results 1 to 4 of 4

Thread: Could someone help write a code for me?

  1. #1
    Join Date
    Nov 2005
    Posts
    169

    Unhappy Could someone help write a code for me?

    I want to write a link that allows the user to make my site their home page. I know how to do that by itself, but I want to make it so that the link changes colors when you move the mouse over it. Also, I don't want the link to be underlined. To be specific, I want the original link to say Make Ultimate Reviews Your Home Page! and have the link be for the site http://www.freewebs.com/ultimate_reviews/. Finally, I would like the original color to be red (#FF0000) and have it change to coral (#FF7F50). Thanks!

  2. #2
    Join Date
    Sep 2005
    Posts
    128
    are you using css, if your page has css, just add this to yours css and it will change the color of your link to coral, hope this helps

    }
    a:link, a:visited, a:active{
    border: none; color:#FF7F50;
    }

    if not copy and paste this set of codes after the <head> tag

    <style>
    }
    a:link, a:visited, a:active{
    border: none; color:#FF7F50;
    }
    </style>

  3. #3
    Join Date
    Nov 2005
    Posts
    169

    Unhappy Didn't work?

    This is what I typed (I added the suggestion). For some reason, my navigation bar is now coral and the link is still just red (it doesn't even do the color flip!) What am I doing wrong?

    <TITLE>Click!</TITLE>
    <style>
    }
    a:link, a:visited, a:active{
    border: none; color:#FF7F50;
    }
    </style>
    <CENTER><FONT FACE="arial">
    <SPAN STYLE="cursor:hand; color:red; text-decoration:underline"
    onClick="this.style.behavior='url(#default#homepage)';
    this.setHomePage('http://www.freewebs.com/ultimate_reviews');">
    Click Here to Make Ultimate Reviews Your Home Page
    </SPAN> </CENTER> </FONT>

  4. #4
    Join Date
    Jan 2005
    Posts
    3,067
    This should be in your header:
    Code:
    <style type="text/css">
    a.mylinks{
    a:link {text-decoration: none}
    a:visited {text-decoration: none}
    a:active {text-decoration: none}
    a:hover {text-decoration: none;color: red;}
    }
    </style>
    And then just add class="mylinks" to the link that you have.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles