Recent Topics

1 Mar 31, 2005 04:00    

I have been trying to figure out how to change the way links look on the blog, but can't figure it out.

I would like to make the links look like they do on this page:

http://www.thecarpetbaggerreport.com/

.

2 Mar 31, 2005 05:56

I imagine it's the gray background when you hover over a link that you're after. That comes from the a:hover style in the css file. Just add the background part as seen below from the site you linked.

a {
	font-family: Arial, Tahoma, Sans-serif;
	text-decoration: none;
	color: #000099
}

a:hover {
	background: #F0F0F0;
	color: #000099
}

Your css file probably already has an a:hover section. Just add the background: #f0f0f0; to it, or change it to whatever color you want.

Hope that helps...

3 Mar 31, 2005 21:32

Thanks Nate! That worked great.

I also wanted to get rid of the underline on the links. I can't find where the command for that is?

.

4 Mar 31, 2005 22:46

Add the following to your CSS element (as per the example in the earlier post):

text-decoration: none;

You might want to add this to both the "a" and the "a:hover" sections of your CSS file to keep the underline from appearing when you hover over it.

6 Apr 01, 2005 04:37

[url=http://www.w3schools.com]W3Schools[/url] is an excellent site to go for tutorials for developing on the web. I fouind their [url=http://www.w3schools.com/css/css_examples.asp]CSS Tutorial[/url] to be a great help when I wanted to change my [url=http://www.navarinounincorporated.com]link behavior on my blog[/url] as well. If it hasn't also been pointed out, a real big help is using the [url=http://www.chrispederick.com/work/firefox/webdeveloper/]Web Developer's Toolkit[/url] for Firefox.

7 Apr 01, 2005 06:17

thanks for the tips quard, those look like great resources ... I was getting fooled by the fact that links are underlined automatically ( I was looking for "underline" somewhere) ... doh!

8 Apr 02, 2005 05:47

Yeah, I can understand the confusion, believe me! :) You're welcome!

9 Apr 09, 2005 22:33

Andrej,

Don't forget the a:visited and (maybe) the a:visited:hover pseudo-class selector too. You can set these to be different, so that your visitors know when they have visited a link.

I heartily 2nd quard's W3Shools recommendation AND the Ffox web developer extension. Done both ... use both.

-Scott


Form is loading...