Adding buttons..........in a new row

Started by Jumbobeef, January 05, 2007, 01:04:08 PM

Previous topic - Next topic

Jumbobeef

SMF Version: SMF 1.1 RC3
Hello.

I know how to add more buttons (default theme) to go on the top blue bar but I now have so many it pushes everything out to the right.  Is it possible to either make the buttons go into two or three lines to fit the screen or to force the buttons into two or three lines?

I hope this makes sence.

Thanks!

Jumbobeef


SleePy

Just copy the start and end parts for the menu and add them at the end then add more button links
You could also duplicate the current button function and make it slightly different name, customize it then add the function in the first function.
Jeremy D ~ Site Team / SMF Developer ~ GitHub Profile ~ Join us on IRC @ Libera.chat/#smf ~ Support the SMF Support team!

Jumbobeef

Hi,

Thanks for the reply but I can't work out how to do this.  Could you please show me how to have a second row of buttons under the first (even if they are the same as the first row, I can edit them later).

Thanks!

Syl

Hmmmm.....locate the HTML code that displays your first set of buttons.  I'm not sure what that looks like....but if you post it here - I might be able to help.  No guarantees - I'm not an expert, but I've done a good bit of fiddling over the last few weeks.

Syl

SleePy

Can you attach your current index.template.php
Jeremy D ~ Site Team / SMF Developer ~ GitHub Profile ~ Join us on IRC @ Libera.chat/#smf ~ Support the SMF Support team!

Jumbobeef

#6
Here it is (and thanks in advance):

<?php
// Version: 1.1 RC3; 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 RC3';

