[Theme] Saf Themes for 1.0.X

forsakenlad · June 03, 2006, 08:22:37 AM

Well, as I have told you before, I am not considering to develop a red version for the 1.0X versions. Only Saf-Multicolor will have new color variations added (it already has the red color).

Quote from: mikaoul on June 01, 2006, 07:49:53 PM
Ok thank you.

I'm working on 1.0.7 version

Search for this:

Code Select

<td valign="top" width="16%" rowspan="2" style="overflow: hidden;">

And replace the width with the max avatar size in your admin panel, for example:

Code Select

<td valign="top" width="150" rowspan="2" style="overflow: hidden;">

mikaoul · June 03, 2006, 08:55:27 AM

I can't find this piece of code in the index template

Here is the total code of my index template :

Code Select

<?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
   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"><!--
      var smf_theme_url = "', $settings['theme_url'], '";
      var smf_images_url = "', $settings['images_url'], '";
   // --></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"><!--
      .code
      {
         white-space: pre;
      }
   --></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"><!--
      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 '
         document.getElementById("upshrinkTemp").src = "', $scripturl, '?action=jsoption;var=collapse_header;val=" + (mode ? 1 : 0) + ";sesc=', $context['session_id'], ';" + (new Date().getTime());';

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

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

         current_header = mode;
      }
   // --></script>
</head>
<body>';

        // This is the main table defining the forum width
        echo '
        <center>
        <table class="maintable" cellspacing="0" cellpadding="0" border="0" align="center" width="';
        
        //The width definer
        
        if (!empty($settings['forum_width']))
      echo '100%';
        else
                echo '760';

        echo '
        ">
               <tr>
                   <td class="header">';
        
        //The width definer
        
        if (!empty($settings['hide_name']))
                echo '&nbsp;';
        else
                echo $context['forum_name'];
        
        echo '

                   </td>
               </tr>
               <tr>
                   <td>
        <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>';

        if (!empty($context['user']['avatar']))
      echo '<td class="headerdown">', $context['user']['avatar']['image'], '</td>';
   
        echo '
        <td class="headerdown" align="left" width="60%">';

   // 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'], '<br />';
                
                echo '
                                                        <br /><a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a><br />
                     <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 />';

   }

        // The "key stats" box.
   echo '
                   <td class="headerdown" align="right" width="40%" style="padding-right: 8px;">
                     <b>', $modSettings['totalMessages'], '</b> ', $txt[95], ' ', $txt['smf88'], ' <b>', $modSettings['totalTopics'], '</b> ', $txt[64], ' ', $txt[525], ' <b>', $modSettings['memberCount'], '</b> ', $txt[19], '<br />
                     ', $txt[656], ': <b> <a href="', $scripturl, '?action=profile;u=', $modSettings['latestMember'], '">', $modSettings['latestRealName'], '</a></b>
              </td>
                   </tr>
                   </table>
                   </td>';
        echo '
               </tr>
               <tr>
                   <td class="bodytd">';
   // Show the menu here, according to the menu sub template.
        echo '
        <div align="center" style="padding-top: 4px;">
                ', template_menu(), '
        </div>';

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

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

   echo '</td>
   </tr></table><br />';
   
        echo '
        </td>
        </tr>
        <tr>
        <td class="footer">
      <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="30" height="18" style="margin: 5px 16px;" border="0" /></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="30" height="18" style="margin: 5px 16px;" border="0" /></a>
            </td>
            <td valign="middle" align="center" style="white-space: nowrap;" class="copyright">
               ', theme_copyright();
            // Show the load time?
                                if ($context['show_load_time'])
                                echo '
                      <br /><span class="smalltext">', $txt['smf301'], $context['load_time'], $txt['smf302'], $context['load_queries'], $txt['smf302b'], '</span>';

                                echo'
            </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="30" height="18" style="margin: 5px 16px;" border="0" /></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="30" height="18" style="margin: 5px 16px;" border="0" /></a>
            </td>
         </tr>
      </table>';
echo '
        </td>
        </tr>

        </table>';

        echo '
        </center>
        </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">';

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

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

   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 '
            <a href="', $scripturl, '">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/' . $context['user']['language'] . '/home.gif" alt="' . $txt[103] . '" style="margin: 2px 0;" border="0" />' : $txt[103]), '</a>', $context['menu_separator'], '
            <a href="', $scripturl, '?action=help" target="_blank">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/' . $context['user']['language'] . '/help.gif" alt="' . $txt[119] . '" style="margin: 2px 0;" border="0" />' : $txt[119]), '</a>', $context['menu_separator'];

   // How about the [search] button?
   if ($context['allow_search'])
      echo '
            <a href="', $scripturl, '?action=search">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/' . $context['user']['language'] . '/search.gif" alt="' . $txt[182] . '" style="margin: 2px 0;" border="0" />' : $txt[182]), '</a>', $context['menu_separator'];

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

   // Edit Profile... [profile]
   if ($context['allow_edit_profile'])
      echo '
            <a href="', $scripturl, '?action=profile">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/' . $context['user']['language'] . '/profile.gif" alt="' . $txt[79] . '" style="margin: 2px 0;" border="0" />' : $txt[467]), '</a>', $context['menu_separator'];

   // The [calendar]!
   if ($context['allow_calendar'])
      echo '
            <a href="', $scripturl, '?action=calendar">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/' . $context['user']['language'] . '/calendar.gif" alt="' . $txt['calendar24'] . '" style="margin: 2px 0;" border="0" />' : $txt['calendar24']), '</a>', $context['menu_separator'];

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

?>

forsakenlad · June 03, 2006, 01:01:11 PM

I've forgotten to mention it, It's in the Display.template.php, if you don't have that file in your theme folder, copy the on in the default folder to the theme's folder and start editing it

mikaoul · June 03, 2006, 02:47:40 PM

thanks, it works, I also had to resize the size of the post zone

Great !

hugocz · June 05, 2006, 07:47:08 PM

Hello again, i think i stated my question wrong, poor english sorry :|

Im just tryin find out how to use the correct thumb_color if i cloned Saf-Multicolor using "Install From a directory on the server" i just installed the theme 5x from same directory, and renamed it, so my members can now choose 5 different colors of this great Saf theme

the think is that all the thumbs are orange.

Anyone know how to fix this? if it's even possible, thanks for tips

hugocz · June 06, 2006, 06:34:05 AM

Sorry for abuse but it's again me

one of my members found a problem today, i didn't noticed it cause i use firefox

if i click on "Show unread posts since last visit."

It's missing following images:

Themes/safmc101/images/english/new.gif
Themes/safmc101/images/icons/show_sticky.gif
Themes/safmc101/images/english/markread.gif

So in IE it shows alot errors, also i noticed there aint /english directory at all, what's wrong please ?

hugocz · June 11, 2006, 12:59:56 PM

Is anyone alive please

mastermilan · June 12, 2006, 01:35:25 PM

Great theme, I really like it !

wiggliewoo · June 13, 2006, 05:21:36 PM

Quote from: Don Diego on November 20, 2005, 01:37:40 AM
He would like to change the login screen:

He wants the Header disabled on the login screen but not on the rest of the pages...
---------------------------------------------------
He also wants the "Welcome, Guest... 6467 Posts in 450 Topics... November 18, 2005.... Latest Member: Tony..." block removed from the login page.
---------------------------------------------------

Thanx,
El Zorro

I am using SAF-Multicolor for SMF 1.1 RC2 and need to be able to do the same things this guy mentioned. I looked for the login.template.php and found one, but could find nothing that seemed to suggest the header image or the latest member stuff. I am not a programmer, but if someone could please provide some guidance to what code I should look for to eliminate those features from the login page I would greatly appreciate.

Thanks,
DeAnna
(Sorry, El Zorro for butchering your quote)

o2gr · June 18, 2006, 09:20:46 AM

im using saf grey on smf1.1rc2
but there is blue lines around the pictures,and i dont wanna see them can i fix it?

an example abt problem at the pic;

Harzem · June 18, 2006, 10:21:06 AM

You can update your theme to Saf Multicolor, which is designed for SMF 1.1 RC2.

J. Williams · June 18, 2006, 03:03:17 PM

Look in the default 1.1 rc 2 Css and you'll find an A Image.... ,then copy that over to the Saf's css

PuG · June 20, 2006, 02:59:00 PM

Just to save people having to find the CSS code in a default theme here it is below:

/* No image should have a border when linked */
a img{
border: 0;
}

o2gr · June 26, 2006, 09:57:54 AM

good job guys
thank all you

shark · June 26, 2006, 04:26:23 PM

I'm using SafMC on SMF 1.1 RC2.

My Quicklogin box gone disappear (after i applied some mods i think). The "Show Quicklogin in every page" is enabled though.

Can someone please help me? Which file contains the code abt this Quicklogin thing?

saintnick · July 10, 2006, 03:57:17 AM

Quote from: hugocz on June 06, 2006, 06:34:05 AM
Sorry for abuse but it's again me one of my members found a problem today, i didn't noticed it cause i use firefox

if i click on "Show unread posts since last visit."

It's missing following images:

Themes/safmc101/images/english/new.gif
Themes/safmc101/images/icons/show_sticky.gif
Themes/safmc101/images/english/markread.gif

So in IE it shows alot errors, also i noticed there aint /english directory at all, what's wrong please ?

I have this problem too.

Why are there missing images anyway, shouldn't they be text buttons, like the rest?

Stuart · July 10, 2006, 09:34:11 AM

Quote from: shark on June 26, 2006, 04:26:23 PM
I'm using SafMC on SMF 1.1 RC2.

My Quicklogin box gone disappear (after i applied some mods i think). The "Show Quicklogin in every page" is enabled though.

Can someone please help me? Which file contains the code abt this Quicklogin thing?

You should use the topic for 1.1. RC2

Saf-Multicolor

chosenfool · July 23, 2006, 11:16:34 PM

First off, THANK YOU, forsakenlad!

your SAF themes fit perfectly for what i needed to match my blog/site: fixed width, simple and very easy to modify. Now it looks a lot more integrated with my main site than the previous themes ive used before. Unlike most CMS sites that prefer to fully integrate with their forums, i prefered to keep them separate, but wanted them to look uniform. with your theme i was able to do so easily.

again, THANK YOU!

got a couple of questions (this first one should be easy for you):
i got the part where the forum name at the header is now linked to the main site (that was answered several posts back), but what code do i need to add in the index.template.php file to make just the forum name link stay white (and not change to the default link color blue)? or is it in the style.css file? it looks ok for all other links but the forum name looks a very fugly blue when i make it a link. i just need it to stay white.

second question (and i think im pushing my luck with this):
the menu buttons (forum, help, search, etc) - is there a way to position them elsewhere? im looking to POSSIBLY put them across the inner bottom part of the image header. Not below the image, but INSIDE the header image, across the bottom part. This is to make it look more uniform with my main site (using a heavily modified kubrick theme).
if you wish to see what i mean, hxxp:www.chosenfool.com [nonactive] The menus are within the image itself. Im looking to do the same with hxxp:www.chosenfool.com/forums/index.php [nonactive]. Im sure this is possible, but not sure how exactly).

also, while im at it, is it possible to NOT USE the image buttons at all for the menus, just use texts as links? im gonna tinker around for now, i think ihave an idea how to, but hopefully you can point me to the right direction faster.

btw, im using 1.0.7, using your saf blue theme. any assistance is greatly appreciated - thanks again for a great set of themes, forsakenlad!

monika · July 28, 2006, 04:02:02 AM

well i too is using orange one..i like that a lot...
but i'd one problme..this themes is not displaying the forum news...why..how to fix the problems...

J. Williams · July 28, 2006, 03:09:56 PM

Go to theme settings

News:

[Theme] Saf Themes for 1.0.X

saintnick