PDA

View Full Version : How to "Skin" the popup box ?


.Joel
07-06-2007, 04:33 PM
Hi All,

Just after some quick pointer advice on how to "Skin" the popup box.

Regards,

Joel

The Geek
07-06-2007, 06:27 PM
For 4.x, you need to enter all the HTML into the popup text. This changed in the 5x series and higher :)

.Joel
07-09-2007, 04:55 AM
Hi,

I have entered the HTML but it doesn't display as it should. I'll show you what the code and outcome is. Looks like each time there is a line break in the box where you enter the code it hard applies that to the popup box. Any way to remove that ? I don't mind having to put 100% code into that box.

Code:
<table width="250" border="0" cellpadding="0" cellspacing="0" class="tooltipbg">
<tr>
<td height="30" colspan="2" valign="top" class="tooltiptitle">Spreader Bar</td>
</tr>
<tr>
<td width="80" height="90" valign="top" class="tooltipimg"><img src="images/orange_dusk/tooltip/bar_image.jpg" width="70" height="70" /><br />
( View More )</td>
<td width="168" valign="top" class="tooltipdesc">Used to attach kite with a<br />
chicken loop to a harness.<br />
Commonly used on Kite<br />
Boarding style harnesses.</td>
</tr>

<tr>
<td height="30" colspan="2" valign="top" class="tooltiprelated"><strong>Related:</strong> Kite Boarding, Harnesses, Chicken Loop</td>
</tr>
</table>

Outcome:
848

And what it should look like:
849

Any help or advice appreciated.

Regards,

Joel

.Joel
07-09-2007, 04:58 AM
All fixed, I removed all lines and spaces out of it so the code comes out;
<table width="250" border="0" cellpadding="0" cellspacing="0" class="tooltipbg"><tr><td height="30" colspan="2" valign="top" class="tooltiptitle">Spreader Bar</td></tr><tr><td width="80" height="90" valign="top" class="tooltipimg"><img src="images/orange_dusk/tooltip/bar_image.jpg" width="70" height="70" /><br />( View More )</td> <td width="168" valign="top" class="tooltipdesc">Used to attach kite with a<br /> chicken loop to a harness.<br /> Commonly used on Kite<br /> Boarding style harnesses.</td> </tr> <tr> <td height="30" colspan="2" valign="top" class="tooltiprelated"><strong>Related:</strong> Kite Boarding, Harnesses, Chicken Loop</td> </tr></table>

Regards,

Joel