MyBB Community Forums

Full Version: Spry Menu
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello All,
is it possible to add spry menu to my forum, for all user page i.e. Guest, Member, Moderator & Administrator. I have add in my home page
Home Page: tfvec.org
Forum Page: tfvec.org/forum/
Thank you
Yes.

Replace the old menu from the header template and add that menu code in place of that.
but how to give path of the script folder that spry menu uses?
If you mean to give .js files a Path, simply you have to give it a valid URL path like
<a href="http://www.yourdomain.com/forum/jscripts/filename.js">
She is correct that you should be able to use Spry...

(2009-06-25, 10:38 AM)coolboi Wrote: [ -> ]but how to give path of the script folder that spry menu uses?

This type of code (for example)
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
</head>

Would normally go in the <head> section, not the "header".
For MyBB: I think the best place would be the "headerinclude" template, which already contains similar javascript related code.
as you said I just copy paste that code, in header_welcomeblock_guest on top of all code in that file, it is working but the problem is its coming in same line, i.e. sprymenubar and default MyBB menu bar are in same line, how to differentiate those to menus?


[Image: 92289344.jpg]

here is the code of Header_welcomeblock_guest file

<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="../index.html">Home</a> </li>
<li><a href="../Gnankiran/index.html">Gnankiran</a></li>
<li><a href="../Career Guidance/index.html">Career Guidance</a> </li>
<li><a href="../Knowledge/index.html" class="MenuBarItemSubmenu">Knowledge</a>
<ul>
<li><a href="../Knowledge/Share/index.html">Share</a></li>
<li><a href="../Knowledge/Sources/index.html">Source</a></li>
</ul>
</li>
<li><a href="../Activities/index.html" class="MenuBarItemSubmenu">Activities</a>
<ul>
<li><a href="../Activities/Quiz Competition/index.html">Quiz Competition</a></li>
<li><a href="../Activities/Kids Competition/index.html">Kids Competition</a></li>
<li><a href="../Activities/Drawing Competition/index.html">Drawing Competition</a></li>
<li><a href="../Activities/Mahendi Competition/index.html">Mahendi Competition</a></li>
</ul>
</li>
<li><a href="../Events/index.html">Events</a></li>
<li><a href="../forum/index.php">Forums</a></li>
<li><a href="index.html">Contact us</a></li>
</ul>

<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>



<div class="upper_panel">

<span class="float_right"><a href="{$mybb->settings['bburl']}/search.php" class="search">{$lang->toplinks_search}</a><a href="{$mybb->settings['bburl']}/memberlist.php" class="memberlist">{$lang->toplinks_memberlist}</a><a href="{$mybb->settings['bburl']}/calendar.php" class="calendar">{$lang->toplinks_calendar}</a><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></span>
<script type="text/javascript">
<!--
lang.username = "{$lang->login_username}";
lang.password = "{$lang->login_password}";
lang.login = "{$lang->login}";
lang.lost_password = " <a href=\"{$mybb->settings['bburl']}/member.php?action=lostpw\" class=\"login\">{$lang->lost_password}<\/a>";
lang.register_url = "<a href=\"{$mybb->settings['bburl']}/member.php?action=register\" class=\"register\">{$lang->welcome_register}<\/a>";
// -->
</script>
<span id="quick_login">{$lang->welcome_guest} <a href="{$mybb->settings['bburl']}/member.php?action=login" onclick="MyBB.quickLogin(); return false;" class="login">{$lang->welcome_login}</a><a href="{$mybb->settings['bburl']}/member.php?action=register" class="register">{$lang->welcome_register}</a></span>
</div>
First, Use your spry menu code below the
<span class="float_right"><a href="{$mybb->settings['bburl']}/search.php" class="search">{$lang->toplinks_search}</a><a href="{$mybb->settings['bburl']}/memberlist.php" class="memberlist">{$lang->toplinks_memberlist}</a><a href="{$mybb->settings['bburl']}/calendar.php" class="calendar">{$lang->toplinks_calendar}</a><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></span>
<script type="text/javascript">
<!--
lang.username = "{$lang->login_username}";
lang.password = "{$lang->login_password}";
lang.login = "{$lang->login}";
lang.lost_password = " <a href=\"{$mybb->settings['bburl']}/member.php?action=lostpw\" class=\"login\">{$lang->lost_password}<\/a>";
lang.register_url = "<a href=\"{$mybb->settings['bburl']}/member.php?action=register\" class=\"register\">{$lang->welcome_register}<\/a>";
// -->
</script>
<span id="quick_login">{$lang->welcome_guest} <a href="{$mybb->settings['bburl']}/member.php?action=login" onclick="MyBB.quickLogin(); return false;" class="login">{$lang->welcome_login}</a><a href="{$mybb->settings['bburl']}/member.php?action=register" class="register">{$lang->welcome_register}</a></span>
</div> 

and Second, If you replace those default links (that are showing in the screenshots) and merge them with the spry menu, It would be more shopisticated and more pronounced then..