Color/Size/Color for links |
![]() ![]() |
Color/Size/Color for links |
Jul 13 2007, 11:32 PM
Post
#1
|
|
![]() Senior Member ![]() ![]() ![]() Group: Member Posts: 40 Joined: Jan 2007 Member No: 497,172 |
What is the html for specific color, size, and font for links?
And what it the code for vertical bars like the ones on the top links in a profile? |
|
|
|
| *karmakiller* |
Jul 13 2007, 11:36 PM
Post
#2
|
|
Guest |
You can check out this pinned topic. There's other sections in the code to change the other text, but the important stuff for links is:
QUOTE {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;} |
|
|
|
Jul 13 2007, 11:50 PM
Post
#3
|
|
![]() Senior Member ![]() ![]() ![]() Group: Member Posts: 40 Joined: Jan 2007 Member No: 497,172 |
You can check out this pinned topic. There's other sections in the code to change the other text, but the important stuff for links is: is there a way to change an isolated set of links? |
|
|
|
| *karmakiller* |
Jul 14 2007, 12:17 AM
Post
#4
|
|
Guest |
You could try to modify this around a bit. I'm pretty sure it will work.
So you could something like this in the css: CODE <style type="text/css">
.Name{font-family:FONTHERE;font-size:SIZEHEREpx;color:COLORHERE;} .Name:hover{font-family:FONTHERE;font-size:SIZEHEREpx;color:COLORHERE;} </style> |
|
|
|
Jul 14 2007, 12:39 AM
Post
#5
|
|
![]() Senior Member ![]() ![]() ![]() Group: Member Posts: 40 Joined: Jan 2007 Member No: 497,172 |
now how would i insert the link code in it?
|
|
|
|
| *karmakiller* |
Jul 14 2007, 11:39 AM
Post
#6
|
|
Guest |
Well, after you edit the CSS try this for your links:
CODE <a href="YOURLINKHERE"class="Name">TEXTHERE</a>
|
|
|
|
Jul 14 2007, 03:57 PM
Post
#7
|
|
![]() Senior Member ![]() ![]() ![]() Group: Member Posts: 40 Joined: Jan 2007 Member No: 497,172 |
|
|
|
|
| *karmakiller* |
Jul 14 2007, 05:25 PM
Post
#8
|
|
Guest |
The CSS code is the first code I posted. Just change the font around to how you want it to look and change how you want it to look when you hover the link. Then, use the link code and it should work.
|
|
|
|
Jul 15 2007, 02:55 AM
Post
#9
|
|
![]() Senior Member ![]() ![]() ![]() Group: Member Posts: 40 Joined: Jan 2007 Member No: 497,172 |
well im not getting it or inputting it incorrectly...
|
|
|
|
![]() ![]() |