/* 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;
}

// 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'], '" />
<meta name="keywords" content="PHP, MySQL, bulletin, board, free, open, source, smf, simple, machines, forum" />
<link rel="shortcut icon" href="http://www.bswc.co.uk/images/favicon.ico">
<script language="JavaScript" type="text/javascript" src="'
$settings['default_theme_url'], '/script.js?rc3"></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'";
// ]]></script>
<title>'
$context['page_title'], '</title>';

// The ?rc3 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?rc3" />
<link rel="stylesheet" type="text/css" href="'
$settings['default_theme_url'], '/print.css?rc3" 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>
</head>
<body>'
;

echo '
<div class="tborder" '
$context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' style="width: 100%;"' '''>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="catbg" height="32">'
;

if (empty($settings['header_logo_url']))
echo '
<span style="font-family: Verdana, sans-serif; font-size: 140%; ">'
$context['forum_name'], '</span>';
else
echo '
<img src="'
$settings['header_logo_url'], '" style="margin: 4px;" alt="'$context['forum_name'], '" />';

echo '
</td>
<td align="right" class="catbg">
<img src="'
$settings['images_url'], '/smflogo.gif" style="margin: 2px;" alt="" />
</td>
</tr>
</table>'
;


// display user name
echo '
<table width="100%" cellpadding="0" cellspacing="0" border="0" >
<tr>'
;

if($context['user']['is_logged'])
echo '
<td class="titlebg2" height="32">
<span style="font-size: 130%;"> '
$txt['hello_member_ndt'], ' <b>'$context['user']['name'] , '</b></span>
</td>'
;

// display the time
echo '
<td class="titlebg2" height="32" align="right">
<span class="smalltext">' 
$context['current_time'], '</span>';

// this is the upshrink button for the user info section
echo '
<a href="#" onclick="shrinkHeader(!current_header); return false;"><img id="upshrink" src="'
$settings['images_url'], '/', empty($options['collapse_header']) ? 'upshrink.gif' 'upshrink2.gif''" alt="*" title="'$txt['upshrink_description'], '" align="bottom" style="margin: 0 1ex;" /></a>
</td>
</tr>
<tr id="upshrinkHeader"'
, empty($options['collapse_header']) ? '' ' style="display: none;"''>
<td valign="top" colspan="2">
<table width="100%" class="bordercolor" cellpadding="8" cellspacing="1" border="0" style="margin-top: 1px;">
<tr>'
;

if (!empty($context['user']['avatar']))
echo '
<td class="windowbg" valign="middle">'
$context['user']['avatar']['image'], '</td>';

echo '
<td colspan="2" width="100%" valign="top" class="windowbg2"><span class="middletext">'
;

// If the user is logged in, display stuff like their name, new messages, etc.
if ($context['user']['is_logged'])
{
echo '
<a href="'
$scripturl'?action=unread">'$txt['unread_since_visit'], '</a> <br />
<a href="'
$scripturl'?action=unreadreplies">'$txt['show_unread_replies'], '</a><br />';

}
// Otherwise they're a guest - send them a lovely greeting...
else
echo $txt['welcome_guest'];

// Now, onto our second set of info, are they logged in again?
if ($context['user']['is_logged'])
{
// Is the forum in maintenance mode?
if ($context['in_maintenance'] && $context['user']['is_admin'])
echo '
<b>'
$txt[616], '</b><br />';

// Are there any members waiting for approval?
if (!empty($context['unapproved_members']))
echo '
'
$context['unapproved_members'] == $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="'$scripturl'?action=viewmembers;sa=browse;type=approve">'$context['unapproved_members'] == $txt['approve_member'] : $context['unapproved_members'] . ' ' $txt['approve_members'], '</a> '$txt['approve_members_waiting'], '<br />';

// Show the total time logged in?
if (!empty($context['user']['total_time_logged_in']))
{
echo '
'
$txt['totalTimeLogged1'];

// If days is just zero, don't bother to show it.
if ($context['user']['total_time_logged_in']['days'] > 0)
echo $context['user']['total_time_logged_in']['days'] . $txt['totalTimeLogged2'];

// Same with hours - only show it if it's above zero.
if ($context['user']['total_time_logged_in']['hours'] > 0)
echo $context['user']['total_time_logged_in']['hours'] . $txt['totalTimeLogged3'];

// But, let's always show minutes - Time wasted here: 0 minutes ;).
echo $context['user']['total_time_logged_in']['minutes'], $txt['totalTimeLogged4'], '<br />';
}
echo ' </span>';
}
// Otherwise they're a guest - this time ask them to either register or login - lazy bums...
else
{
echo ' </span>
<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'], '" class="middletext" style="margin: 3px 1ex 1px 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" />
<select name="cookielength">
<option value="60">'
$txt['smf53'], '</option>
<option value="1440">'
$txt['smf47'], '</option>
<option value="10080">'
$txt['smf48'], '</option>
<option value="43200">'
$txt['smf49'], '</option>
<option value="-1" selected="selected">'
$txt['smf50'], '</option>
</select>
<input type="submit" value="'
$txt[34], '" /><br />
<span class="middletext">'
$txt['smf52'], '</span>
<input type="hidden" name="hash_passwrd" value="" />
</form>'
;
}

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

echo '
<table id="upshrinkHeader2"'
, empty($options['collapse_header']) ? '' ' style="display: none;"'' width="100%" cellpadding="4" cellspacing="0" border="0">
<tr>'
;

// Show a random news item? (or you could pick one from news_lines...)
if (!empty($settings['enable_news']))
echo '
<td width="90%" class="titlebg2">
<span class="smalltext"><b>'
$txt[102], '</b>: '$context['random_news_line'], '</span>
</td>'
;
echo '
<td class="titlebg2" align="right" nowrap="nowrap" valign="top">
<form action="'
$scripturl'?action=search2" method="post" accept-charset="'$context['character_set'], '" style="margin: 0;">
<a href="'
$scripturl'?action=search;advanced"><img src="'.$settings['images_url'].'/filter.gif" align="middle" style="margin: 0 1ex;" alt="" /></a>
<input type="text" name="search" value="" style="width: 190px;" />&nbsp;
<input type="submit" name="submit" value="'
$txt[182], '" style="width: 11ex;" />
<input type="hidden" name="advanced" value="0" />'
;

// Search within current topic?
if (!empty($context['current_topic']))
echo '
<input type="hidden" name="topic" value="'
$context['current_topic'], '" />';

// If we're on a certain board, limit it to this board ;).
elseif (!empty($context['current_board']))
echo '
<input type="hidden" name="brd['
$context['current_board'], ']" value="'$context['current_board'], '" />';

echo '
</form>
</td>
</tr>
</table>
</div>'
;


// Show the menu here, according to the menu sub template.
template_menu();


// The main content should go here.
echo '
<div id="bodyarea" style="padding: 1ex 0px 2ex 0px;">'
;
}

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="footerarea" style="text-align: center; padding-bottom: 1ex;'
$context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' width: 100%;' '''">
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
function smfFooterHighlight(element, value)
{
element.src = smf_images_url + "/" + (value ? "h_" : "") + element.id + ".gif";
}
// ]]></script>
<table cellspacing="0" cellpadding="3" border="0" align="center" width="100%">
<tr>
<td width="28%" valign="middle" align="'
, !$context['right_to_left'] ? 'right' 'left''">
<a href="http://www.mysql.com/" target="_blank"><img id="powered-mysql" src="'
$settings['images_url'], '/powered-mysql.gif" alt="'$txt['powered_by_mysql'], '" width="54" height="20" style="margin: 5px 16px;" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
<a href="http://www.php.net/" target="_blank"><img id="powered-php" src="'
$settings['images_url'], '/powered-php.gif" alt="'$txt['powered_by_php'], '" width="54" height="20" style="margin: 5px 16px;" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
</td>
<td valign="middle" align="center" style="white-space: nowrap;">
'
theme_copyright(), '
</td>
<td width="28%" valign="middle" align="'
, !$context['right_to_left'] ? 'left' 'right''">
<a href="http://validator.w3.org/check/referer" target="_blank"><img id="valid-xhtml10" src="'
$settings['images_url'], '/valid-xhtml10.gif" alt="'$txt['valid_xhtml'], '" width="54" height="20" style="margin: 5px 16px;" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank"><img id="valid-css" src="'
$settings['images_url'], '/valid-css.gif" alt="'$txt['valid_css'], '" width="54" height="20" style="margin: 5px 16px;" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
</td>
</tr>
</table>'
;

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

// 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'])
{
// 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";
}
}'
;
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>'
;

// 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>
</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-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 '&nbsp;>&nbsp;';
}

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 '
<table cellpadding="0" cellspacing="0" border="0" style="margin-left: 10px;">
<tr>
<td class="maintab_' 
$first '">&nbsp;</td>';

// Show the [home] button.
echo ($current_action=='home' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'home' 'active_back' 'back' '">
<a href="'
$scripturl'">' $txt[103] , '</a>
</td>' 
$current_action == 'home' '<td class="maintab_active_' $last '">&nbsp;</td>' '';

// How about the [search] button?
if ($context['allow_search'])
echo ($current_action == 'search' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'search' 'active_back' 'back' '">
<a href="'
$scripturl'?action=search">' $txt[182] , '</a>
</td>' 
$current_action == 'search' '<td class="maintab_active_' $last '">&nbsp;</td>' '';

// Is the user allowed to administrate at all? ([admin])
if ($context['allow_admin'])
echo ($current_action == 'admin' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'admin' 'active_back' 'back' '">
<a href="'
$scripturl'?action=admin">' $txt[2] , '</a>
</td>' 
$current_action == 'admin' '<td class="maintab_active_' $last '">&nbsp;</td>' '';

// Edit Profile... [profile]
if ($context['allow_edit_profile'])
echo ($current_action == 'profile' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'profile' 'active_back' 'back' '">
<a href="'
$scripturl'?action=profile">' $txt[79] , '</a>
</td>' 
$current_action == 'profile' '<td class="maintab_active_' $last '">&nbsp;</td>' '';

// Go to PM center... [pm]
if ($context['user']['is_logged'] && $context['allow_pm'])
echo ($current_action == 'pm' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'pm' 'active_back' 'back' '">
<a href="'
$scripturl'?action=pm">' $txt['pm_short'] , ' '$context['user']['unread_messages'] > '[<strong>'$context['user']['unread_messages'] . '</strong>]' '' '</a>
</td>' 
$current_action == 'pm' '<td class="maintab_active_' $last '">&nbsp;</td>' '';
// The [calendar]!
if ($context['allow_calendar'])
echo ($current_action == 'calendar' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'calendar' 'active_back' 'back' '">
<a href="'
$scripturl'?action=calendar">' $txt['calendar24'] , '</a>
</td>' 
$current_action == 'calendar' '<td class="maintab_active_' $last '">&nbsp;</td>' '';


// the [member] list button
if ($context['allow_memberlist'])
echo ($current_action == 'mlist' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'mlist' 'active_back' 'back' '">
<a href="'
$scripturl'?action=mlist">' $txt[331] , '</a>
</td>' 
$current_action == 'mlist' '<td class="maintab_active_' $last '">&nbsp;</td>' '';


// If the user is a guest, show [login] button.
if ($context['user']['is_guest'])
echo ($current_action == 'login' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'login' 'active_back' 'back' '">
<a href="'
$scripturl'?action=login">' $txt[34] , '</a>
</td>' 
$current_action == 'login' '<td class="maintab_active_' $last '">&nbsp;</td>' '';


// If the user is a guest, also show [register] button.
if ($context['user']['is_guest'])
echo ($current_action == 'register' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'register' 'active_back' 'back' '">
<a href="http://thebritishsecondwivesclub.co.uk/join/join.htm">' 
$txt[97] , '</a>
</td>' 
$current_action == 'register' '<td class="maintab_active_' $last '">&nbsp;</td>' '';

// If the user is a guest, also show [join] button.
if ($context['user']['is_guest'])
echo ($current_action == 'bswc' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'bswc' 'active_back' 'back' '">
<a href="http://www.bswc.co.uk/join/join.htm">' 
$txt[9003] , '</a>
</td>' 
$current_action == 'bswc' '<td class="maintab_active_' $last '">&nbsp;</td>' '';


// BSWC website link
if ($context['user']['is_guest'])
echo ($current_action == 'bswc' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'bswc' 'active_back' 'back' '">
<a href="http://www.bswc.co.uk">' 
$txt[9000] , '</a>
</td>' 
$current_action == 'bswc' '<td class="maintab_active_' $last '">&nbsp;</td>' '';



// Otherwise, they might want to [logout]...
if ($context['user']['is_logged'])
echo ($current_action == 'logout' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'logout' 'active_back' 'back' '">
<a href="'
$scripturl'?action=logout;sesc='$context['session_id'], '">' $txt[108] , '</a>
</td>' 
$current_action == 'logout' '<td class="maintab_active_' $last '">&nbsp;</td>' '';


 
// BSWC website link
 if ($context['allow_memberlist'])
echo ($current_action == 'bswc' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'bswc' 'active_back' 'back' '">
<a href="http://www.bswc.co.uk">' 
$txt[9000] , '</a>
</td>' 
$current_action == 'bswc' '<td class="maintab_active_' $last '">&nbsp;</td>' '';

  
// Members Area link
 if ($context['allow_memberlist'])
echo ($current_action == 'bswc' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'bswc' 'active_back' 'back' '">
<a href="http://www.bswc.co.uk/members">' 
$txt[9001] , '</a>
</td>' 
$current_action == 'bswc' '<td class="maintab_active_' $last '">&nbsp;</td>' '';

 
// Chat Room link
 if ($context['allow_memberlist'])
echo ($current_action == 'bswc' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'bswc' 'active_back' 'back' '">
<a href="http://www.bswc.co.uk/chat" target="_blank">' 
$txt[9002] , '</a>
</td>' 
$current_action == 'bswc' '<td class="maintab_active_' $last '">&nbsp;</td>' '';

// Join link
 if ($context['allow_memberlist'])
echo ($current_action == 'bswc' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'bswc' 'active_back' 'back' '">
<a href="http://www.bswc.co.uk/join/join">' 
$txt[9003] , '</a>
</td>' 
$current_action == 'bswc' '<td class="maintab_active_' $last '">&nbsp;</td>' '';

// Contact link
 if ($context['allow_memberlist'])
echo ($current_action == 'bswc' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'bswc' 'active_back' 'back' '">
<a href="http://www.bswc.co.uk/contact">' 
$txt[9004] , '</a>
</td>' 
$current_action == 'bswc' '<td class="maintab_active_' $last '">&nbsp;</td>' '';


// FAQs link
 if ($context['allow_memberlist'])
echo ($current_action == 'bswc' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'bswc' 'active_back' 'back' '">
<a href="http://www.bswc.co.uk/faqs">' 
$txt[9005] , '</a>
</td>' 
$current_action == 'bswc' '<td class="maintab_active_' $last '">&nbsp;</td>' '';

 // Spell link
 if ($context['allow_memberlist'])
echo ($current_action == 'bswc' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'bswc' 'active_back' 'back' '">
<a href="http://www.spellcheck.net" target="_blank">' 
$txt[9006] , '</a>
</td>' 
$current_action == 'bswc' '<td class="maintab_active_' $last '">&nbsp;</td>' '';


// The end of tab section.
echo '
<td class="maintab_' 
$last '">&nbsp;</td>
</tr>
</table>'
;

}

// 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>&nbsp;</td>';

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

?>

SleePy

Jeremy D ~ Site Team / SMF Developer ~ GitHub Profile ~ Join us on IRC @ Libera.chat/#smf ~ Support the SMF Support team!

Jumbobeef

Excellent!  Thank you so much ~ that looks great!

Jumbobeef

Hello.

I started this thread 7 (!) years ago.

I am now running 2.0.7 and I want to do the same: add new buttons.  I have looked at this thread but it doesn't seem to match up with the 2.0.7 index.template  (attached below).  Can anyone help please?

Thanks.

<?php
/**
 * Simple Machines Forum (SMF)
 *
 * @package SMF
 * @author Simple Machines
 * @copyright 2011 Simple Machines
 * @license http://www.simplemachines.org/about/smf/license.php BSD
 *
 * @version 2.0
 */

/*        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'] = '2.0';

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

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

        
/* Show sticky and lock status separate from topic icons? */
        
$settings['separate_sticky_lock'] = true;

        
/* Does this theme use the strict doctype? */
        
$settings['strict_doctype'] = false;

        
/* Does this theme use post previews on the message index? */
        
$settings['message_index_preview'] = false;

        
/* Set the following variable to true if this theme requires the optional theme strings file to be loaded. */
        
$settings['require_theme_strings'] = false;
}

// The main sub template above the content.
function template_html_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>'
;

        
// The ?fin20 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'], '/css/index'$context['theme_variant'], '.css?fin20" />';

        
// Some browsers need an extra stylesheet due to bugs/compatibility issues.
        
foreach (array('ie7''ie6''webkit') as $cssfix)
                if (
$context['browser']['is_' $cssfix])
                        echo 
'
        <link rel="stylesheet" type="text/css" href="'
$settings['default_theme_url'], '/css/'$cssfix'.css" />';

        
// RTL languages require an additional stylesheet.
        
if ($context['right_to_left'])
                echo 
'
        <link rel="stylesheet" type="text/css" href="'
$settings['theme_url'], '/css/rtl.css" />';

        
// Here comes the JavaScript bits!
        
echo '
        <script type="text/javascript" src="'
$settings['default_theme_url'], '/scripts/script.js?fin20"></script>
        <script type="text/javascript" src="'
$settings['theme_url'], '/scripts/theme.js?fin20"></script>
        <script type="text/javascript"><!-- // --><![CDATA[
                var smf_theme_url = "'
$settings['theme_url'], '";
                var smf_default_theme_url = "'
$settings['default_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'], '";'$context['show_pm_popup'] ? '
                var fPmPopup = function ()
                {
                        if (confirm("' 
$txt['show_personal_messages'] . '"))
                                window.open(smf_prepareScriptUrl(smf_scripturl) + "action=pm");
                }
                addLoadEvent(fPmPopup);' 
'''
                var ajax_notification_text = "'
$txt['ajax_in_progress'], '";
                var ajax_notification_cancel_text = "'
$txt['modify_cancel'], '";
        // ]]></script>'
;

        echo 
'
        <meta http-equiv="Content-Type" content="text/html; charset='
$context['character_set'], '" />
        <meta name="description" content="'
$context['page_title_html_safe'], '" />', !empty($context['meta_keywords']) ? '
        <meta name="keywords" content="' 
$context['meta_keywords'] . '" />' '''
        <title>'
$context['page_title_html_safe'], '</title>';

        
// Please don't index these Mr Robot.
        
if (!empty($context['robot_no_index']))
                echo 
'
        <meta name="robots" content="noindex" />'
;

        
// Present a canonical url for search engines to prevent duplicate content in their indices.
        
if (!empty($context['canonical_url']))
                echo 
'
        <link rel="canonical" href="'
$context['canonical_url'], '" />';

        
// Show all the relative links, such as help, search, contents, and the like.
        
echo '
        <link rel="help" href="'
$scripturl'?action=help" />
        <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']) && (!empty($modSettings['allow_guestAccess']) || $context['user']['is_logged']))
                echo 
'
        <link rel="alternate" type="application/rss+xml" title="'
$context['forum_name_html_safe'], ' - '$txt['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" />';

        
// Output any remaining HTML headers. (from mods, maybe?)
        
echo $context['html_headers'];

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

function 
template_body_above()
{
        global 
$context$settings$options$scripturl$txt$modSettings;

        echo !empty(
$settings['forum_width']) ? '
<div id="wrapper" style="width: ' 
$settings['forum_width'] . '">' '''
        <div id="header"><div class="frame">
                <div id="top_section">
                        <h1 class="forumtitle">
                                <a href="'
$scripturl'">', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '<img src="' $context['header_logo_url_html_safe'] . '" alt="' $context['forum_name'] . '" />''</a>
                        </h1>'
;

        
// the upshrink image, right-floated
        
echo '
                        <img id="upshrink" src="'
$settings['images_url'], '/upshrink.png" alt="*" title="'$txt['upshrink_description'], '" style="display: none;" />';
        echo 
'
                        '
, empty($settings['site_slogan']) ? '<img id="smflogo" src="' $settings['images_url'] . '/smflogo.png" alt="Simple Machines Forum" title="Simple Machines Forum" />' '<div id="siteslogan" class="floatright">' $settings['site_slogan'] . '</div>''
                </div>
                <div id="upper_section" class="middletext"'
, empty($options['collapse_header']) ? '' ' style="display: none;"''>
                        <div class="user">'
;

        
// If the user is logged in, display stuff like their name, new messages, etc.
        
if ($context['user']['is_logged'])
        {
                if (!empty(
$context['user']['avatar']))
                        echo 
'
                                <p class="avatar">'
$context['user']['avatar']['image'], '</p>';
                echo 
'
                                <ul class="reset">
                                        <li class="greeting">'
$txt['hello_member_ndt'], ' <span>'$context['user']['name'], '</span></li>
                                        <li><a href="'
$scripturl'?action=unread">'$txt['unread_since_visit'], '</a></li>
                                        <li><a href="'
$scripturl'?action=unreadreplies">'$txt['show_unread_replies'], '</a></li>';

                
// Is the forum in maintenance mode?
                
if ($context['in_maintenance'] && $context['user']['is_admin'])
                        echo 
'
                                        <li class="notice">'
$txt['maintain_mode_on'], '</li>';

                
// Are there any members waiting for approval?
                
if (!empty($context['unapproved_members']))
                        echo 
'
                                        <li>'
$context['unapproved_members'] == $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="'$scripturl'?action=admin;area=viewmembers;sa=browse;type=approve">'$context['unapproved_members'] == $txt['approve_member'] : $context['unapproved_members'] . ' ' $txt['approve_members'], '</a> '$txt['approve_members_waiting'], '</li>';

                if (!empty(
$context['open_mod_reports']) && $context['show_open_reports'])
                        echo 
'
                                        <li><a href="'
$scripturl'?action=moderate;area=reports">'sprintf($txt['mod_reports_waiting'], $context['open_mod_reports']), '</a></li>';

                echo 
'
                                        <li>'
$context['current_time'], '</li>
                                </ul>'
;
        }
        
// Otherwise they're a guest - this time ask them to either register or login - lazy bums...
        
elseif (!empty($context['show_login_bar']))
        {
                echo 
'
                                <script type="text/javascript" src="'
$settings['default_theme_url'], '/scripts/sha1.js"></script>
                                <form id="guest_form" action="'
$scripturl'?action=login2" method="post" accept-charset="'$context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' $context['session_id'] . '\');"' '''>
                                        <div class="info">'
sprintf($txt['welcome_guest'], $txt['guest_title']), '</div>
                                        <input type="text" name="user" size="10" class="input_text" />
                                        <input type="password" name="passwrd" size="10" class="input_password" />
                                        <select name="cookielength">
                                                <option value="60">'
$txt['one_hour'], '</option>
                                                <option value="1440">'
$txt['one_day'], '</option>
                                                <option value="10080">'
$txt['one_week'], '</option>
                                                <option value="43200">'
$txt['one_month'], '</option>
                                                <option value="-1" selected="selected">'
$txt['forever'], '</option>
                                        </select>
                                        <input type="submit" value="'
$txt['login'], '" class="button_submit" /><br />
                                        <div class="info">'
$txt['quick_login_dec'], '</div>';

                if (!empty(
$modSettings['enableOpenID']))
                        echo 
'
                                        <br /><input type="text" name="openid_identifier" id="openid_url" size="25" class="input_text openid_login" />'
;

                echo 
'
                                        <input type="hidden" name="hash_passwrd" value="" />
                                </form>'
;
        }

        echo 
'
                        </div>
                        <div class="news normaltext">
                                <form id="search_form" action="'
$scripturl'?action=search2" method="post" accept-charset="'$context['character_set'], '">
                                        <input type="text" name="search" value="" class="input_text" />&nbsp;
                                        <input type="submit" name="submit" value="'
$txt['search'], '" class="button_submit" />
                                        <input type="hidden" name="advanced" value="0" />'
;

        
// Search within current topic?
        
if (!empty($context['current_topic']))
                echo 
'
                                        <input type="hidden" name="topic" value="'
$context['current_topic'], '" />';
        
// If we're on a certain board, limit it to this board ;).
        
elseif (!empty($context['current_board']))
                echo 
'
                                        <input type="hidden" name="brd['
$context['current_board'], ']" value="'$context['current_board'], '" />';

        echo 
'</form>';

        
// Show a random news item? (or you could pick one from news_lines...)
        
if (!empty($settings['enable_news']))
                echo 
'
                                <h2>'
$txt['news'], ': </h2>
                                <p>'
$context['random_news_line'], '</p>';

        echo 
'
                        </div>
                </div>
                <br class="clear" />'
;

        
// Define the upper_section toggle in JavaScript.
        
echo '
                <script type="text/javascript"><!-- // --><![CDATA[
                        var oMainHeaderToggle = new smc_Toggle({
                                bToggleEnabled: true,
                                bCurrentlyCollapsed: '
, empty($options['collapse_header']) ? 'false' 'true'',
                                aSwappableContainers: [
                                        \'upper_section\'
                                ],
                                aSwapImages: [
                                        {
                                                sId: \'upshrink\',
                                                srcExpanded: smf_images_url + \'/upshrink.png\',
                                                altExpanded: '
JavaScriptEscape($txt['upshrink_description']), ',
                                                srcCollapsed: smf_images_url + \'/upshrink2.png\',
                                                altCollapsed: '
JavaScriptEscape($txt['upshrink_description']), '
                                        }
                                ],
                                oThemeOptions: {
                                        bUseThemeSettings: '
$context['user']['is_guest'] ? 'false' 'true'',
                                        sOptionName: \'collapse_header\',
                                        sSessionVar: '
JavaScriptEscape($context['session_var']), ',
                                        sSessionId: '
JavaScriptEscape($context['session_id']), '
                                },
                                oCookieOptions: {
                                        bUseCookie: '
$context['user']['is_guest'] ? 'true' 'false'',
                                        sCookieName: \'upshrink\'
                                }
                        });
                // ]]></script>'
;

        
// Show the menu here, according to the menu sub template.
        
template_menu();

        echo 
'
                <br class="clear" />
        </div></div>'
;

        
// The main content should go here.
        
echo '
        <div id="content_section"><div class="frame">
                <div id="main_content_section">'
;

        
// Custom banners and shoutboxes should be placed here, before the linktree.

        // Show the navigation tree.
        
theme_linktree();
        
//SMFPacks Shoutbox -->
        
if (function_exists('template_shoutbox')) template_shoutbox('main');
        
// <-- SMFPacks Shoutbox
}

function 
template_body_below()
{
        global 
$context$settings$options$scripturl$txt$modSettings;

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

        
// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
        
echo '
        <div id="footer_section"><div class="frame">
                <ul class="reset">
                        <li class="copyright">'
theme_copyright(), '</li>
                        <li><a id="button_xhtml" href="http://validator.w3.org/check?uri=referer" target="_blank" class="new_win" title="'
$txt['valid_xhtml'], '"><span>'$txt['xhtml'], '</span></a></li>
                        '
, !empty($modSettings['xmlnews_enable']) && (!empty($modSettings['allow_guestAccess']) || $context['user']['is_logged']) ? '<li><a id="button_rss" href="' $scripturl '?action=.xml;type=rss" class="new_win"><span>' $txt['rss'] . '</span></a></li>' '''
                        <li class="last"><a id="button_wap2" href="'
$scripturl '?wap2" class="new_win"><span>'$txt['wap2'], '</span></a></li>
                </ul>'
;

        
// Show the load time?
        
if ($context['show_load_time'])
                echo 
'
                <p>'
$txt['page_created'], $context['load_time'], $txt['seconds_with'], $context['load_queries'], $txt['queries'], '</p>';

        echo 
'
        </div></div>'
, !empty($settings['forum_width']) ? '
</div>' 
'';
}

function 
template_html_below()
{
        global 
$context$settings$options$scripturl$txt$modSettings;

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

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

        
// If linktree is empty, just return - also allow an override.
        
if (empty($context['linktree']) || (!empty($context['dont_default_linktree']) && !$force_show))
                return;

        echo 
'
        <div class="navigate_section">
                <ul>'
;

        
// Each tree item has a URL and name. Some may have extra_before and extra_after.
        
foreach ($context['linktree'] as $link_num => $tree)
        {
                echo 
'
                        <li'
, ($link_num == count($context['linktree']) - 1) ? ' class="last"' '''>';

                
// 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 $settings['linktree_link'] && isset($tree['url']) ? '
                                <a href="' 
$tree['url'] . '"><span>' $tree['name'] . '</span></a>' '<span>' $tree['name'] . '</span>';

                
// 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 
' &#38;#187;';

                echo 
'
                        </li>'
;
        }
        echo 
'
                </ul>
        </div>'
;

        
$shown_linktree true;
}

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

        echo 
'
                <div id="main_menu">
                        <ul class="dropmenu" id="menu_nav">'
;

        foreach (
$context['menu_buttons'] as $act => $button)
        {
                echo 
'
                                <li id="button_'
$act'">
                                        <a class="'
$button['active_button'] ? 'active ' '''firstlevel" href="'$button['href'], '"', isset($button['target']) ? ' target="' $button['target'] . '"' '''>
                                                <span class="'
, isset($button['is_last']) ? 'last ' '''firstlevel">'$button['title'], '</span>
                                        </a>'
;
                if (!empty(
$button['sub_buttons']))
                {
                        echo 
'
                                        <ul>'
;

                        foreach (
$button['sub_buttons'] as $childbutton)
                        {
                                echo 
'
                                                <li>
                                                        <a href="'
$childbutton['href'], '"', isset($childbutton['target']) ? ' target="' $childbutton['target'] . '"' '''>
                                                                <span'
, isset($childbutton['is_last']) ? ' class="last"' '''>'$childbutton['title'], !empty($childbutton['sub_buttons']) ? '...' '''</span>
                                                        </a>'
;
                                
// 3rd level menus :)
                                
if (!empty($childbutton['sub_buttons']))
                                {
                                        echo 
'
                                                        <ul>'
;

                                        foreach (
$childbutton['sub_buttons'] as $grandchildbutton)
                                                echo 
'
                                                                <li>
                                                                        <a href="'
$grandchildbutton['href'], '"', isset($grandchildbutton['target']) ? ' target="' $grandchildbutton['target'] . '"' '''>
                                                                                <span'
, isset($grandchildbutton['is_last']) ? ' class="last"' '''>'$grandchildbutton['title'], '</span>
                                                                        </a>
                                                                </li>'
;

                                        echo 
'
                                                        </ul>'
;
                                }

                                echo 
'
                                                </li>'
;
                        }
                                echo 
'
                                        </ul>'
;
                }
                echo 
'
                                </li>'
;
        }

        echo 
'
                        </ul>
                </div>'
;
}

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

        if (!
is_array($strip_options))
                
$strip_options = array();

        
// List the buttons in reverse order for RTL languages.
        
if ($context['right_to_left'])
                
$button_strip array_reverse($button_striptrue);

        
// Create the buttons...
        
$buttons = array();
        foreach (
$button_strip as $key => $value)
        {
                if (!isset(
$value['test']) || !empty($context[$value['test']]))
                        
$buttons[] = '
                                <li><a' 
. (isset($value['id']) ? ' id="button_strip_' $value['id'] . '"' '') . ' class="button_strip_' $key . (isset($value['active']) ? ' active' '') . '" href="' $value['url'] . '"' . (isset($value['custom']) ? ' ' $value['custom'] : '') . '><span>' $txt[$value['text']] . '</span></a></li>';
        }

        
// No buttons? No button strip either.
        
if (empty($buttons))
                return;

        
// Make the last one, as easy as possible.
        
$buttons[count($buttons) - 1] = str_replace('<span>''<span class="last">'$buttons[count($buttons) - 1]);

        echo 
'
                <div class="buttonlist'
, !empty($direction) ? ' float' $direction '''"', (empty($buttons) ? ' style="display: none;"' ''), (!empty($strip_options['id']) ? ' id="' $strip_options['id'] . '"'''), '>
                        <ul>'
,
                                
implode(''$buttons), '
                        </ul>
                </div>'
;
}

?>

margarett

Se forem conduzir, não bebam. Se forem beber... CHAMEM-ME!!!! :D

QuoteOver 90% of all computer problems can be traced back to the interface between the keyboard and the chair

Jumbobeef

Quote from: margarett on March 18, 2014, 08:07:15 AM
Try this
http://www.simplemachines.org/community/index.php?topic=518648.0

;)

Thanks, but I still don't understand how to add new buttons (in a new row or to the existing row) as I can't see the existing buttons in the first place.....

margarett

The buttons (in a single row) in SMF can be added like this:
How do I add buttons to SMF 2.0?
Se forem conduzir, não bebam. Se forem beber... CHAMEM-ME!!!! :D

QuoteOver 90% of all computer problems can be traced back to the interface between the keyboard and the chair

Jumbobeef

Thanks!  I did search but I must be blind/stupid....

Bobby

Ok, let's try with your index.template.php above
For example, you want to add 2 buttons that show the links: yourforum.com/index.php?action=downloads and yourforum.com/index.php?action=blogs
Find:
if ($context['current_action'] == 'search2')
$current_action = 'search';

Add after:
if (in_array($context['current_action'], array('downloads', 'blogs')))
$current_action = 'downloads';


Find:
// Show the [home] button.
echo ($current_action=='home' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' . $first . '">&nbsp;</td>' : '' , '
<td valign="top" class="maintab_' , $current_action == 'home' ? 'active_back' : 'back' , '">
<a href="', $scripturl, '">' , $txt[103] , '</a>
</td>' , $current_action == 'home' ? '<td class="maintab_active_' . $last . '">&nbsp;</td>' : '';


Add after:
// Show the [downloads] button.
echo ($current_action=='downloads' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' . $first . '">&nbsp;</td>' : '' , '
<td valign="top" class="maintab_' , $current_action == 'downloads' ? 'active_back' : 'back' , '">
<a href="', $scripturl, '?action=downloads">Downloads</a>
</td>' , $current_action == 'downloads' ? '<td class="maintab_active_' . $last . '">&nbsp;</td>' : '';

// Show the [blogs] button.
echo ($current_action=='blogs' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' . $first . '">&nbsp;</td>' : '' , '
<td valign="top" class="maintab_' , $current_action == 'blogs' ? 'active_back' : 'back' , '">
<a href="', $scripturl, '?action=blogs">Blogs</a>
</td>' , $current_action == 'blogs' ? '<td class="maintab_active_' . $last . '">&nbsp;</td>' : '';


You can change "downloads" and "blogs" for your own!

Jumbobeef

Thanks! 

What if the button is to take you to an external URL?  (either 1/ in same window or 2/ in a new window)


margarett

Just adequate the link part:
<a href="', $scripturl, '?action=blogs">Blogs</a>
Like, eg:
<a href="http://www.google.com">Google</a>
Se forem conduzir, não bebam. Se forem beber... CHAMEM-ME!!!! :D

QuoteOver 90% of all computer problems can be traced back to the interface between the keyboard and the chair

Bobby

Quote from: margarett on March 18, 2014, 12:08:23 PM
Just adequate the link part:
<a href="', $scripturl, '?action=blogs">Blogs</a>
Like, eg:
<a href="http://www.google.com">Google</a>

Quote from: Jumbobeef on March 18, 2014, 11:48:49 AM
Thanks!
What if the button is to take you to an external URL?  (either 1/ in same window or 2/ in a new window)
Yes, the default is same window, if you want a new window, and target="_blank" in the link
Ex: <a href="http://www.google.com" target="_blank">Google</a>

Jumbobeef


Advertisement: