SMF forum banner input? NP$ reward

zack · 02-06-2006, 11:34 AM

NP$ Reward to whoever makes this work.
I own a SMF forum and I would like to add a banner at the top to make it more attractive. Is there a WYSIWYG editor where I can do this...Do I edit the style doc?
My forum is www.cherreysexhaust.com/forum btw.

Eric · 02-06-2006, 02:12 PM

Themes/index.template.php

PHP Code:

   
????: NamePros.com http://www.namepros.com/programming/165040-smf-forum-banner-input.html
// The main sub template above the content.

function template_main_above()

{

Look through that function.

zack · 02-06-2006, 03:37 PM

Hmm. Can someone do it for me? I'm useless with understanding code.

Alos, my avatars seem to have an iframe around them when I allow the dimensions to be as big as the user wants. Why is this happening?

zack · 02-06-2006, 07:30 PM

If someone does this for me and it works I'll give some NB$!
Here is the index.template.php

<?php
// Version: 1.0; 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
????: NamePros.com http://www.namepros.com/showthread.php?t=165040
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 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', $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"></script>
<script language="JavaScript" type="text/javascript"></script>
<title>', $context['page_title'], '</title>';

// This is here because Gecko browsers properly support white-space....
if ($context['browser']['is_gecko'])
echo '
<style type="text/css"></style>';

echo '
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/style.css" />';

/* 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 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 . '?action=;topic=' . $context['current_topic'] . '.0;prev_next=prev" />
<link rel="next" href="' . $scripturl . '?action=;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 . '?action=;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"></script>
</head>
<body>';

// Because of the way width/padding are calculated, we have to tell Internet Explorer 4 and 5 that the content should be 100% wide. (or else it will assume about 108%!)
echo '
<div id="headerarea" style="padding: 12px 15px 4px 15px;', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' width: 100%;' : '', '">
<div>';

// This part is the logo and forum name. You should be able to change this to whatever you want...
if (empty($settings['your_logo']))
{
echo '
<div style="float: right;">
<img src="', $settings['images_url'], '/smflogo.gif" width="250" alt="" />
</div>';
}
else
{
echo '
<div style="float: right;">
<img src="', $settings['your_logo'], '" style="float: right;" alt="" />
</div>';
}

echo '
<span style="font-family: Arial, sans-serif; font-size: 16pt; font-weight: bold;">', $context['forum_name'], '</span>
</div>

<br />
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="upshrinkHeader"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>
<tr>
<td width="67%" valign="top">

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="0%"><img src="', $settings['images_url'], '/re_b_top1.gif" alt="" /></td>
<td width="100%" style="background-image: url(', $settings['images_url'], '/re_b_top2.gif);"><img src="', $settings['images_url'], '/', $context['user']['language'], '/userinfo.gif" alt="" /></td>
<td width="0%"><img src="', $settings['images_url'], '/re_b_top3.gif" alt="" /></td>
</tr>
<tr>
<td width="0%" style="background-image: url(', $settings['images_url'], '/re_b_mid1.gif);"></td>
<td width="100%" style="background-color: #D5D5D5;">
<table width="100%" cellpadding="0" cellspacing="2" border="0"><tr>';

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

echo '<td width="100%" valign="top" class="smalltext" style="font-family: verdana, arial, sans-serif;">';

// If the user is logged in, display stuff like their name, new messages, etc.
if ($context['user']['is_logged'])
{
echo '
', $txt['hello_member'], ' <b>', $context['user']['name'], '</b>';

// Only tell them about their messages if they can read their messages!
if ($context['allow_pm'])
echo ', ', $txt[152], ' <a href="', $scripturl, '?action=pm">', $context['user']['messages'], ' ', $context['user']['messages'] != 1 ? $txt[153] : $txt[471], '</a>', $txt['newmessages4'], ' ', $context['user']['unread_messages'], ' ', $context['user']['unread_messages'] == 1 ? $txt['newmessages0'] : $txt['newmessages1'];
echo '.';

// Is the forum in maintenance mode?
if ($context['in_maintenance'] && $context['user']['is_admin'])
echo '<br />
<b>', $txt[616], '</b>';

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

// Show the total time logged in?
if (!empty($context['user']['total_time_logged_in']))
{
echo '
<br />', $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'];
}

echo '<br />
<a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a>  ||  
<a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a><br />
', $context['current_time'];
}
// Otherwise they're a guest - so politely ask them to register or login.
else
{
echo '
', $txt['welcome_guest'], '<br />
', $context['current_time'], '<br />

<form action="', $scripturl, '?action=login2" method="post" style="margin: 3px 1ex 1px 0; text-align:right;">
<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 />
', $txt['smf52'], '
</form>';
}

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

</td>
<td width="0%" style="background-image: url(', $settings['images_url'], '/re_b_mid2.gif);"></td>
</tr>
<tr>
<td width="0%"><img src="', $settings['images_url'], '/re_b_bot1.gif" alt="" /></td>
<td width="100%" style="background-image: url(', $settings['images_url'], '/re_b_bot2.gif);"></td>
<td width="0%"><img src="', $settings['images_url'], '/re_b_bot3.gif" alt="" /></td>
</tr>
</table>

</td>
<td width="1%"></td>
<td width="32%" valign="top">';

// Show a random news item? (or you could pick one from news_lines...)
if (!empty($settings['enable_news']))
echo '
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="0%"><img src="', $settings['images_url'], '/re_b_top1.gif" alt="" /></td>
<td width="100%" style="background-image: url(', $settings['images_url'], '/re_b_top2.gif);"><img src="', $settings['images_url'], '/', $context['user']['language'], '/newsbox.gif" alt="" /></td>
<td width="0%"><img src="', $settings['images_url'], '/re_b_top3.gif" alt="" /></td>
</tr>
<tr>
<td width="0%" style="background-image: url(', $settings['images_url'], '/re_b_mid1.gif);"></td>
<td width="100%" style="background-color: #D5D5D5;">
<div style="height: 50px; overflow: auto; padding: 5px;" class="smalltext">', $context['random_news_line'], '</div>
</td>
<td width="0%" style="background-image: url(', $settings['images_url'], '/re_b_mid2.gif);"></td>
</tr>
<tr>
<td width="0%"><img src="', $settings['images_url'], '/re_b_bot1.gif" alt="" /></td>
<td width="100%" style="background-image: url(', $settings['images_url'], '/re_b_bot2.gif);"></td>
<td width="0%"><img src="', $settings['images_url'], '/re_b_bot3.gif" alt="" /></td>
</tr>
</table>';

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

<br />

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="0"><img src="', $settings['images_url'], '/re_top_7.gif" alt="" /></td>
<td width="10%" style="background-image: url(', $settings['images_url'], '/re_top_6.gif);"></td>
<td width="0%"><img src="', $settings['images_url'], '/re_top_5.gif" alt="" /></td>
<td width="60%" style="background-image: url(', $settings['images_url'], '/re_top_4.gif);" align="left">';

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

echo '
</td>
<td width="0%"><img src="', $settings['images_url'], '/re_top_3.gif" alt="" /></td>
<td width="30%" style="background-image: url(', $settings['images_url'], '/re_top_2.gif);" id="search" align="center">
<form action="', $scripturl, '?action=search2" method="post">
<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'], '" border="0" /></a><img id="upshrinkTemp" src="', $settings['images_url'], '/blank.gif" alt="" />
<input type="text" name="search" value="" id="infield" /> 
<input type="submit" name="submit" value="', $txt[182], '" id="submit" />
<input type="hidden" name="advanced" value="0" />';
// If we're on a certain board, limit it to this board

.
if (!empty($context['current_board']))
echo '
<input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';
echo '
</form>
</td>
<td width="0"><img src="', $settings['images_url'], '/re_top_1.gif" alt="" /></td>
</tr>
<tr>
<td width="0" style="background-image: url(', $settings['images_url'], '/re_mid_1.gif);"></td>
<td width="100%" colspan="5" style="background-color: #FAFAFA;">';

// The main content should go here. A table is used because IE 6 just can't handle a div.
echo '
<table width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
<td style="padding: 1ex 10px 2ex 10px;">';
}

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

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

</td>
<td width="0" style="background-image: url(', $settings['images_url'], '/re_mid_2.gif);"></td>
</tr>
<tr>
<td width="0"><img src="', $settings['images_url'], '/re_bot_1.gif" alt="" /></td>
<td width="71%" colspan="5" style="background-image: url(', $settings['images_url'], '/re_bot_3.gif);"></td>
<td width="0"><img src="', $settings['images_url'], '/re_bot_2.gif" alt="" /></td>
</tr>
</table>
</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"></script>
<table cellspacing="0" cellpadding="3" border="0" align="center" width="100%">
<tr>
<td width="28%" valign="middle" align="right">
<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;" border="0" 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;" border="0" 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="left">
<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;" border="0" 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;" border="0" 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>';

echo '
</div>';

// This is an interesting bug in Internet Explorer AND Safari. Rather annoying, it makes overflows just not tall enough.
if ($context['browser']['is_ie'] && !$context['browser']['is_ie4'] || $context['browser']['is_mac_ie'] || $context['browser']['is_safari'])
{
// 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"></script>';
}

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

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

// Folder style or inline? Inline has a smaller font.
echo '<span class="nav"', $settings['linktree_inline'] ? ' style="font-size: smaller;"' : '', '>';

// Each tree item has a URL and name. Some may have extra_before and extra_after.
foreach ($context['linktree'] as $link_num => $tree)
{
// Show the | | |-[] Folders.
if (!$settings['linktree_inline'])
{
if ($link_num > 0)
echo str_repeat('<img src="' . $settings['images_url'] . '/icons/linktree_main.gif" alt="| " border="0" />', $link_num - 1), '<img src="' . $settings['images_url'] . '/icons/linktree_side.gif" alt="|-" border="0" />';
echo '<img src="' . $settings['images_url'] . '/icons/folder_open.gif" alt="+" border="0" />  ';
}

// 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 $settings['linktree_inline'] ? ' <img src="'. $settings['images_url']. '/sb_arrow.gif" alt="" /> ' : '<br />';
}

echo '</span>';
}

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

// Show the [home] and [help] buttons.
echo '
<img src="' . $settings['images_url'] . '/' . $context['user']['language'] . '/home.gif" alt="' . $txt[103] . '" /><a class="menub" href="', $scripturl, '">' , $txt[103], '</a>', $context['menu_separator'], '
<img src="' . $settings['images_url'] . '/' . $context['user']['language'] . '/help.gif" alt="' . $txt[119] . '" /><a class="menub" href="', $scripturl, '?action=help" target="_blank">' , $txt[119], '</a>', $context['menu_separator'];

// How about the [search] button?
if ($context['allow_search'])
echo '
<img src="' . $settings['images_url'] . '/' . $context['user']['language'] . '/search.gif" alt="' . $txt[182] . '" /><a class="menub" href="', $scripturl, '?action=search">' , $txt[182], '</a>', $context['menu_separator'];
????: NamePros.com http://www.namepros.com/showthread.php?t=165040

// Is the user allowed to administrate at all? ([admin])
if ($context['allow_admin'])
echo '
<img src="' . $settings['images_url'] . '/' . $context['user']['language'] . '/admin.gif" alt="' . $txt[2] . '" /><a class="menub" href="', $scripturl, '?action=admin">' , $txt[2], '</a>', $context['menu_separator'];

// Edit Profile... [profile]
if ($context['allow_edit_profile'])
echo '
<img src="' . $settings['images_url'] . '/' . $context['user']['language'] . '/profile.gif" alt="' . $txt[79] . '" /><a class="menub" href="', $scripturl, '?action=profile">' , $txt[467], '</a>', $context['menu_separator'];

// The [calendar]!
if ($context['allow_calendar'])
echo '
<img src="' . $settings['images_url'] . '/' . $context['user']['language'] . '/calendar.gif" alt="' . $txt['calendar24'] . '" /><a class="menub" href="', $scripturl, '?action=calendar">' , $txt['calendar24'], '</a>', $context['menu_separator'];

// If the user is a guest, show [login] and [register] buttons.
if ($context['user']['is_guest'])
{
echo '
<img src="' . $settings['images_url'] . '/' . $context['user']['language'] . '/login.gif" alt="' . $txt[34] . '" /><a class="menub" href="', $scripturl, '?action=login">' , $txt[34], '</a>', $context['menu_separator'], '
<img src="' . $settings['images_url'] . '/' . $context['user']['language'] . '/register.gif" alt="' . $txt[97] . '" /><a class="menub" href="', $scripturl, '?action=register">' , $txt[97], '</a>';
}
// Otherwise, they might want to [logout]...
else
echo '
<img src="' . $settings['images_url'] . '/' . $context['user']['language'] . '/logout.gif" alt="' . $txt[108] . '" /><a class="menub" href="', $scripturl, '?action=logout;sesc=', $context['session_id'], '">' , $txt[108], '</a>';
}

?>

zack · 02-13-2006, 02:27 PM

I've gotten this to work although if you check www.cherrey.com it works properly in IE. But in Firefox it's all messed up. How can I correct this? I'm guessing it's fairly eady to correct.
http://img.photobucket.com/albums/v7...ler/cherry.jpg

02-06-2006, 11:34 AM	THREAD STARTER #1 (permalink)
zack Account Suspended Join Date: Apr 2005 Posts: 167	SMF forum banner input? NP$ reward NP$ Reward to whoever makes this work. I own a SMF forum and I would like to add a banner at the top to make it more attractive. Is there a WYSIWYG editor where I can do this...Do I edit the style doc? My forum is www.cherreysexhaust.com/forum btw. Last edited by zack; 02-07-2006 at 11:42 AM. Reason: NP$ reward

02-06-2006, 02:12 PM	#2 (permalink)
Eric Senior Member Join Date: Mar 2005 Posts: 4,948	Themes/index.template.php PHP Code: `????: NamePros.com http://www.namepros.com/programming/165040-smf-forum-banner-input.html // The main sub template above the content. function template_main_above() {` Look through that function.

02-06-2006, 03:37 PM	THREAD STARTER #3 (permalink)
zack Account Suspended Join Date: Apr 2005 Posts: 167	Hmm. Can someone do it for me? I'm useless with understanding code. Alos, my avatars seem to have an iframe around them when I allow the dimensions to be as big as the user wants. Why is this happening? Last edited by zack; 02-06-2006 at 04:06 PM.

02-13-2006, 02:27 PM	THREAD STARTER #5 (permalink)
zack Account Suspended Join Date: Apr 2005 Posts: 167	I've gotten this to work although if you check www.cherrey.com it works properly in IE. But in Firefox it's all messed up. How can I correct this? I'm guessing it's fairly eady to correct. http://img.photobucket.com/albums/v7...ler/cherry.jpg Last edited by zack; 02-13-2006 at 02:34 PM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Creating A Successful Forum	Palyriot	Website Development	3	02-19-2006 07:19 PM
Forum FAQ	Laughs Galore	Marketing Techniques	7	01-18-2006 10:40 PM
Banner & Text Ad Space Available - On HIGH TRAFFIC Free Web Hosting Forum	BillyConnite	For Sale / Advertising Board	2	09-16-2005 02:31 AM
SMF Forum Design	bafoon	Web Development Wanted	3	05-29-2005 11:32 PM

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)