[2.0.13] Navbar Mod

[reiyo_oki]

I can try to do an acp module...but it'll be a pain, since I'm not very literate in php's MySQL functions yet (I'm taking a course in php right now)

As for moving the navbar to the other side...well, that's really hard to do, just because then you'd need to edit EVERY page's template, since the files load in linear order: overall_header.tpl->page content->overall_footer.tpl , and it has to read them that way. Only way I can think of to make the navbar appear on the right side would be to mess with the footer. I'll see if I can get it working, though.

Planned changes for future releases:

- Cosmetic changes to tables in nav (see my site for an example of this)
- Alterable locations for nav
- Admin panel addon (for customizable links and switching nav location)
- Online users block for nav
- Admin link in nav
- Customizable links block for nav
- Ability to add/remove links in different nav blocks
- Ability to switch on/off the different blocks in nav

[reiyo_oki]

I've submitted the next version to the DB, hopefully it'll get validated soon.

Changes in this build:

- Cosmetic changes to tables in nav (see my site for an example of this)
- Admin link in nav


I'm working on the next release currently, and this one will have the admin tool, to make setting up the navbar that much easier. Implementations thus far are:

- Admin panel addon
- Enable/Disable mod via admin panel
- Move navbar location (left/right) via admin panel

Planned changes, to be added at a later date:

- Online users block for nav
- Customizable links block for nav
- Ability to add/remove links in different nav blocks
- Ability to switch on/off the different blocks in nav

if you can't tell, I'm turning it into a CMS, almost

[akaine]

I installed this mod but for some reason it makes a link down the left side of the page and everything else on the page is below the links. Any idea why? or what I can do to fix this The mod looks awesome and I really want to use it. I do have a portal installed. Would that make a diffrence?

Kelly

[reiyo_oki]

You must have made a mistake with the table code. Take a look at the installer again, and make sure you did it correctly. If you did, the code additions for the mod should come at the very end of the header.

[akaine]

I will try again and if get the same problem I will post my coding.

Kelly

[akaine]

Well it didn't work so here is my code:

Index_body.tpl

Code: Select all

<table width="95%" cellspacing="0" cellpadding="2" border="0" align="center">
  <tr> 
	<td align="left" valign="bottom"><span class="gensmall">
	<!-- BEGIN switch_user_logged_in -->
	{LAST_VISIT_DATE}<br />
	<!-- END switch_user_logged_in -->
	{CURRENT_TIME}<br /></span><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span></td>
	<td align="right" valign="bottom" class="gensmall">
		<!-- BEGIN switch_user_logged_in -->
		<a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
		<!-- END switch_user_logged_in -->
		<a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a></td>
  </tr>
</table>

<table width="95%" cellpadding="2" cellspacing="1" border="0" class="forumline">
  <tr> 
	<th colspan="2" class="thCornerL" height="25" nowrap="nowrap">&nbsp;{L_FORUM}&nbsp;</th>
	<th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
	<th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
	<th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
  </tr>
  <!-- BEGIN catrow -->
  <tr> 
	<td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
	<td class="rowpic" colspan="3" align="right">&nbsp;</td>
  </tr>
  <!-- BEGIN forumrow -->
  <tr> 
	<td class="row1" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="46" height="25" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
	<td class="row1" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
	  </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
	  </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
	<td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
	<td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
	<td class="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
  </tr>
  <!-- END forumrow -->
  <!-- END catrow -->
</table>

<table width="95%" cellspacing="0" border="0" align="center" cellpadding="2">
  <tr> 
	<td align="left"><span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span></td>
	<td align="right"><span class="gensmall">{S_TIMEZONE}</span></td>
  </tr>
</table>

<table width="95%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr> 
	<td class="catHead" colspan="2" height="28"><span class="cattitle"><a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a></span></td>
  </tr>
  <tr> 
	<td class="row1" align="center" valign="middle" rowspan="3"><img src="templates/AirHead/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
	<td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span>
	</td>
  </tr>
  <tr> 
	<td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}</span></td>
  </tr>

<!-- Start add - Birthday MOD -->
  <tr>
	<td class="row1" align="left"><span class="gensmall">{L_WHOSBIRTHDAY_TODAY}<br />{L_WHOSBIRTHDAY_WEEK}</span></td>
  </tr>
<!-- End add - Birthday MOD -->

</table>

<table width="95%" cellpadding="1" cellspacing="1" border="0">
<tr>
	<td align="left" valign="top"><span class="gensmall">{L_ONLINE_EXPLAIN}</span></td>
</tr>
</table>

&nbsp; 

<br clear="all" />

<table cellspacing="3" border="0" align="center" cellpadding="0">
  <tr> 
	<td width="20" align="center"><img src="templates/AirHead/images/folder_new.gif" alt="{L_NEW_POSTS}"/></td>
	<td><span class="gensmall">{L_NEW_POSTS}</span></td>
	<td>&nbsp;&nbsp;</td>
	<td width="20" align="center"><img src="templates/AirHead/images/folder.gif" alt="{L_NO_NEW_POSTS}" /></td>
	<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
	<td>&nbsp;&nbsp;</td>
	<td width="20" align="center"><img src="templates/AirHead/images/folder_lock.gif" alt="{L_FORUM_LOCKED}" /></td>
	<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>

Overall_footer.tpl

Code: Select all

<div align="center">
<span class="copyright"><br />{ADMIN_LINK}<br />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
			<tr>
<td align="center" valign="bottom" background="templates/AirHead/images/AirHead_footerback.jpg"><br>
					<br>
					<span class="copyright"><!--
	We request you retain the full copyright notice below including the link to www.phpbb.com.
	This not only gives respect to the large amount of time given freely by the developers
	but also helps build interest, traffic and use of phpBB 2.0. If you cannot (for good
	reason) retain the full copyright we request you at least leave in place the 
	Powered by phpBB {PHPBB_VERSION} line, with phpBB linked to www.phpbb.com. If you refuse
	to include even this then support on our forums may be affected. 

	The phpBB Group : 2002
// -->
Powered by <a href="http://www.phpbb.com/" target="_phpbb" class="copyright">phpBB</a> {PHPBB_VERSION} &copy; 2001, 2002 phpBB Group {TRANSLATION_INFO}Airhead theme by <a href="http://www.zarron.com">Zarron Media</a> 2003
<br>
<br>
						<br>
						<br>
					</span></td>
</tr>
		</table>
		<!—END Navbar --> 
</td> 
</tr> 
</table> 
</span></div>
</td>
</tr>
</table>

</body>
</html>

Overall_header.tpl

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="templates/AirHead/{T_HEAD_STYLESHEET}" type="text/css">
<style type="text/css">
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
	if ( {PRIVATE_MESSAGE_NEW_FLAG} )
	{
		window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
	}
//-->
</script>
<!-- END switch_enable_pm_popup -->

<!-- Start add - Birthday MOD -->
{GREETING_POPUP}
<!-- End add - Birthday MOD -->

<!-- Prillian - Begin Code Additions -->
<!-- BEGIN switch_user_logged_in -->
<script language="JavaScript" type="text/javascript">
<!--
	function prill_launch(url, w, h)
	{
		window.name = 'phpbbmain';
		prillian = window.open(url, 'prillian', 'height=' + h + ', width=' + w + ', innerWidth=' + w + ', innerHeight=' + h + ', resizable, scrollbars');
	}

	if ( {IM_AUTO_POPUP} ) 
	{ 
		prill_launch('{U_IM_LAUNCH}', '{IM_WIDTH}', '{IM_HEIGHT}');
	} 

//-->
</script>
<!-- END switch_user_logged_in -->
<!-- BEGIN buddy_alert -->
<script language="Javascript" type="text/javascript">
	if ( {buddy_alert.BUDDY_ALERT} )
	{
		window.open('{buddy_alert.U_BUDDY_ALERT}', '_buddyalert', 'HEIGHT=225,resizable=yes,WIDTH=400');
	}
</script>
<!-- END buddy_alert -->
<!-- Prillian - End Code Additions -->


