34 replies to this topic

[Michael]

This is the support topic for the tutorial Dropdown Submenu Links.  Please post here if you have any questions or feedback.

[benking]

nice tutorial m8 this helped me out loads on a mod im coding

[Anique]

<span id="subnav"><div class='ipb-top-right-link'><a href="#subnav">Links Name</a></div>

Michael i want to post this code into header align to right how can i do this

[Michael]

Anique, on Mar 27 2009, 06:14 PM, said:

<span id="subnav"><div class='ipb-top-right-link'><a href="#subnav">Links Name</a></div>

Michael i want to post this code into header align to right how can i do this

Edit: I've just updated the instructions to be a bit more clear.

[Dead]

OK but where in global header ? i m posting my skin messing up i m also trying default skin can you tell me where to add for header ??

[Michael]

Dead, on Mar 27 2009, 09:08 PM, said:

OK but where in global header ? i m posting my skin messing up i m also trying default skin can you tell me where to add for header ??

Edit: I've just updated the instructions to be a bit more clear.

[Dead]

Working Fine If we neeed into member bar then ? Before My controls

[Michael]

Dead, on Mar 27 2009, 09:54 PM, said:

Working Fine If we neeed into member bar then ? Before My controls

I haven't tested this but try opening Edit Template HTML > all global html > member_bar

Find:

<b><a href="{$this->ipsclass->base_url}act=UserCP&amp;CODE=00" title="{$this->ipsclass->lang['cp_tool_tip']}">

Add Before:

<span id="subnav"><a href="#subnav"><b>Links Name</b></a></span>&nbsp;&middot;&nbsp;

Save Template Bit.

[Dead]

In my custom skin its not working michael when i clicked nothing happen why i was so exicted but

[DragonFly]

Doesn't work at me either into the member bar

[Michael]

zamg0d1, on Mar 28 2009, 02:17 AM, said:

Doesn't work at me either into the member bar

It's also best to move the follow code to the bottom of member_bar template bit as well.

<script type="text/javascript">
	 //<![CDATA[
   menu_build_menu(
   "subnav",
   new Array(
   img_item + " <a href='{$this->ipsclass->base_url}act=link'>Link</a>",
   img_item + " <a href='{$this->ipsclass->base_url}act=link'>Link</a>",
   img_item + " <a href='{$this->ipsclass->base_url}act=link'>Link</a>"
   ) );
	 //]]>
   </script>

[DragonFly]

Doesn't work either

[Michael]

zamg0d1, on Mar 28 2009, 04:54 PM, said:

Doesn't work either

Works fine for me, you probably didn't add the code properly, what's the content of your member_bar template bit?

[DragonFly]

Michael, on Mar 28 2009, 07:11 AM, said:

Works fine for me, you probably didn't add the code properly, what's the content of your member_bar template bit?

This is my code: (I have 3 skins but I upload one of them )

<if="$this->ipsclass->member['id']">
<div id="userlinks">
	<p class="home"><b>{$this->ipsclass->lang['logged_in_as']} <a href="{$this->ipsclass->base_url}showuser={$this->ipsclass->member['id']}">{$this->ipsclass->member['members_display_name']}</a></b> ( <a href="{$this->ipsclass->base_url}act=Login&amp;CODE=03&amp;k={$this->ipsclass->md5_check}">{$this->ipsclass->lang['log_out']}</a> )</p>
	<p>
<else />
<div id="userlinksguest">
	<p class="pcen"><b>{$this->ipsclass->lang['guest_stuff']}</b> ( <a href="{$this->ipsclass->base_url}act=Login&amp;CODE=00">{$this->ipsclass->lang['log_in']}</a> | <a href="{$this->ipsclass->base_url}act=Reg&amp;CODE=00">{$this->ipsclass->lang['register']}</a> )
</if>
<if="$this->ipsclass->member['mgroup'] == $this->ipsclass->vars['auth_group']">
	<b><a href="{$this->ipsclass->base_url}act=reg&amp;CODE=reval">{$this->ipsclass->lang['resend_val']}</a></b> &middot;
</if>
<if="$this->ipsclass->member['g_access_cp'] == 1 AND $this->ipsclass->vars['security_remove_acp_link'] == 0">
	<b><a href="{$this->ipsclass->vars['_admin_link']}" target="_blank">{$this->ipsclass->lang['admin_cp']}</a></b> &middot;
</if>
<if="$this->ipsclass->member['has_blog'] == 1">
	<b><a href="{$this->ipsclass->base_url}automodule=blog&amp;req=showblog&amp;mid={$this->ipsclass->member['id']}">{$this->ipsclass->lang['myblog']}</a></b> &middot;
</if>
<if="$this->ipsclass->member['has_gallery'] == 1">
	<b><a href="{$this->ipsclass->base_url}autocom=gallery&amp;req=user&amp;user={$this->ipsclass->member['id']}">{$this->ipsclass->lang['submenu_albums']}</a></b> &middot;
</if>
<if="$this->ipsclass->member['id']">
	<b><a href="{$this->ipsclass->base_url}act=UserCP&amp;CODE=00" title="{$this->ipsclass->lang['cp_tool_tip']}">{$this->ipsclass->lang['your_cp']}</a></b> &middot;&nbsp;<a href="{$this->ipsclass->base_url}act=Search&amp;CODE=getnew">{$this->ipsclass->lang['view_new_posts']}</a>
	<if="$this->ipsclass->member['g_view_board']">
		&middot;&nbsp;<a href="java script:buddy_pop();" title="{$this->ipsclass->lang['bb_tool_tip']}">{$this->ipsclass->lang['l_qb']}</a>
	</if>
	&middot;&nbsp;<a href="java script:friends_pop();">{$this->ipsclass->lang['gbl_my_friends']}</a>	
</if>
<if="$this->ipsclass->member['g_use_pm'] AND $this->ipsclass->member['members_disable_pm'] == 0">
	&middot;&nbsp;<a href="{$this->ipsclass->base_url}act=Msg&amp;CODE=01">{$msg['TEXT']}</a>
</if>
	</p>
</div>

This is my content without any edit

[Michael]

Looks fine to me, make sure your adding the javascript code as well to the member_bar template bit.

[DragonFly]

It works at this skin _O_

EDIT: Is there a way to make a border with background in a dropdown menu?

Edited by zamg0d1, 28 March 2009 - 02:41 AM.

[Michael]

zamg0d1, on Mar 28 2009, 07:34 PM, said:

It works at this skin _O_

Which skin would that be?

[DragonFly]

Blue Beaches

[Dead]

I m adding more links into it like then its not working only working for 3 links one more thing in internet expoler its not working in firefox working fine

<script type="text/javascript">
	 //<![CDATA[
   menu_build_menu(
   "subnav",
   new Array(
   img_item + " <a href='{$this->ipsclass->base_url}act=link'>Link</a>",
   img_item + " <a href='{$this->ipsclass->base_url}act=link'>Link</a>",
   img_item + " <a href='{$this->ipsclass->base_url}act=link'>Link</a>"
img_item + " <a href='{$this->ipsclass->base_url}act=link'>Link</a>"
img_item + " <a href='{$this->ipsclass->base_url}act=link'>Link</a>"
   ) );
	 //]]>
   </script>

[Michael]

Yeah IE is a bit temperamental, you need to add a comma after every link (except the last one) for example.

<script type="text/javascript">
	 //<![CDATA[
   menu_build_menu(
   "subnav",
   new Array(
   img_item + " <a href='{$this->ipsclass->base_url}act=link'>Link</a>",
   img_item + " <a href='{$this->ipsclass->base_url}act=link'>Link</a>",
   img_item + " <a href='{$this->ipsclass->base_url}act=link'>Link</a>",
img_item + " <a href='{$this->ipsclass->base_url}act=link'>Link</a>",
img_item + " <a href='{$this->ipsclass->base_url}act=link'>Link</a>"
   ) );
	 //]]>
   </script>