Log In · Register

 
How Do I Make Hovered Links Change Font Face and Font Size?
lalarachspectx3
post 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?
 
 
Start new topic
Replies
*This Confession*
post 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;}
 

Posts in this topic
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
This Confession   theres this: CODE{This is how all anchor points wi...   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


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: