Hover Boxes

Main >> Content >> Tutorials >> HTML >> Hover Boxes

Hover boxes are very smart to use if you are going to put cursors on your page for other to take. I know you have asked me about this code, so here it finally is!

hover here

Step 1: The first thing you have to do is to copy the code under and paste it on your website, where you want the hover box to be.
<P style="WIDTH: 150; BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: black 1px solid; PADDING-LEFT: 0px; BACKGROUND:white; FILTER: alpha(opacity=50); PADDING-BOTTOM: 0px; BORDER-LEFT: black 1px solid; CURSOR: url(CURSORURL); PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; TEXT-ALIGN: center; opacity: .50">HOVER HERE</P>

Step 2: Then find your cursor-code and copy the URL of the cursor. I have marked the aera in the code where the URL is:


Step 3: Copy the URL and paste it in the code where it says CURSORURL.

Step 4: Then you're actually finished but if you want you can change the text that says HOVER HERE, and the size:)