How Do I Make Hovered Links Change Font Face and Font Size? |
How Do I Make Hovered Links Change Font Face and Font Size? |
Sep 9 2006, 07:10 PM
Post
#1
|
|
![]() Senior Member ![]() ![]() ![]() Group: Member Posts: 81 Joined: Aug 2006 Member No: 457,109 |
How do I make my links so when I hover it, the font is bold, the font changes to times new roman, and the font size enlarges?
This is what I have now when I changed it: CODE a:link{color:midnightblue;} a:hover{color:dimgray; font size:15; font face:times new roman} a:active {color:midnightblue;} a:visited {color:midnightblue;} But, how do I make it bold? AND when I did the font face, it didn't change the font face. Something wrong? |
|
|
|
![]() |
| *This Confession* |
Sep 9 2006, 07:20 PM
Post
#2
|
|
Guest |
theres this:
CODE {This is how all anchor points will be displayed; anchor points appear before all links.} a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} {”View all friends” and “invite more” link style} a.redlink{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } a.redlink:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} {2 links in very top on the left, and the 13 links above your picture with make the navigation bar} a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} {Default Links} a:link, a.man{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;} a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} and this: CODE a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:small fonts; font-size: 7px; color: ffffff; font-weight: normal; text-decoration: underline; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 11px; background-color: transparent; border: 0px solid 000000;}
a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:small fonts; font-size: 7px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 11px; background-color: transparent;} |
|
|
|
MAGANDAxPiNAY309 How Do I Make Hovered Links Change Font Face and Font Size? Sep 9 2006, 07:10 PM
Ralph501 Try this?
a:link{color:midnightblue;}
a:hover{col... Sep 9 2006, 07:14 PM
Azarel Change the second line:
a:hover{color:dimgray; fo... Sep 9 2006, 07:15 PM
MAGANDAxPiNAY309 It's still not changing the font face of times... Sep 9 2006, 07:17 PM
Ralph501 hmm. Try this.
a:link{color:midnightblue;}
a:hove... Sep 9 2006, 07:19 PM
MAGANDAxPiNAY309 Ahh. Wow. I didn't think this could be THAT co... Sep 9 2006, 07:20 PM
MAGANDAxPiNAY309 The second code doesn't work. Is it like, not ... Sep 9 2006, 07:23 PM
toyo loco Did you add style tags? And in the code Anna (Aza... Sep 9 2006, 07:24 PM
Azarel Did you try the coding that I posted?
http://www.... Sep 9 2006, 07:25 PM
GREASEbaby CODEa:link{color:midnightblue;}
a:hove... Sep 10 2006, 01:49 AM
Azarel QUOTE(GREASEbaby @ Sep 9 2006, 11:49 PM) ... Sep 10 2006, 01:54 AM
toyo loco ^ It was at the end. Before the }. You don't a... Sep 10 2006, 01:54 AM
GREASEbaby ^Aha alright. I just learned something :] Sep 10 2006, 09:20 AM
MAGANDAxPiNAY309 So, is this correct?
CODEa:link{color:mid... Sep 10 2006, 03:42 PM
Azarel ^ Copy and paste this:
a:link{color:midnightblue;... Sep 10 2006, 03:53 PM
MAGANDAxPiNAY309 This is what I have.
CODEa:link{color:mid... Sep 10 2006, 11:12 PM
Azarel Do you have style tags around that?
In your codin... Sep 10 2006, 11:25 PM
MAGANDAxPiNAY309 Yeah, this is what I have.
CODE<style style=... Sep 11 2006, 12:27 AM
Azarel I put ONLY that coding into a myspace with no othe... Sep 11 2006, 12:32 AM
MAGANDAxPiNAY309 Hmm, what section did you put it in? [About Me, Wh... Sep 11 2006, 12:37 AM
Azarel It should work anywhere in the About Me or Who I... Sep 11 2006, 12:49 AM
MAGANDAxPiNAY309 Hmm, for some reason it doesn't work in either... Sep 11 2006, 12:50 AM![]() ![]() |