HTML tip needed for url links (aesthetic)

Joemanji · Post by **Joemanji** » Tue Apr 12, 2005 9:49 pm

Hi. I am playing around with HTML at the moment, and would like my links to appear in the same way they do in TBB posts. They are not underlined until you put your cursor over them, and then they go all underlined.

How would you produce this effect with HTML? I have tried viewing the source, but in is like trying to find a needle in a haystack (stylesheets have been used).

The kind of links I am talking about look this one (for TBB).

Cheers
Joe

absent1 · Post by **absent1** » Tue Apr 12, 2005 10:12 pm

tusk and darkson both tried to explain to me how to show a link under a different name on other sites for like a month, they finaly gave up and said "just click edit on this post and look at it" (a mod edited my post to show me) so i'd ask either darkson or majortusk, i think either could tell you, or i'm sure someone will wander in and say something

(can anyone tell i have nothing to do at work today

)

Post by **DoubleSkulls** » Tue Apr 12, 2005 11:56 pm

In the CSS do something like

A { text-decoration: none;}
A:hover { text-decoration: underline; }

(that might be a period rather than colon).

You could always look on google

Joemanji · Post by **Joemanji** » Wed Apr 13, 2005 7:16 am

Cheers.

I have found searching on Google for very specific little bits of HTML code can be frustrating. Tutorials tend to focus more on wide sweeping, broad topics. Asking here is gonna be quicker than searching through a load of 10 page tutorials. Plus, I am lazy!

Evil Git · Post by **Evil Git** » Wed Apr 13, 2005 8:38 am

doubleskulls is right there it is a colon rather than a full stop. you can also change the colours on the links and size. when i get time i'll show you what i use for most of my websites.

martynq · Post by **martynq** » Wed Apr 13, 2005 2:22 pm

My css file for my work page has the following in it:

Code: Select all

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}

This seems to do what you describe: http://www-groups.mcs.st-andrews.ac.uk/~martyn/ for those that can face it!

Martyn

Evil Git · Post by **Evil Git** » Wed Apr 13, 2005 2:30 pm

Code: Select all

<style type="text/css">

body {
background: #FFFFFF;
color: #000000;
font-family: verdana, tahoma, arial;
font-size: 9pt;
top margin: 0px;
left margin: 0px;
}

a:link {
font-family: comic sans ms, cooper black;
font-size: 9pt;
text-decoration: none;
color: #990000;
}

a:visited {
font-family: comic sans ms, cooper black;
font-size: 9pt;
text-decoration: none;
color: #990000;
}

a:hover {
font-family: comic sans ms, cooper black;
font-size: 9pt;
text-decoration: underline;
color: #ff0000;
}

</style>

this is something i've used. basically you can change other attributes in there as well like the curser when you hover over a link or different size so that it's bigger when you hover over it, things like that.

BadMrMojo · Post by **BadMrMojo** » Wed Apr 13, 2005 4:26 pm

Evil Git wrote:this is something i've used. basically you can change other attributes in there as well like the curser when you hover over a link or different size so that it's bigger when you hover over it, things like that.

Not to harsh on evil git, but as a counterpoint...

I personally hate it when links change sizes on hover and the whole paragraph has to reflow. Drives me bonkers.

I really like a relatively nice background color change, however. Looks pretty sharp, so long as it's not too gaudy.

There's just a gazillion cool little things you can do with CSS. Well worth learning, as you'll end up saving yourself a whole lot of time if you do any amount of coding and updating.

Joemanji · Post by **Joemanji** » Wed Apr 13, 2005 5:28 pm

Thanks all.

Darkson · Post by **Darkson** » Wed Apr 13, 2005 6:54 pm

And as opposed to what absent said, I wouldn't have the foggiest! I can make links on the variuos forums, but that's only because I spam..[cough]...post so much I've learnt how to do it.

Building a website?

Well, yeah, I want to, but...

Evil Git · Post by **Evil Git** » Thu Apr 14, 2005 10:41 am

badmrmojo

i hate that too, but well some people somewhere probably like it.

darkson

have you tried the tutorial things on geocities to get you started. there all you do is pick what type of background you want, add the content and it does it all for you. alternatively you could always have a word and i can see what i can get done.

Darkson · Post by **Darkson** » Thu Apr 14, 2005 6:09 pm

Cheers for the offer, but firstly I need some content, then a webspace, then the willpower!

absent1 · Post by **absent1** » Thu Apr 14, 2005 7:23 pm

i thought he was just talking about making links appear a certain way, sorry darkson, but if you pm majortusk he can tell you.

i can't even make the links turn up the way i want them to