News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

Main Menu

Theme Layout Changes

Started by junjimalaza, July 06, 2006, 07:58:52 PM

Previous topic - Next topic
Print
Go Down Pages1
User actions

junjimalaza

July 06, 2006, 07:58:52 PM
Hi,

I'm trying to get myself dirty on themes now, I'm trying to understand how to change the layout like moving the forum lists on top while the Forum's name, search bar, menu and all of those that are on top to be moved down. I've searched the forums about this and nothing seems to fit what I need, in fact the way I see it for now is that there are really now true layout changes under the themes, if there are, if it is possible can somebody point it out.

The layout change should look like this:



Cheers!

Deaks

#1
July 07, 2006, 04:52:18 AM
if you can work it out then please share as ive been trying it since rc2 was released with constant errors
~~~~
Former SMF Project Manager
Former SMF Customizer

"For as lang as hunner o us is in life, in nae wey
will we thole the Soothron tae owergang us. In truth it isna for glory, or wealth, or
honours that we fecht, but for freedom alane, that nae honest cheil gies up but wi life
itsel."

bloc

#2
July 07, 2006, 08:37:58 AM
This kind of layout require some thinking. You probably know that anything in index.template is rendered on all pages, while BoardIndex.template is used only when viewing the forum index. So..in order to shift those 2 things, you need to look at index.template. It has 2 functions - one "above" and one "below". Now, if you put all the user-info stuff from "above" to "below" function, it will go underneath everything else.

But if you need it ONLY on Boardindex, you need to do some php checking instead. Roughly you could check if you are indeed showing boardindex ($action value will not be set) and if so, do not render most of things in "above" function, also you need to copy over those things to Boardindex.template, placing it underneath or inbetween the things there. Then those 2 areas will shift when in BoardIndex..but not elsewhere.

bloc

#3
July 07, 2006, 08:41:15 AM
Quote from: sloopz on July 07, 2006, 04:52:18 AM
if you can work it out then please share as ive been trying it since rc2 was released with constant errors

I suspect its becasue you might tried to move the code in BoardIndex.template over to index.template? That will not work, BoardIndex.template get its info from BoardIndex.php , which is ONLY executed when you are on the forum index.

Deaks

#4
July 07, 2006, 06:02:02 PM
no i tried moving

Code Select
// 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>';

just after <body>';
~~~~
Former SMF Project Manager
Former SMF Customizer

"For as lang as hunner o us is in life, in nae wey
will we thole the Soothron tae owergang us. In truth it isna for glory, or wealth, or
honours that we fecht, but for freedom alane, that nae honest cheil gies up but wi life
itsel."

junjimalaza

#5
July 08, 2006, 11:24:13 AM
Quote from: sloopz on July 07, 2006, 06:02:02 PM
no i tried moving

Code Select
// 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>';

just after <body>';

i did exactly that but it didn't work, I'm going to try this again locally and see what will happen.

Thanks for the replies guys, I'll let you know before I call it a day if everything worked.

junjimalaza

#6
July 08, 2006, 02:41:37 PM
Quote from: Bloc on July 07, 2006, 08:37:58 AM
This kind of layout require some thinking. You probably know that anything in index.template is rendered on all pages, while BoardIndex.template is used only when viewing the forum index. So..in order to shift those 2 things, you need to look at index.template. It has 2 functions - one "above" and one "below". Now, if you put all the user-info stuff from "above" to "below" function, it will go underneath everything else.

But if you need it ONLY on Boardindex, you need to do some php checking instead. Roughly you could check if you are indeed showing boardindex ($action value will not be set) and if so, do not render most of things in "above" function, also you need to copy over those things to Boardindex.template, placing it underneath or inbetween the things there. Then those 2 areas will shift when in BoardIndex..but not elsewhere.

Arggghhhh!!!!! Shouldn't have wasted time and paper on this, I was so stupid to look at it in another way, what you said did work but I was so chicken to do it in the first place. All I did was cut and paste the contents of template_main_above and paste in somewhere within the below function. Like this:

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

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


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

// 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" />
<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/script.js?rc2p"></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 ?rc2 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?rc2" />
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/print.css?rc2" 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>';
/*start cutting here*/
 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 greating...
 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'] == 1 ? $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="', $scripturl, '?action=viewmembers;sa=browse;type=approve">', $context['unapproved_members'] == 1 ? $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 '
<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/sha1.js"></script>

<form action="', $scripturl, '?action=login2" method="post" 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="302400">', $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" 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();

 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>
</body></html>';
}

/*seems like this is it*/

// 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>' : '';

 // Show the [help] button.
 echo ($current_action == 'help' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' . $first . '">&nbsp;</td>' : '' , '
<td valign="top" class="maintab_' , $current_action == 'help' ? 'active_back' : 'back' , '">
<a href="', $scripturl, '?action=help">' , $txt[119] , '</a>
</td>' , $current_action == 'help' ? '<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'] > 0 ? '[<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="', $scripturl, '?action=register">' , $txt[97] , '</a>
</td>' , $current_action == 'register' ? '<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>' : '';

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

?>


Hey sloopz I kinda included everything else so just copy it ok.

Thanks for the tip bloc, I'm not much of a php coder, I'm more of a designer actually.

Cheers to all.

bloc

#7
July 10, 2006, 04:16:17 AM
Me too, junjimalaza. :) But dealing with templates kind of snuck in the php knowledge too lol. :)
Print
Go Up Pages1
User actions
Advertisement: