Results 1 to 8 of 8
  1. #1
    Join Date
    Nov 2006
    Posts
    1,939
    Tokens
    0

    Latest Awards:

    Default MouseOver HELP!!

    heyy i am wondering how could i make a mouseover link with change font colour but in this font.. font example is on http://www.habbucks.com/ navigator bit.. i actually want it like that! any help?

  2. #2
    Join Date
    Dec 2006
    Posts
    115
    Tokens
    0

    Default

    css is what it is.

    aink {
    color: #333333;
    }
    a:visited {
    color: #6F4E26;
    }
    a:hover {
    color: #CCCCCC;
    background-color: #333333;
    text-decoration: none;
    }
    a:active {
    color: #333333;
    }
    .right {
    font-size : 10px;
    font-family : verdana;
    color: #cb7723;
    }
    put that in your .css file
    Last edited by alarmclock; 24-12-2006 at 05:14 PM.

  3. #3
    Join Date
    Nov 2006
    Posts
    1,939
    Tokens
    0

    Latest Awards:

    Default

    is that the full code =S

  4. #4
    Join Date
    Dec 2006
    Posts
    115
    Tokens
    0

    Default

    basically yes.

    if you put that in your .css file then all that tells it to do is that when you hover over a link it turns the background of the link to that grey, and the text to white.

    simple really.

  5. #5
    Join Date
    Nov 2006
    Posts
    1,939
    Tokens
    0

    Latest Awards:

    Default

    could i use this code?
    <a href="?" onmouseover="';"
    onmouseout="';">
    <img name="" src="" border=0></a>

  6. #6
    Join Date
    Dec 2006
    Posts
    115
    Tokens
    0

    Default

    no, that'd just be for images i think.

    just put that code between your head tags and there you go.

    one min, i'll give you code.

  7. #7
    Join Date
    Dec 2006
    Posts
    115
    Tokens
    0

    Default

    Code:
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    <style type="text/css">
    a:link {
    color: #333333;
    }
    a:visited {
    color: #6F4E26;
    }
    a:hover {
    color: #CCCCCC;
    background-color: #333333;
    text-decoration: none;
    }
    a:active {
    color: #333333;
    }
    </style>
    </head>
    There you go

    Oops, sorry - I was adding more information :s
    Last edited by alarmclock; 24-12-2006 at 05:54 PM.

  8. #8
    Join Date
    Nov 2006
    Posts
    1,939
    Tokens
    0

    Latest Awards:

    Default

    thanksss =)..

Posting Permissions

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