Log In · Register

 
 
 Closed TopicStart new topic
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?
 
Relentless
post Sep 9 2006, 07:14 PM
Post #2


sang loves hayden.
*******

Group: Staff Alumni
Posts: 3,373
Joined: Feb 2004
Member No: 5,687
Try this?

a:link{color:midnightblue;}
a:hover{color:dimgray; font-size:15px; font-weight:bold; font-family:times;}
a:active {color:midnightblue;}
a:visited {color:midnightblue;}
 
*Azarel*
post Sep 9 2006, 07:15 PM
Post #3





Guest
Change the second line:

a:hover{color:dimgray; font-size:15; font-family: times new roman; font-weight: bold;}
 
lalarachspectx3
post Sep 9 2006, 07:17 PM
Post #4


Senior Member
***

Group: Member
Posts: 81
Joined: Aug 2006
Member No: 457,109
It's still not changing the font face of times new roman.
 
Relentless
post Sep 9 2006, 07:19 PM
Post #5


sang loves hayden.
*******

Group: Staff Alumni
Posts: 3,373
Joined: Feb 2004
Member No: 5,687
hmm. Try this.

a:link{color:midnightblue;}
a:hover{color:dimgray; font-size:15px; font-weight:bold; font-family:timesnewroman;}
a:active {color:midnightblue;}
a:visited {color:midnightblue;}
 
lalarachspectx3
post Sep 9 2006, 07:20 PM
Post #6


Senior Member
***

Group: Member
Posts: 81
Joined: Aug 2006
Member No: 457,109
Ahh. Wow. I didn't think this could be THAT complicated.

...still not working. -_-
 
*This Confession*
post Sep 9 2006, 07:20 PM
Post #7





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;}
 
lalarachspectx3
post Sep 9 2006, 07:23 PM
Post #8


Senior Member
***

Group: Member
Posts: 81
Joined: Aug 2006
Member No: 457,109
The second code doesn't work. Is it like, not possible to change the text when a link is hovered?
 
freeflow
post Sep 9 2006, 07:24 PM
Post #9


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
Did you add style tags? And in the code Anna (Azarel . sorry if I spell it wrong. )did you replace it ? And not change font-family to font-face?
 
*Azarel*
post Sep 9 2006, 07:25 PM
Post #10





Guest
Did you try the coding that I posted?

http://www.myspace.com/98121239a
 
GREASEbaby
post Sep 10 2006, 01:49 AM
Post #11


What's my name? Janette. and ily. <3
******

Group: Member
Posts: 2,139
Joined: Apr 2006
Member No: 391,911
CODE
a:link{color:midnightblue;}
a:hover{color:dimgray; font size:15; font face:times new roman; font-weight: bold;}
a:active {color:midnightblue;}
a:visited {color:midnightblue;}


Am I the only one who saw the missing semi-colon?
 
*Azarel*
post Sep 10 2006, 01:54 AM
Post #12





Guest
QUOTE(GREASEbaby @ Sep 9 2006, 11:49 PM) *
CODE
a:link{color:midnightblue;}
a:hover{color:dimgray; font size:15; font face:times new roman; font-weight: bold;}
a:active {color:midnightblue;}
a:visited {color:midnightblue;}


Am I the only one who saw the missing semi-colon?
I did, but that's not the reason it won't work; she has "font face," rather than "font-family," which is why it's not working.
 
freeflow
post Sep 10 2006, 01:54 AM
Post #13


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
^ It was at the end. Before the }. You don't always need them for the last ones. Like if its .
font-family: blah} you don't need it there. It still works.
 
GREASEbaby
post Sep 10 2006, 09:20 AM
Post #14


What's my name? Janette. and ily. <3
******

Group: Member
Posts: 2,139
Joined: Apr 2006
Member No: 391,911
^Aha alright. I just learned something :]
 
lalarachspectx3
post Sep 10 2006, 03:42 PM
Post #15


Senior Member
***

Group: Member
Posts: 81
Joined: Aug 2006
Member No: 457,109
So, is this correct?

CODE
a:link{color:midnightblue;}
a:hover{color:dimgray; font size:13; font-family:times new roman; font-weight: bold;}
a:active {color:midnightblue;}
a:visited {color:midnightblue;}


Because, it still doesn't work.
 
*Azarel*
post Sep 10 2006, 03:53 PM
Post #16





Guest
^ Copy and paste this:

a:link{color:midnightblue;}
a:hover{color:dimgray; font-size:15; font-family: times new roman; font-weight: bold;}
a:active {color:midnightblue;}
a:visited {color:midnightblue;}
 
lalarachspectx3
post Sep 10 2006, 11:12 PM
Post #17


Senior Member
***

Group: Member
Posts: 81
Joined: Aug 2006
Member No: 457,109
This is what I have.

CODE
a:link{color:midnightblue;}
a:hover{color:dimgray; font-size:13; font-family: times new roman; font-weight: bold;}
a:active {color:midnightblue;}
a:visited {color:midnightblue;}


It's still not working. -__-`
 
*Azarel*
post Sep 10 2006, 11:25 PM
Post #18





Guest
Do you have style tags around that?

In your coding, it should show:
<style type=text/css>
a:link{color:midnightblue;}
a:hover{color:dimgray; font-size:13; font-family: times new roman; font-weight: bold;}
a:active {color:midnightblue;}
a:visited {color:midnightblue;}
</style>
 
lalarachspectx3
post Sep 11 2006, 12:27 AM
Post #19


Senior Member
***

Group: Member
Posts: 81
Joined: Aug 2006
Member No: 457,109
Yeah, this is what I have.

CODE
<style style="filter:Glow(color=blue,strength=4);height:0px;" type="text/css">
body, td, li, p, div, textarea, li, h1, h2, p, br {color:black;}
.text {color:black;}
.nametext {color:black;}
.blacktext10 {color:black;}
.orangetext15 {color:black;}
.lightbluetext8 {color:black;}
.blacktext12 {color:black;}
.btext {color:black;}
.whitetext12 {color:black;}
.redbtext {color:black;}

a:link{color:midnightblue;}
a:hover{color:dimgray; font-size:13; font-family: times new roman; font-weight: bold;}
a:active {color:midnightblue;}
a:visited {color:midnightblue;}


b {color:483D8B;}
u {color: midnightblue;text-decoration:underline; border-bottom:dashed 1px black;}
s {color:B0C4DE;text-decoration:strikeout;}
i {color: 778899;}
hr {height:3;width:200;color:000000; }
</style>
 
*Azarel*
post Sep 11 2006, 12:32 AM
Post #20





Guest
I put ONLY that coding into a myspace with no other coding and the hover effects/whatever worked..

http://www.myspace.com/98121239a
 
lalarachspectx3
post Sep 11 2006, 12:37 AM
Post #21


Senior Member
***

Group: Member
Posts: 81
Joined: Aug 2006
Member No: 457,109
Hmm, what section did you put it in? [About Me, Who I'd Like To Meet] & probably specifically where...?
 
*Azarel*
post Sep 11 2006, 12:49 AM
Post #22





Guest
It should work anywhere in the About Me or Who I'd Like To Meet; I put it in About Me.
 
lalarachspectx3
post Sep 11 2006, 12:50 AM
Post #23


Senior Member
***

Group: Member
Posts: 81
Joined: Aug 2006
Member No: 457,109
Hmm, for some reason it doesn't work in either areas. Hmm...what can you say? Heh.
 
« Next Oldest · Myspace Resolved Topics · Next Newest »
 

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

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic