Adding a custom "table" under the NavBar

shadowdeath · December 16, 2010, 05:03:09 PM

So, I want to add an Ad bar under the Navbar with my affiliates in it.
Here's what I got.

echo '<table>
<td>
<tr>Empty</tr>
<tr>Empty</tr>
<td>
</table>;

and the css:

Code Select

<style type="text/css">
td {color:#00ff00;}
table, td, th
{
border:1px solid Grey;
}
td
{
padding:15px;
}
th
{
background-color:DimGrey;
color:white;
}
</style>

Anyone know how to add this in?
I'm lost.

P.s. It's in 1.1.10 on BlackBox.

http://www.tophatforums.tk

IchBin™ · December 16, 2010, 07:09:06 PM

Your table needs to be fixed. The table row and table data tags go in a different order.

<table>
<tr>
<td></td>
</tr>
</table>

You should be able to insert that table right after the template_menu() function call. Depending on the theme, you might have to adjust the HTML a little to make sure you're not breaking anything. If you get stuck, post your code and the code above and below where you are trying to insert. I'm sure someone can help.

shadowdeath · December 17, 2010, 04:54:02 PM

Would this work?

Code Select

<?php
// Version: 1.1.5; index

/*	This template is, perhaps, the most important template in the theme. It
	contains the main template layer that displays the header and footer of
	the forum, namely with main_above and main_below. It also contains the
	menu sub template, which appropriately displays the menu; the init sub
	template, which is there to set the theme up; (init can be missing.) and
	the linktree sub template, which sorts out the link tree.

	The init sub template should load any data and set any hardcoded options.

	The main_above sub template is what is shown above the main content, and
	should contain anything that should be shown up there.

	The main_below sub template, conversely, is shown after the main content.
	It should probably contain the copyright statement and some other things.

	The linktree sub template should display the link tree, using the data
	in the $context['linktree'] variable.

	The menu sub template should display all the relevant buttons the user
	wants and or needs.

	For more information on the templating system, please see the site at:
	http://www.simplemachines.org/
*/

// Initialize the template... mainly little settings.
function template_init()
{
	global $context, $settings, $options, $txt;

	/* Use images from default theme when using templates from the default theme?
		if this is 'always', images from the default theme will be used.
		if this is 'defaults', images from the default theme will only be used with default templates.
		if this is 'never' or isn't set at all, images from the default theme will not be used. */
	$settings['use_default_images'] = 'never';

	/* What document type definition is being used? (for font size and other issues.)
		'xhtml' for an XHTML 1.0 document type definition.
		'html' for an HTML 4.01 document type definition. */
	$settings['doctype'] = 'xhtml';

	/* The version this template/theme is for.
		This should probably be the version of SMF it was created for. */
	$settings['theme_version'] = '1.1.5';

	/* Set a setting that tells the theme that it can render the tabs. */
	$settings['use_tabs'] = true;

	/* Use plain buttons - as oppossed to text buttons? */
	$settings['use_buttons'] = true;

	/* Show sticky and lock status seperate from topic icons? */
	$settings['seperate_sticky_lock'] = true;
	// load custom language strings
	loadLanguage('ThemeStrings');
}

// The main sub template above the content.
function template_main_above()
{
	global $context, $settings, $options, $scripturl, $txt, $modSettings;

	// Show right to left and the character set for ease of translating.
	echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"', $context['right_to_left'] ? ' dir="rtl"' : '', '><head>
	<meta http-equiv="Content-Type" content="text/html; charset=', $context['character_set'], '" />
	<meta name="description" content="', $context['page_title'], '" />', empty($context['robot_no_index']) ? '' : '
	<meta name="robots" content="noindex" />', '
	<meta name="keywords" content="PHP, MySQL, bulletin, board, free, open, source, smf, simple, machines, forum" />
	<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/script.js?fin11"></script>
	<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
		var smf_theme_url = "', $settings['theme_url'], '";
		var smf_images_url = "', $settings['images_url'], '";
		var smf_scripturl = "', $scripturl, '";
		var smf_iso_case_folding = ', $context['server']['iso_case_folding'] ? 'true' : 'false', ';
		var smf_charset = "', $context['character_set'], '";
	// ]]></script>
	<title>', $context['page_title'], '</title>';

	// The ?fin11 part of this link is just here to make sure browsers don't cache it wrongly.
	echo '
	<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/style.css?fin11" />
	<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/print.css?fin11" media="print" />';

	/* Internet Explorer 4/5 and Opera 6 just don't do font sizes properly. (they are big...)
		Thus, in Internet Explorer 4, 5, and Opera 6 this will show fonts one size smaller than usual.
		Note that this is affected by whether IE 6 is in standards compliance mode.. if not, it will also be big.
		Standards compliance mode happens when you use xhtml... */
	if ($context['browser']['needs_size_fix'])
		echo '
	<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/fonts-compat.css" />';

	// Show all the relative links, such as help, search, contents, and the like.
	echo '
	<link rel="help" href="', $scripturl, '?action=help" target="_blank" />
	<link rel="search" href="' . $scripturl . '?action=search" />
	<link rel="contents" href="', $scripturl, '" />';

	// If RSS feeds are enabled, advertise the presence of one.
	if (!empty($modSettings['xmlnews_enable']))
		echo '
	<link rel="alternate" type="application/rss+xml" title="', $context['forum_name'], ' - RSS" href="', $scripturl, '?type=rss;action=.xml" />';

	// If we're viewing a topic, these should be the previous and next topics, respectively.
	if (!empty($context['current_topic']))
		echo '
	<link rel="prev" href="', $scripturl, '?topic=', $context['current_topic'], '.0;prev_next=prev" />
	<link rel="next" href="', $scripturl, '?topic=', $context['current_topic'], '.0;prev_next=next" />';

	// If we're in a board, or a topic for that matter, the index will be the board's index.
	if (!empty($context['current_board']))
		echo '
	<link rel="index" href="' . $scripturl . '?board=' . $context['current_board'] . '.0" />';

	// We'll have to use the cookie to remember the header...
	if ($context['user']['is_guest'])
		$options['collapse_header'] = !empty($_COOKIE['upshrink']);

	// Output any remaining HTML headers. (from mods, maybe?)
	echo $context['html_headers'], '
	<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
		var current_header = ', empty($options['collapse_header']) ? 'false' : 'true', ';

		function shrinkHeader(mode)
		{';

	// Guests don't have theme options!!
	if ($context['user']['is_guest'])
		echo '
			document.cookie = "upshrink=" + (mode ? 1 : 0);';
	else
		echo '
			smf_setThemeOption("collapse_header", mode ? 1 : 0, null, "', $context['session_id'], '");';

	echo '
			document.getElementById("upshrink").src = smf_images_url + (mode ? "/upshrink2.gif" : "/upshrink.gif");

			document.getElementById("upshrinkHeader").style.display = mode ? "none" : "";
			document.getElementById("upshrinkHeader2").style.display = mode ? "none" : "";

			current_header = mode;
		}
	// ]]></script>';

	// the routine for the info center upshrink
	echo '
		<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
			var current_header_ic = ', empty($options['collapse_header_ic']) ? 'false' : 'true',';

			function shrinkHeaderIC(mode)
			{';

	if ($context['user']['is_guest'])
		echo '
				document.cookie = "upshrinkIC=" + (mode ? 1 : 0);';
	else
		echo '
				smf_setThemeOption("collapse_header_ic", mode ? 1 : 0, null, "', $context['session_id'], '");';

	echo '
				document.getElementById("upshrink_ic").src = smf_images_url + (mode ? "/expand.gif" : "/collapse.gif");

				document.getElementById("upshrinkHeaderIC").style.display = mode ? "none" : "";

				current_header_ic = mode;
			}
		// ]]></script>';
echo '
</head>
 <body>
	<div id="wrapper"/>
	  <div id="header">
	<div id="head-l">
	 <div id="head-r">
	  <div id="userarea">';
	 if (!empty($context['user']['avatar']))
	echo '<div class="clearfix"><div id="smf-avatar"><a href="', $scripturl, '?action=profile;u=', $context['user']['id'], ';sa=forumProfile" title="' , $txt['c_profile'] , '" alt="' , $txt['c_profile'] , '">'.$context['user']['avatar']['image'].'</a></div>
  </div>';

	if ($context['user']['is_logged'])
	{
		echo ' <p class="clearfix"><b>', $txt['hello_member'], ' ', $context['user']['name'], '</b><br />';
		// Only tell them about their messages if they can read their messages!
		if ($context['allow_pm'])
			echo $txt[152], ' <a href="', $scripturl, '?action=pm">', $context['user']['messages'], ' ', $context['user']['messages'] != 1 ? $txt[153] : $txt[471], '</a>', $txt['newmessages4'], ' ', $context['user']['unread_messages'], ' ', $context['user']['unread_messages'] == 1 ? $txt['newmessages0'] : $txt['newmessages1'] , '.<br />';
		echo '<a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a><br /><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a><br /><br /></p>';

	}
	// Otherwise they're a guest - this time ask them to either register or login - lazy bums...
	else
	{
		echo '				
		', $txt['welcome_guest'], '
		<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/sha1.js"></script>
		<form action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" style="margin: 4px 0;"', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
			<input type="text" name="user"  size="10" />
			<input type="password" name="passwrd"  size="10" />
			<input type="submit" value="', $txt[34], '" />
			<input type="hidden" name="hash_passwrd" value="" />
		</form>', $context['current_time'],'<br />';
	}

	echo '
	</div>
		<a href="'.$scripturl.'" title=""><span id="logo"> </span></a>';
		echo '
		 </div>
		</div>
	  </div>';
	  echo ' 
		<div id="toolbar">
		  ',template_menu(),'
			</div>
			<div class="page">';

}

function template_main_below()
{
	global $context, $settings, $options, $scripturl, $txt;

		  echo '
		</div>';

	// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!

	echo '
		<div id="footer">
	 <div id="foot-l">
	  <div id="foot-r">
			<div id="footerarea">
				<div class="smalltext">', theme_copyright(), ' 
				<br /> ', $txt['c_copy'], '
			</div>';

		// Show the load time?
	if ($context['show_load_time'])
		echo '
		<br /><div class="smalltext">', $txt['smf301'], $context['load_time'], $txt['smf302'], $context['load_queries'], $txt['smf302b'], '</div>';

	// This is an interesting bug in Internet Explorer AND Safari. Rather annoying, it makes overflows just not tall enough.
	if (($context['browser']['is_ie'] && !$context['browser']['is_ie4']) || $context['browser']['is_mac_ie'] || $context['browser']['is_safari'] || $context['browser']['is_firefox'])
	{
		// The purpose of this code is to fix the height of overflow: auto div blocks, because IE can't figure it out for itself.
		echo '
		<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[';

		// Unfortunately, Safari does not have a "getComputedStyle" implementation yet, so we have to just do it to code...
		if ($context['browser']['is_safari'])
			echo '
			window.addEventListener("load", smf_codeFix, false);

			function smf_codeFix()
			{
				var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");

				for (var i = 0; i < codeFix.length; i++)
				{
					if ((codeFix[i].className == "code" || codeFix[i].className == "post" || codeFix[i].className == "signature") && codeFix[i].offsetHeight < 20)
						codeFix[i].style.height = (codeFix[i].offsetHeight + 20) + "px";
				}
			}';
		elseif ($context['browser']['is_firefox'])
			echo '
			window.addEventListener("load", smf_codeFix, false);
			function smf_codeFix()
			{
				var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");

				for (var i = 0; i < codeFix.length; i++)
				{
					if (codeFix[i].className == "code" && (codeFix[i].scrollWidth > codeFix[i].clientWidth || codeFix[i].clientWidth == 0))
						codeFix[i].style.overflow = "scroll";
				}
			}';			
		else
			echo '
			var window_oldOnload = window.onload;
			window.onload = smf_codeFix;

			function smf_codeFix()
			{
				var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");

				for (var i = codeFix.length - 1; i > 0; i--)
				{
					if (codeFix[i].currentStyle.overflow == "auto" && (codeFix[i].currentStyle.height == "" || codeFix[i].currentStyle.height == "auto") && (codeFix[i].scrollWidth > codeFix[i].clientWidth || codeFix[i].clientWidth == 0) && (codeFix[i].offsetHeight != 0 || codeFix[i].className == "code"))
						codeFix[i].style.height = (codeFix[i].offsetHeight + 36) + "px";
				}

				if (window_oldOnload)
				{
					window_oldOnload();
					window_oldOnload = null;
				}
			}';

		echo '
		// ]]></script>';
	}

	echo '
			</div>
		 </div>
		 </div>
		</div>';

	// The following will be used to let the user know that some AJAX process is running
	echo '
	<div id="ajax_in_progress" style="display: none;', $context['browser']['is_ie'] && !$context['browser']['is_ie7'] ? 'position: absolute;' : '', '">', $txt['ajax_in_progress'], '</div>';

echo '
</body></html>';
}

// Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..
function theme_linktree()
{
	global $context, $settings, $options;

	echo '<div class="nav" style="font-size: smaller; margin-bottom: 2ex; margin-left: 2ex; margin-top: 2ex;">';

	// Each tree item has a URL and name. Some may have extra_before and extra_after.
	foreach ($context['linktree'] as $link_num => $tree)
	{
		// Show something before the link?
		if (isset($tree['extra_before']))
			echo $tree['extra_before'];

		// Show the link, including a URL if it should have one.
		echo '<b>', $settings['linktree_link'] && isset($tree['url']) ? '<a href="' . $tree['url'] . '" class="nav">' . $tree['name'] . '</a>' : $tree['name'], '</b>';

		// Show something after the link...?
		if (isset($tree['extra_after']))
			echo $tree['extra_after'];

		// Don't show a separator for the last one.
		if ($link_num != count($context['linktree']) - 1)
			echo ' ï¿½ ';
	}

	echo '</div>';
}

// Show the menu up top. Something like [home] [help] [profile] [logout]...
function template_menu()
{
	global $context, $settings, $options, $scripturl, $txt;

	// Work out where we currently are.
	$current_action = 'home';
	if (in_array($context['current_action'], array('admin', 'ban', 'boardrecount', 'cleanperms', 'detailedversion', 'dumpdb', 'featuresettings', 'featuresettings2', 'findmember', 'maintain', 'manageattachments', 'manageboards', 'managecalendar', 'managesearch', 'membergroups', 'modlog', 'news', 'optimizetables', 'packageget', 'packages', 'permissions', 'pgdownload', 'postsettings', 'regcenter', 'repairboards', 'reports', 'serversettings', 'serversettings2', 'smileys', 'viewErrorLog', 'viewmembers')))
		$current_action = 'admin';
	if (in_array($context['current_action'], array('search', 'admin', 'calendar', 'profile', 'mlist', 'register', 'login', 'help', 'pm')))
		$current_action = $context['current_action'];
	if ($context['current_action'] == 'search2')
		$current_action = 'search';
	if ($context['current_action'] == 'theme')
		$current_action = isset($_REQUEST['sa']) && $_REQUEST['sa'] == 'pick' ? 'profile' : 'admin';

	// Are we using right-to-left orientation?
	if ($context['right_to_left'])
	{
		$first = 'last';
		$last = 'first';
	}
	else
	{
		$first = 'first';
		$last = 'last';
	}

// Show the start of the tab section.
 echo '	<ul class="menu1">';
// Show the [home] button.
	 echo '<li', $current_action == 'home' ? ' 
class="active"' : '', '><a href="', $scripturl, '"><b>' , $txt[103] , '</b></a></li>';
// Show the [help] button.
	 echo '<li', $current_action == 'help' ? ' 
class="active"' : '', '><a href="', $scripturl, '?action=help"><b>' , $txt[119] , '</b></a></li>';
// How about the [search] button?
if ($context['allow_search'])
	 echo '<li', $current_action == 'search' ? ' 
class="active"' : '', '><a href="', $scripturl, '?action=search"><b>' , $txt[182] , '</b></a></li>';
// Show the website button
echo '<li><a href="http://www.tophat.tk"><b>Website</b></a></li>';
// Is the user allowed to administrate at all? ([admin])
if ($context['allow_admin'])
	 echo '<li', $current_action == 'admin' ? ' class="active"' : '', '><a href="', $scripturl, '?action=admin"><b>' , $txt[2] , '</b></a></li>';
// Edit Profile... [profile]
if ($context['allow_edit_profile'])
	 echo '<li', $current_action == 'profile' ? ' 
class="active"' : '', '><a href="', $scripturl, '?action=profile"><b>' , $txt[79] , '</b></a></li>';
// Go to PM center... [pm]
if ($context['user']['is_logged'] && $context['allow_pm'])
	echo '<li', $current_action == 'pm' ? ' 
class="active"' : '', '><a href="', $scripturl, '?action=pm"><b>' , $txt['pm_short'] , ' ', $context['user']['unread_messages'] > 0 ? '[<blink> '. $context['user']['unread_messages'] . ' </blink>]' : '' , '</b></a></li>';
// The [calendar]!
if ($context['allow_calendar'])
	echo '<li', $current_action == 'calendar' ? ' 
class="active"' : '', '><a href="', $scripturl, '?action=calendar"><b>' , $txt['calendar24'] , '</b></a></li>';
// The [member] list button.
if ($context['allow_memberlist'])
	echo '<li', $current_action == 'mlist' ? ' 
class="active"' : '', '><a href="', $scripturl, '?action=mlist"><b>' , $txt[331] , '</b></a></li>';
// If the user is a guest, also show [register] button.
if ($context['user']['is_guest'])
	echo '<li', $current_action == 'register' ? ' 
class="active"' : '', '><a href="', $scripturl, '?action=register"><b>' , $txt[97] , '</b></a></li>';
// If the user is a guest, show [login] button.
if ($context['user']['is_guest'])
	echo '<li', $current_action == 'login' ? ' 
class="active"' : '', '><a href="', $scripturl, '?action=login"><b>' , $txt[34] , '</b></a></li>';
// Otherwise, they might want to [logout]...
if ($context['user']['is_logged'])
	echo '<li', $current_action == 'logout' ? ' 
class="active"' : '', '><a href="', $scripturl, '?action=logout;sesc=', $context['session_id'], '"><b>' , $txt[108] , '</b></a></li>';
[b]// Show the Ad Bar
echo'  <style type="text/css">
td {color:#00ff00;}
table, td, th
{
border:1px solid Grey;
}
td
{
padding:15px;
}
th
{
background-color:DimGrey;
color:white;
}
</style>
  <table>
     <tr>
      <td>~</td>
     </tr>
     </table>[/b]
	echo '
	 </ul>';
}

// Generate a strip of buttons.
function template_button_strip($button_strip, $direction = 'top', $force_reset = false, $custom_td = '')
{
	global $settings, $buttons, $context, $txt, $scripturl;

	// Create the buttons...
	foreach ($button_strip as $key => $value)
	{
		if (isset($value['test']) && empty($context[$value['test']]))
		{
			unset($button_strip[$key]);
			continue;
		}
		elseif (!isset($buttons[$key]) || $force_reset)
			$buttons[$key] = '<a href="' . $value['url'] . '" ' .( isset($value['custom']) ? $value['custom'] : '') . '>' . $txt[$value['text']] . '</a>';

		$button_strip[$key] = $buttons[$key];
	}

	if (empty($button_strip))
		return '<td> </td>';

	echo '
		<td class="', $direction == 'top' ? 'main' : 'mirror', 'tab_' , $context['right_to_left'] ? 'last' : 'first' , '"> </td>
		<td class="', $direction == 'top' ? 'main' : 'mirror', 'tab_back">', implode('  |  ', $button_strip) , '</td>
		<td class="', $direction == 'top' ? 'main' : 'mirror', 'tab_' , $context['right_to_left'] ? 'first' : 'last' , '"> </td>';
}

?>

(Code is bold)

DoctorMalboro · December 17, 2010, 05:04:25 PM

Mmm... i don't think it will work there... i would try to put the CSS before </head> (to make the load faster) and put it inside an echo after:
echo '
</ul>';

shadowdeath · December 17, 2010, 06:35:41 PM

You sure that'll work?

Mick. · December 17, 2010, 06:46:10 PM

Try this?

Code Select

echo'
<style type="text/css">

td {color:#00ff00;}
table, td, th
{
border:1px solid Grey;
}
td
{
background-color: black;
padding:15px;
}
</style>

	
    <table>
      <tbody>
        <tr>
          <td>empty</td>
          <td>empty</td>
        </tr>
      </tbody>
    </table>';

shadowdeath · December 17, 2010, 06:51:38 PM

Sound good.
But what's the <tbody> tag?
Never seen it.

Mick. · December 17, 2010, 06:54:35 PM

Quote from: shadowdeath on December 17, 2010, 06:51:38 PM
Sound good.
But what's the <tbody> tag?
Never seen it.

I was using an html editor,.... remove them and see what happens.

shadowdeath · December 17, 2010, 06:58:13 PM

I'll try...

shadowdeath · December 17, 2010, 07:12:30 PM

Ok.
I got the words to appear, but no table.

Code Select

  echo'
    <style type="text/css">
    .Topbar3567 {
table, th, td
{
border: 1px solid black;
}
}
</style>
 
    <div id="Topbar3567">
    <center>
    <table>
        <tr>
          <td>empty</td>
          <td>empty</td>
        </tr>
    </table>
    </center>';

Mick. · December 17, 2010, 07:17:55 PM

This should get you straight.... http://www.w3schools.com/css/tryit.asp?filename=trycss_table_fancy

News:

Adding a custom "table" under the NavBar