Strange request, creating a tooltip with HTML/CSS

[Terrabull]

The topic is probably a little confusing, sorry about that. What I am looking for is if someone has already coded up a tooltip box, as it looks in Warcraft 3, using CSS or HTML. I want to embed it in a webpage, but I don't want to take screenshots of all these tooltips, I'd rather just copy the text and use then generate it, like many of the WOW sites do for their tooltips.
I figured I would ask if anyone here has made something like this, or seen it anywhere on the web. (I already did an extensive Google search.)
Small bits of help would be useful too, like if you know what Hex color the background or border of a tooltip window is.
Thanks in advance!

 

[monoVertex]

The hexes you can easily find out with a program that has an eye dropper tool and a screenshot... But sorry, I don't have any script for that tooltip.

 

[Varine]

Could you direct me to a site that has one so that I can see what you mean?

 

[BlackRose]

You mean like in sites like DotA-Allstars, you highlight over the hero icon? And it displays the tooltip in-game and the setrenght, etc?

Spoiler

 

[Varine]

If that's what you want, I don't get why you don't just either open the source code for the websites and download the images (you can do that right?), or just take a screenshot and edit the box to your needs. I'm not great with those kinds of things, but that just seems like the easiest methods.

 

[monoVertex]

It's a hovering box. And it's a bit special. It's made with JavaScript I think, anyway.

 

[Terrabull]

No, I don't want it to be a pop-up. I want it to be part of the page, but not an image, dynamically generated
I can't provide a link because I can't find a site that has this.

 

[DDRtists]

In that case, the only hard part would be the CSS to get the borders right, but you could just steal their CSS and mod it a bit to your liking. Echo'ing the data dynamically is very simple.

 

[Darthfett]

Basically, he wants something that changes tooltip code into html:

|cffccff00   -->   <p color="#ccff00">

|r   -->   </p>

|n   -->   <br>

1. first two characters are ignored, as they specify transparency (and I don't think it is implemented into WC3 tooltips)

1 & 2. the "p" (paragraph) code can be changed, but this is just an example.

3. |n (newline) is the equivalent of (the ugly) <br> in html.

I think he just wants some program that parses and replaces the text for him.

 

[Terrabull]

No, I plan to do it myself, this is a project for a wiki. I just want to be able to display a something that looks like the tooltip they see in game.
I know the hard part is the CSS, and unfortunatly that's my weak point. Do you think Warcraft 3 tooltips look like WoW tooltips? If so I can just use their colors.

 

[Terrabull]

Bump.
Any suggestions for the border or background color?

 

[ReVolver]

Here's another example that you can use for reference

http://bots.almostinteractive.com/shops.php

and

http://clancbs.com/downloads.php?type=Skins