Hover description boxes

[jposemato]

Hey, so i'm rather new to coding with ProBoards and hit the ground running making a rather complex system for a role playing game on the forum. The final stretch of the system is the inventory which I have half working, however I have come to a problem. I wish to set it so the inventory will be a grid system of 5x5 boxes, all which fit within a box in a 300px template. This I think with time I can accomplish on my own, however the next part is the part that baffles me. I'm trying to set the 5x5 grid to be all of images, however if you were to hold your mouse in place over the image on the grid it will display a small bit of information in a temporary box that will only appear while you have it hovered over, and if you switch items the previous description goes away as the new one pops up. Im not looking to set an item database up where it will call these information variables to be filled out automatically, I am fine with having to manually enter each items description for every single one in the inventory. The only thing I cant get to work is the hover text. Heres a small sample using a 1x3 grid with two apples and an empty space in the inventory. I wish the apples to state that they are apples, a level 1 item whenever my mouse is above the apples. 

Thanks in advance, and it would be great if you could explain how you did it. I don't ask for help merely to have it done for me, I'd like to learn thanks! 

Also note: the blue guy with the RateMyServer.Net on it was the image of an apple. They don't seem to properly appear here.

Sample:

Inventory

[Former Member]

Uhmmm... I think that would be <img src="whatever your URL is" title="whatever you want the text to say"> but I'm not positive

[jposemato]

That was exactly what I was looking for! Thankyou!!!!

[jposemato]

Now another question, would it be possible to instead have this same effect but entering an image rather than a text box? The image would probably be roughly 300x200 so larger than the first box, if possible.

[Former Member]

You mean the hover being an image instead of the text? I'm not sure because 'title' to my knowledge is purely text. You could use various coding to get a 'hover effect' similar to the boxes on adoxography.boards.net at the very top (the lion and the water tree swirl images, for example) where it's one image, then you move your mouse over it and a different image reveals itself. Is that what you're wanting?

[jposemato]

I don't see the lion image, however the tree image replacement worked and is exactly what I'm looking for.

Edit: However- I don't know if that code would allow the image to be larger than the original one.