</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<div align="center">
<a name="top"></a>
<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD width="508"><a href="{U_PORTAL}"><IMG SRC="templates/AirHead/images/AirHead_logo.jpg" WIDTH=508 HEIGHT=89 ALT="Back to the index page" border="0"></a></TD>
<TD background="templates/AirHead/images/AirHead_topback.jpg">&nbsp;</TD>
</TR>
</TABLE>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" background="templates/AirHead/images/AirHead_nav_back.jpg">&nbsp;<span class="mainmenu">&nbsp;<a href="{U_PORTAL}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{L_HOME}" hspace="3" />{L_HOME}</a>&nbsp;&nbsp;<a href="{U_FORUM_RULES}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_FORUM_RULES}" hspace="3" />{L_FORUM_RULES}</a>&nbsp; &nbsp;
&nbsp;  
<td width="50" background="templates/AirHead/images/AirHead_nav_back.jpg"><img src="templates/AirHead/images/spacer.gif" alt="" height="32" width="1" border="0"></td>
<!-- Begin Navbar --> 
<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center"> 
<tr valign="top"> 
<td width=15%> 
<table cellspacing="1" cellpadding="1" border="0"> 
<!-- BEGIN switch_user_logged_out --> 
<tr> 
<form method="post" action="{S_LOGIN_ACTION}"> 
</tr> 
<tr width=15%> 
<td valign="middle" height="28">{L_USERNAME}</td> 
</tr> 
<tr> 
<td valign="middle" height="28"><input class="post" type="text" name="username" size="10" /></td> 
</tr> 
<tr> 
<td valign="middle" height="28">{L_PASSWORD}</td> 
</tr> 
<tr> 
<td valign="middle" height="28"><input class="post" type="password" name="password" size="10" maxlength="32" /> 
</tr> 
<tr> 
</td> 
</tr> 
<tr> 
<td> 
{L_AUTO_LOGIN} <input class="text" type="checkbox" name="autologin" /> 
</td> 
</tr> 
<tr> 
<td> 
<input type="submit" class="mainoption" name="login" value="{L_LOGIN}" /> 
</span></td> 
</tr> 
</form> 
</tr> 
<!-- END switch_user_logged_out --> 
<tr> 
<td valign="top" nowrap="nowrap"> 
<a href="{U_INDEX}" class="nav">{L_FORUM_INDEX}</a> 
</td> 
</tr> 
<tr> 
<td valign="top" nowrap="nowrap"> 
<a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0"  alt="{L_FAQ}" hspace="3" />{L_FAQ}</a> 
</td> 
</tr> 
<tr> 
<td valign="top" nowrap="nowrap"> 
<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0"  alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a> 
</td> 
</tr> 
<tr> 
<td valign="top" nowrap="nowrap"> 
<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0"  alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a> 
</td> 
</tr> 
<tr> 
<td valign="top" nowrap="nowrap"> 
<a href="{U_GROUP_CP}" class="mainmenu"><img  src="templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0"  alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a> 
</td> 
</tr> 
<tr> 
<td valign="top" nowrap="nowrap"> 
<!-- BEGIN switch_user_logged_out --> 
<a href="{U_REGISTER}" class="mainmenu"><img  src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0"  alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a> 
<!-- END switch_user_logged_out --> 
</td> 
</tr> 
<tr> 
<td valign="top" nowrap="nowrap"> 
<a href="{U_PROFILE}" class="mainmenu"><img  src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0"  alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a> 
</td> 
</tr> 
<tr> 
<td valign="top" nowrap="nowrap"> 
<a href="{U_PRIVATEMSGS}" class="mainmenu"><img  src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0"  alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a> 
</td> 
</tr> 
<tr> 
<td valign="top" nowrap="nowrap"> 
<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img  src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0"  alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a> 
</td> 
</tr> 
</td> 
</tr> 
</table> 
</td> 
<td width=85%> 

</tr>
</table>

Here is what it's doing:

[reiyo_oki]

Well it didn't work so here is my code:

Overall_header.tpl

<td width=85%>

</tr>
</table>

There's your problem. Take out the part I highlighted and it should work.

[reiyo_oki]

Oh, and one suggestion. Take out the code for the board navigation from the portal_body.tpl, and move the other blocks from that side to the right side, it looks a lot better.

[akaine]

Where is this?

Code: Select all

[b][color=red]</tr> 
</table>[/color][/b]

[reiyo_oki]

ignore the bbcode. it's right near the end of your overall_header.tpl file.

[akaine]

which ones

Code: Select all

<td valign="top" nowrap="nowrap"> 
<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img  src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0"  alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a> 
</td> 
</tr> 
</td> 
</tr> 
</table> 
</td> 

</tr>
</table>

[reiyo_oki]

the one right after <td width=85%>

[akaine]

Didn't change anything

[reiyo_oki]

Give me a few minutes. I'll look through your code again to see if I can spot anything else.

[akaine]

Is this the way my code should be?

Code: Select all

<td valign="top" nowrap="nowrap"> 
<a href="{U_PROFILE}" class="mainmenu"><img  src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0"  alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a> 
</td> 
</tr> 
<tr> 
<td valign="top" nowrap="nowrap"> 
<a href="{U_PRIVATEMSGS}" class="mainmenu"><img  src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0"  alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a> 
</td> 
</tr> 
<tr> 
<td valign="top" nowrap="nowrap"> 
<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img  src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0"  alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a> 
</td> 
</tr> 
</td> 
</tr> 
</table> 
</td>