Page 1 of 1

HTML tip needed for url links (aesthetic)

Posted: Tue Apr 12, 2005 9:49 pm
by Joemanji
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. :D 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

Posted: Tue Apr 12, 2005 10:12 pm
by absent1
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 :lol: )

Posted: Tue Apr 12, 2005 11:56 pm
by DoubleSkulls
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 :D

Posted: Wed Apr 13, 2005 7:16 am
by Joemanji
Cheers. :D

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! :lol: :wink:

Posted: Wed Apr 13, 2005 8:38 am
by Evil Git
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.

Posted: Wed Apr 13, 2005 2:22 pm
by martynq
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

Posted: Wed Apr 13, 2005 2:30 pm
by Evil Git

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.

Posted: Wed Apr 13, 2005 4:26 pm
by BadMrMojo
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.

Posted: Wed Apr 13, 2005 5:28 pm
by Joemanji
Thanks all. :D

Posted: Wed Apr 13, 2005 6:54 pm
by Darkson
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? :o Well, yeah, I want to, but...

Posted: Thu Apr 14, 2005 10:41 am
by Evil Git
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.

Posted: Thu Apr 14, 2005 6:09 pm
by Darkson
Cheers for the offer, but firstly I need some content, then a webspace, then the willpower! :wink: :lol:

Posted: Thu Apr 14, 2005 7:23 pm
by absent1
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 :oops: