News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

Need logo/banner help? resizing and how to configure?

Started by yocalif, February 21, 2009, 06:41:11 AM

Previous topic - Next topic
Print
Go Down Pages1
User actions

yocalif

February 21, 2009, 06:41:11 AM Last Edit: February 22, 2009, 05:11:44 PM by yocalif
I have tried to solve this myself at different times the past week, read different posts, but it never comes out right.  I'm tired, I just want to get this right and start creating my site.  Please help. 

HOW DO I CREATE AND EDIT SMF FOR A RESIZING CENTERED CUSTOM LOGO?

I have a small phpbb forum, I am attempting to migrate to SMF, with TinyPortal as a front end.

With phpBB, creating a stretching logo is easy, my existing forum [nofollow].  phpBB there are a logo-left, logo, logo-right, the left & right are just filler 200px each, so when a user makes his browser into smaller window or has lesser resolution the banner resizes.

On the new SMF board [nofollow], I have the logo centered, but if I add the filler to the logo as one image the logo will not resize and protrutes on screens with less resolution.
I guess I need to have a background image, but haven't figured out how to properly do this.

The theme is camo
I did email the author and asked for help, but have no response.

Also trying to blend the logo image with the catbg in css file isn't a good solution because you are restricted to 1 logo image, I want to rotate logos.  So how do I use a background image in place of the catbg, so it doesn't interfere with other calls for catbg?

SMF ver. 1.1.8
TP ver. 1.06

Here is my index.template.php
Code Select

<?php// Version: 1.1; index/* Camo Theme for SMF By: simply sibyl based on the default theme for SMF http://www.smfhacks.com Built in support for SMF Gallery, SMF Store, SMF Articles, SMF Links, Tagging system, Staff List, Contact 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'; /* 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'], '" />', empty($context['robot_no_index']) ? '' : ' <meta name="robots" content="noindex" />', ' <meta name="keywords" content="',@$settings['keywords'],'" /> <script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/script.js?fin11"></script> <script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[ var smf_theme_url = "', $settings['theme_url'], '"; var smf_images_url = "', $settings['images_url'], '"; var smf_scripturl = "', $scripturl, '"; var smf_iso_case_folding = ', $context['server']['iso_case_folding'] ? 'true' : 'false', '; var smf_charset = "', $context['character_set'], '"; // ]]></script> <title>', $context['page_title'], '</title>'; // The ?fin11 part of this link is just here to make sure browsers don't cache it wrongly. echo ' <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/style.css?fin11" /> <link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/print.css?fin11" media="print" />'; /* Internet Explorer 4/5 and Opera 6 just don't do font sizes properly. (they are big...) Thus, in Internet Explorer 4, 5, and Opera 6 this will show fonts one size smaller than usual. Note that this is affected by whether IE 6 is in standards compliance mode.. if not, it will also be big. Standards compliance mode happens when you use xhtml... */ if ($context['browser']['needs_size_fix']) echo ' <link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/fonts-compat.css" />'; // Show all the relative links, such as help, search, contents, and the like. echo ' <link rel="help" href="', $scripturl, '?action=help" target="_blank" /> <link rel="search" href="' . $scripturl . '?action=search" /> <link rel="contents" href="', $scripturl, '" />'; // If RSS feeds are enabled, advertise the presence of one. if (!empty($modSettings['xmlnews_enable'])) echo ' <link rel="alternate" type="application/rss+xml" title="', $context['forum_name'], ' - RSS" href="', $scripturl, '?type=rss;action=.xml" />'; // If we're viewing a topic, these should be the previous and next topics, respectively. if (!empty($context['current_topic'])) echo ' <link rel="prev" href="', $scripturl, '?topic=', $context['current_topic'], '.0;prev_next=prev" /> <link rel="next" href="', $scripturl, '?topic=', $context['current_topic'], '.0;prev_next=next" />'; // If we're in a board, or a topic for that matter, the index will be the board's index. if (!empty($context['current_board'])) echo ' <link rel="index" href="' . $scripturl . '?board=' . $context['current_board'] . '.0" />'; // We'll have to use the cookie to remember the header... if ($context['user']['is_guest']) $options['collapse_header'] = !empty($_COOKIE['upshrink']); // Output any remaining HTML headers. (from mods, maybe?) echo $context['html_headers'], ' <script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[ var current_header = ', empty($options['collapse_header']) ? 'false' : 'true', '; function shrinkHeader(mode) {'; // Guests don't have theme options!! if ($context['user']['is_guest']) echo ' document.cookie = "upshrink=" + (mode ? 1 : 0);'; else echo ' smf_setThemeOption("collapse_header", mode ? 1 : 0, null, "', $context['session_id'], '");'; echo ' document.getElementById("upshrink").src = smf_images_url + (mode ? "/upshrink2.gif" : "/upshrink.gif"); document.getElementById("upshrinkHeader").style.display = mode ? "none" : ""; document.getElementById("upshrinkHeader2").style.display = mode ? "none" : ""; current_header = mode; } // ]]></script>'; // the routine for the info center upshrink echo ' <script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[ var current_header_ic = ', empty($options['collapse_header_ic']) ? 'false' : 'true', '; function shrinkHeaderIC(mode) {'; if ($context['user']['is_guest']) echo ' document.cookie = "upshrinkIC=" + (mode ? 1 : 0);'; else echo ' smf_setThemeOption("collapse_header_ic", mode ? 1 : 0, null, "', $context['session_id'], '");'; echo ' document.getElementById("upshrink_ic").src = smf_images_url + (mode ? "/expand.gif" : "/collapse.gif"); document.getElementById("upshrinkHeaderIC").style.display = mode ? "none" : ""; current_header_ic = mode; } // ]]></script></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 ' <div style="text-align: center;"><img src="', $settings['header_logo_url'], '" style="margin: 4px;" alt="', $context['forum_name'], '" /></div>'; echo ' </td> <td align="right" class="catbg"> </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']) { if ($context['allow_pm']) echo  '<a href="', $scripturl, '?action=pm">', $context['user']['messages'], ' ', $context['user']['messages'] != 1 ? $txt[153] : $txt[471], '</a>', $txt['newmessages4'], ' ', $context['user']['unread_messages'], ' ', $context['user']['unread_messages'] == 1 ? $txt['newmessages0'] : $txt['newmessages1'], '<br />'; echo ' <a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a> <br /> <a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a><br />'; } // 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'] == 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 ' </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 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%;' : '', '"> <table cellspacing="0" cellpadding="3" border="0" align="center" width="100%"> <tr> <td valign="middle" align="center" style="white-space: nowrap;"> Design By <a href="http://madamemmastent.smfforfree.com" target="_blank">simply sibyl</a> And <a href="http://www.smfforfree.com" target="_blank">Free Forum Hosting</a> <br /> ', theme_copyright(), ' </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'] || $context['browser']['is_firefox']) { // The purpose of this code is to fix the height of overflow: auto div blocks, because IE can't figure it out for itself. echo ' <script language="JavaScript" type="text/javascript"><!-- // --><![CDATA['; // Unfortunately, Safari does not have a "getComputedStyle" implementation yet, so we have to just do it to code... if ($context['browser']['is_safari']) echo ' window.addEventListener("load", smf_codeFix, false); function smf_codeFix() { var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div"); for (var i = 0; i < codeFix.length; i++) { if ((codeFix[i].className == "code" || codeFix[i].className == "post" || codeFix[i].className == "signature") && codeFix[i].offsetHeight < 20) codeFix[i].style.height = (codeFix[i].offsetHeight + 20) + "px"; } }'; elseif ($context['browser']['is_firefox']) echo ' window.addEventListener("load", smf_codeFix, false); function smf_codeFix() { var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div"); for (var i = 0; i < codeFix.length; i++) { if (codeFix[i].className == "code" && (codeFix[i].scrollWidth > codeFix[i].clientWidth || codeFix[i].clientWidth == 0)) codeFix[i].style.overflow = "scroll"; } }'; else echo ' var window_oldOnload = window.onload; window.onload = smf_codeFix; function smf_codeFix() { var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div"); //vbgamer45 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('store','gallery','links','articles','staff', 'tag', 'contact','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 [SMF Store] button if (isset($txt['smfstore_menu'])) { if ($context['allow_smfstore_view']) echo ($current_action == 'store' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' . $first . '">&nbsp;</td>' : '' , ' <td valign="top" class="maintab_' , $current_action == 'store' ? 'active_back' : 'back' , '"> <a href="', $scripturl, '?action=store">' , $txt['smfstore_menu']  , '</a> </td>' , $current_action == 'store' ? '<td class="maintab_active_' . $last . '">&nbsp;</td>' : ''; } // the [SMF Gallery] button if (isset($txt['smfgallery_menu'])) { if ($context['allow_smfgallery_view']) echo ($current_action == 'gallery' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' . $first . '">&nbsp;</td>' : '' , ' <td valign="top" class="maintab_' , $current_action == 'gallery' ? 'active_back' : 'back' , '"> <a href="', $scripturl, '?action=gallery">' , $txt['smfgallery_menu']  , '</a> </td>' , $current_action == 'gallery' ? '<td class="maintab_active_' . $last . '">&nbsp;</td>' : ''; } // the [Articles] button if (isset($txt['smfarticles_menu'])) { if ($context['allow_view_smfarticles']) echo ($current_action == 'articles' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' . $first . '">&nbsp;</td>' : '' , ' <td valign="top" class="maintab_' , $current_action == 'articles' ? 'active_back' : 'back' , '"> <a href="', $scripturl, '?action=articles">' , $txt['smfarticles_menu']  , '</a> </td>' , $current_action == 'articles' ? '<td class="maintab_active_' . $last . '">&nbsp;</td>' : ''; } // the [tags] button if (isset($txt['smftags_menu'])) { echo ($current_action == 'tags' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' . $first . '">&nbsp;</td>' : '' , ' <td valign="top" class="maintab_' , $current_action == 'tags' ? 'active_back' : 'back' , '"> <a href="', $scripturl, '?action=tags">' , $txt['smftags_menu']  , '</a> </td>' , $current_action == 'tags' ? '<td class="maintab_active_' . $last . '">&nbsp;</td>' : ''; } // the [links] button if (isset($txt['smflinks_menu'])) { if ($context['allow_view_smflinks']) echo ($current_action == 'links' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' . $first . '">&nbsp;</td>' : '' , ' <td valign="top" class="maintab_' , $current_action == 'links' ? 'active_back' : 'back' , '"> <a href="', $scripturl, '?action=links">' , $txt['smflinks_menu']  , '</a> </td>' , $current_action == 'links' ? '<td class="maintab_active_' . $last . '">&nbsp;</td>' : ''; } // the [staff list] button if (isset($txt['smfstaff_stafflist'])) { if ($context['allow_view_stafflist']) echo ($current_action == 'staff' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' . $first . '">&nbsp;</td>' : '' , ' <td valign="top" class="maintab_' , $current_action == 'staff' ? 'active_back' : 'back' , '"> <a href="', $scripturl, '?action=staff">' , $txt['smfstaff_stafflist']  , '</a> </td>' , $current_action == 'staff' ? '<td class="maintab_active_' . $last . '">&nbsp;</td>' : ''; } // the [contact] button if (isset($txt['smfcontact_contact'])) { if ($context['allow_view_contact']) echo ($current_action == 'contact' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' . $first . '">&nbsp;</td>' : '' , ' <td valign="top" class="maintab_' , $current_action == 'contact' ? 'active_back' : 'back' , '"> <a href="', $scripturl, '?action=contact">' , $txt['smfcontact_contact']  , '</a> </td>' , $current_action == 'contact' ? '<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>';}?>

yocalif

#1
February 22, 2009, 05:22:22 PM
Judging from looking around here at the SMF support forum, this topic seems to be such an issue, there needs to be a complete FAQ on logo how tos.

yocalif

#2
February 23, 2009, 09:40:27 PM
10, 9, 8, 7,

Now one wants to jump on this and lend a hand?

chrisL

#3
February 24, 2009, 01:02:55 PM
Try this:

find:
Code Select
<div style="text-align: center;"><img src="', $settings['header_logo_url'], '" style="margin: 4px;" alt="', $context['forum_name'], '" /></div>';
               
               
and repace with:               
Code Select
<div style="text-align: center; background:url(images/logo.jpg) no-repeat center;"></div>';   

yocalif

#4
February 25, 2009, 08:54:57 AM
Quote from: chrisL on February 24, 2009, 01:02:55 PM
Try this:

find:
Code Select
<div style="text-align: center;"><img src="', $settings['header_logo_url'], '" style="margin: 4px;" alt="', $context['forum_name'], '" /></div>';
               
               
and repace with:               
Code Select
<div style="text-align: center; background:url(images/logo.jpg) no-repeat center;"></div>';   

Thanks for the reply, it didn't work.  Nothing is displayed except for the catbg line, no logo image is displayed.

Tyrsson

#5
February 26, 2009, 02:48:01 AM
You will need to attach a few things to your next post.

1. Index.template.php of the theme you are using

2. style.css of the theme you are using

3. The image you want to use a logo.

4. The background image that will be used to repeat behind the actual logo. If the main logo uses a gradient then the repeating image will need to match the fade in the gradient.

Also, you can actually do this with just two images. The first of course is set to repeat-x and the actual logo is then floated on top of the background image.

We also need to know the answer to these questions so we can do it all at one time ;)

1. Do you want the forum name (top left) to remain?

2. Do you want the catbg to remain (most people don't)?

3. Do you want the default smf logo to remain in the top right corner?
PM at your own risk, some I answer, if they are interesting, some I ignore.
Print
Go Up Pages1
User actions
Advertisement: