ATT: CODERS; Help Make Collapsible Boxes

L

lilfabbro

New Member
i was wondering how i would make collapsable boxes like on certain product you can collapse them and topics can also be collapsed

i was wanting to edit hoxxy's vbadvance look alike so the side boxes and stuff were collapsible like vba

and no i dont want to just install vba cmps, i dont like it i like hoxxyz mod better i would just like to imporve it

and am i right?

the file i would have to edit is the XML of the product and it would be php code?

got it to work but i have some issues

i used

Code: 
<table class="tborder" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" width="100%" align="center">
<tr> <td class="thead"><a href="#top" style="float:right" onclick="return toggle_collapse('navigation_bar')"><img id="collapseimg_barre_navigation" src="$stylevar[imgdir_button]/collapse_thead.gif" alt="" border="0" /></a><span class="smallfont"><strong>&raquo; Title</strong></span> </td> </tr> <tr id="collapseobj_navigation_bar" style="$vbcollapse[collapseobj_navigation_bar]"> <td class="alt1"> content </td> </tr> </table> </td>

it worked but yet it messed up the rest of my links check the images to see how its supposed to look

this is the code i ended up with it collapses but when uncollapesed its all messed up

can sumone give me a proper example of this code PLEASE

Code: 
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="180" align="center">
  <tr>
   <td class="tcat" align="left"><a href="#top" style="float:right" onclick="return toggle_collapse('navigation_bar')"><img id="collapseimg_barre_navigation" src="$stylevar[imgdir_button]/collapse_thead.gif" alt="" border="0" /></a>$vbphrase[hbdpv2_navi]</td></tr>
     <tr id="collapseobj_navigation_bar" style="$vbcollapse[collapseobj_navigation_bar]">
      <td class="alt1">
 <a href="index.php">$vbphrase[hbdpv2_home]</a>
 </td>

<td class="alt1">
  <a href="forum.php$session[sessionurl_q]">$vbphrase[hbdpv2_forum]</a></td>

 <td class="alt1">
 <if condition="$show['guest']">
 <a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a>
 <else />
  <a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a>
  </if>
  </td>


 <td class="alt1">
  <a rel="help" href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a>
  </td>


<if condition="$vboptions[hbd_portalv2_link_1_enable]==0">

 <td class="alt1"> 
  <a href="$vboptions[hbd_portalv2_link_1]">$vboptions[hbd_portalv2_link_1t]</a>
  </td>

</if>
<if condition="$vboptions[hbd_portalv2_link_2_enable]==0">

 <td class="alt1">
  <a href="$vboptions[hbd_portalv2_link_2]">$vboptions[hbd_portalv2_link_2t]</a>
  </td>

</if>
<if condition="$vboptions[hbd_portalv2_link_3_enable]==0">

 <td class="alt1">
  <a href="$vboptions[hbd_portalv2_link_3]">$vboptions[hbd_portalv2_link_3t]</a>
  </td>

</if>
<if condition="$vboptions[hbd_portalv2_link_4_enable]==0">

 <td class="alt1">
  <a href="$vboptions[hbd_portalv2_link_4]">$vboptions[hbd_portalv2_link_4t]</a>
  </td>

</if>
<if condition="$vboptions[hbd_portalv2_link_5_enable]==0">

 <td class="alt1">
  <a href="$vboptions[hbd_portalv2_link_5]">$vboptions[hbd_portalv2_link_5t]</a>
  </td>

</if>
<if condition="$vboptions[hbd_portalv2_link_6_enable]==0">

 <td class="alt1">
  <a href="$vboptions[hbd_portalv2_link_6]">$vboptions[hbd_portalv2_link_6t]</a>
  </td>

</if>
 
<if condition="$show['member']">

 <td class="alt1"><a href="login.php?$session[sessionurl]do=logout&logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a>
    </td>

  </if>
 </table>
 
E

Everlast

New Member
I think its in the style, a heap of styles already have this in it. But its not so much the sidebar but the bottom bar.
 
V

vokin

New Member
Try this code :

Code: 
<td valign="top" width="[color=Red]200px[/color]">

<table class="tborder" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" width="100%" align="center">
<tr> <td class="thead"><a href="#top" style="float:right" onclick="return toggle_collapse('[color=Red]navigation_bar[/color]')"><img id="collapseimg_barre_navigation" src="$stylevar[imgdir_button]/collapse_thead.gif" alt="" border="0" /></a><span class="smallfont"><strong>&raquo; [color=Red]Title[/color]</strong></span> </td> </tr> <tr id="collapseobj_navigation_bar" style="$vbcollapse[collapseobj_navigation_bar]"> <td class="alt1"> [color=Red]content[/color] </td> </tr> </table> </td>

you just have to change things in red with your own one, "navigation_bar" is the name of your menu.

(sorry for my english)
 
You must log in or register to reply here.
Top