 |
HTML Help
Please Search for the answer to your question before asking it! Thanks.
|
| View previous topic :: View next topic |
| Author |
Message |
badavis5
Joined: 17 Jul 2009
Posts: 1
|
| Posted: Fri Jul 17, 2009 9:53 pm Mouseover Box |
|
|
i am trying to make a moduel for a phpbb3 forum (a guildomatic.com site) this moduel is supposed to have 2 images. each image shuld have a box or cell that pops out when you hover over it and lists a bunch of names, some of those names can be crossed out as if it were a hit list so to speak.
this is what i have so far, i got it from somewhere on the net but i cant remember and i cannot seem to find anything that helps me. please take a look and see if theres anything wrong with it or needed to be added. thanks a bunch
Code: <table class="customNib">
<tr><th class="title">Current Progression</th></tr>
<tr><td class="data"><div class="ggcode">
<table style="width: 150px" cellpadding="0" border="0" valign="top">
<tr><td>
<table style="width: 150px" cellpadding="0" border="0" valign="top">
<tr>
<td valign="top">
<!-- Ulduar 10 Man -->
<div id="Ulduar 10">
<table style="width:150px" cellpadding="0">
<tr>
<td width="24" valign="top">
<a
onmousemove="ShowContent('uld10'); return true;"
onmouseover="ShowContent('uld10'); return true;"
onmouseout="HideContent('uld10'); return true;"
href="javascript:ShowContent('uld10')">
<img src="http://img37.imageshack.us/img37/1298/10man.jpg" width="150" height="77" border="0" />
</a>
<div
id="uld10"
style="display:none;
position:absolute;
border-style: solid;
border-width: thin;
background-color: black;
padding: 5px;">
<font style="color:white;font-size:8pt;font-family:Arial"><del>Flame Leviathan</del></font><br>
<font style="color:white;font-size:8pt;font-family:Arial"><del>Razorscale</del></font><br>
<font style="color:white;font-size:8pt;font-family:Arial"><del>XT-002 Deconstructor</del></font><br>
<font style="color:white;font-size:8pt;font-family:Arial"><del>Ignis the Furnace Master</del></font><br>
<font style="color:white;font-size:8pt;font-family:Arial"><del>Assembly of Iron</del></font><br>
<font style="color:white;font-size:8pt;font-family:Arial"><del>Kologarn</del></font><br>
<font style="color:white;font-size:8pt;font-family:Arial"><del>Auriaya</del></font><br>
<font style="color:white;font-size:8pt;font-family:Arial"><del>Hodir</del></font><br>
<font style="color:white;font-size:8pt;font-family:Arial"><del>Thorim</del></font><br>
<font style="color:white;font-size:8pt;font-family:Arial"><del>Freya</del></font><br>
<font style="color:white;font-size:8pt;font-family:Arial"><del>Mimiron</del></font><br>
<font style="color:red;font-size:8pt;font-family:Arial">General Vezax</font><br>
<font style="color:red;font-size:8pt;font-family:Arial">Yogg-Saron</font><br>
<td valign="top">
<table style="width:0px" cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="2">
<!-- Progress Bar -->
<table style="width: 0px" cellpadding="0" cellspacing="0" border="0">
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
<!-- Ulduar 25 Man -->
<div id="Ulduar 25">
<table style="width:150px" cellpadding="3">
<tr>
<td width="24" valign="top">
<a
onmousemove="ShowContent('uld25'); return true;"
onmouseover="ShowContent('uld25'); return true;"
onmouseout="HideContent('uld25'); return true;"
href="javascript:ShowContent('uld25')">
<img src="http://img35.imageshack.us/img35/5629/25man.jpg" width="150" height="78" border="0" />
</a>
<div
id="uld25"
style="display:none;
position:absolute;
border-style: solid;
border-width: thin;
background-color: black;
padding: 5px;">
<font style="color:white;font-size:8pt;font-family:Arial"><del>Flame Leviathan</del></font><br>
<font style="color:white;font-size:8pt;font-family:Arial"><del>Razorscale</del></font><br>
<font style="color:white;font-size:8pt;font-family:Arial"><del>XT-002 Deconstructor</del></font><br>
<font style="color:white;font-size:8pt;font-family:Arial"><del>Ignis the Furnace Master</del></font><br>
<font style="color:white;font-size:8pt;font-family:Arial"><del>Assembly of Iron</del></font><br>
<font style="color:white;font-size:8pt;font-family:Arial"><del>Kologarn</del></font><br>
<font style="color:white;font-size:8pt;font-family:Arial"><del>Auriaya</del></font><br>
<font style="color:white;font-size:8pt;font-family:Arial"><del>Hodir</del></font><br>
<font style="color:white;font-size:8pt;font-family:Arial"><del>Thorim</del></font><br>
<font style="color:white;font-size:8pt;font-family:Arial"><del>Freya</del></font><br>
<font style="color:red;font-size:8pt;font-family:Arial">Mimiron</font><br>
<font style="color:red;font-size:8pt;font-family:Arial">General Vezax</font><br>
<font style="color:red;font-size:8pt;font-family:Arial">Yogg-Saron</font><br>
<td valign="top">
<table style="width:0px" cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="2">
<!-- Progress Bar -->
<table style="width: 0px" cellpadding="0" cellspacing="0" border="0">
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table><img src="none.gif" width="1" height="1" /></div></td></tr>
</table>
</td>
</tr>
</table> |
|
|
| |
|
|
|
Powered by phpBB Search Engine Indexer
Powered by phpBB 2.0.19 © 2001, 2002 phpBB Group
|
