Got the idea from Gary's page in his bio and found this pretty neat, but I couldn't steal it properly.
I looked at the code and figured that he basicly inserted a nicetitle parameter into the <a>-tag like this:

<A href="mailto:not@me.com" nicetitle="Send an eMail to Sebastian">Sebastian</A>

It doesn't work - so I looked further at his CSS and other code, but couldn't find anything. I even tried copying a keyword from the keywordlist with some class-tags defining it as a keyword to my bio - didn't work either.

Any ideas?

Thanks,
Sebastian

Originally Posted by rainforest1155 Got the idea from Gary's page in his bio and found this pretty neat, but I couldn't steal it properly. I looked at the code and figured that he basicly inserted a nicetitle parameter into the <a>-tag like this: <A href="mailto:not@me.com" nicetitle="Send an eMail to Sebastian">Sebastian</A> It doesn't work - so I looked further at his CSS and other code, but couldn't find anything. I even tried copying a keyword from the keywordlist with some class-tags defining it as a keyword to my bio - didn't work either. Any ideas? Thanks, Sebastian

Simply use title="whatever" and it will be converted to the nicetitle.

Originally Posted by Mike Lane Simply use title="whatever" and it will be converted to the nicetitle.

Thanks Mike - that did it!

Sebastian

Originally Posted by rainforest1155 Thanks Mike - that did it! Sebastian

Exactly. I just used the standard XHTML "title" attribute. Like this, except of course with angle brackets instead of parentheses:

(a href="mailto:gary@garyjwood.com" title="Send e-mail to Gary")Gary(/a)

Looks nice with FireFox, looks ordinary with IE.

Originally Posted by garyjwood Exactly. I just used the standard XHTML "title" attribute. Like this, except of course with angle brackets instead of parentheses: (a href="mailto:gary@garyjwood.com" title="Send e-mail to Gary")Gary(/a) Looks nice with FireFox, looks ordinary with IE.

gary - hey, this is easy enough

are there ways to customize the floaty-baloon-ey thing-y? (color, shape, etc.)

ps: it's a grey rectangle in safari, and a nice oval racetrack shape in firefox.

Originally Posted by andy gary - hey, this is easy enough are there ways to customize the floaty-baloon-ey thing-y? (color, shape, etc.) ps: it's a grey rectangle in safari, and a nice oval racetrack shape in firefox.

Check out the contents of nicetitle.css. Presumably, you can override/add to the styles in there. Here's what I see in nicetitle.css:

 div.nicetitle {
 	position: absolute;
 	padding: 5px;
 	top: 0px;
 	left: 0px;
 	color: #ffffff;
 	width: 25em;
 	font-weight: bold;
 	background: #666666;
 	border: 1px white solid;
 	font-family: Verdana, Tahoma, Helvetica, sans-serif;
 	font-size: 11px;
 	z-index: 10;
 	
 	/* Mozilla proprietary */
 	-moz-border-radius: 12px;
 }
 div.nicetitle p {
 	margin: 0; padding: 0 3px;
 }
 div.nicetitle p.destination {
 	display: none;
 	font-size: 9px;
 	text-align: left;
 	padding-top: 3px;
 }

--John

Originally Posted by andy gary - hey, this is easy enough are there ways to customize the floaty-baloon-ey thing-y? (color, shape, etc.) ps: it's a grey rectangle in safari, and a nice oval racetrack shape in firefox.

Andy,

AFAIK, the colour and shape of the pop-up info windows (Microsoft sometimes calls them "tooltips") are provided by the browser itself.

Originally Posted by jfriend Check out the contents of nicetitle.css. Presumably, you can override/add to the styles in there. Here's what I see in nicetitle.css: ...snip... /* Mozilla proprietary */ -moz-border-radius: 12px; ...snip... --John

Thanks, John. Guess I replied to Andy too soon

And don't you hate it when you see things like "Mozilla proprietary"

You can make that tooltips thing look however you want it to look by using the same selectors as in the nicetitle.css file. The proprietary mozilla part is something that will be supported in CSS 3 (whenver that comes out).

Mike

ok so i changed the color, etc of the floaty-thingie. cool.
can i change the shape

Originally Posted by andy ok so i changed the color, etc of the floaty-thingie. cool. can i change the shape

Yup. Just set

-moz-border-radius:0;

to get a rectangle in firefox and alter the font size, padding, etc. to change the shape.

You could even set a background image if you wanted to be super clever. That may pose a problem if you have a long title attribute.

Originally Posted by Mike Lane Yup. Just set -moz-border-radius:0; to get a rectangle in firefox and alter the font size, padding, etc. to change the shape. You could even set a background image if you wanted to be super clever. That may pose a problem if you have a long title attribute.

i'm hip to the radius thing. but could i make it another shape, if i wished, and if so, how?

Originally Posted by andy i'm hip to the radius thing. but could i make it another shape, if i wished, and if so, how?

There's no easy way to do it. If you were able to limit the amount of text I suppose you could use an image as your background. Right off the bat I can't think of anything that would look all that great though. What are you thinking that you want to do?

Originally Posted by Mike Lane What are you thinking that you want to do?

i'll let you know when you tell me

Originally Posted by andy i'll let you know when you tell me

Here's the basis behind them. http://www.kryogenix.org/code/browser/nicetitle/

Originally Posted by andy i'll let you know when you tell me

ROTFL. That's pretty funny.

Originally Posted by pat.kane ROTFL. That's pretty funny.

pat - it either went right over the captain's head (quite possible) or he's just ignoring me