Helios Multicolor

[bloc]

Latest will work fine, the Tinyportal 1.0 RC2 version.

On the Helio smf20gold release, The Show Member Bar on index board doesnt seem to be working. I check and uncheck it in the theme options and it wont appear?

I'll look into that.

[bud01100]

Latest will work fine, the Tinyportal 1.0 RC2 version.

On the Helio smf20gold release, The Show Member Bar on index board doesnt seem to be working. I check and uncheck it in the theme options and it wont appear?

I'll look into that.

I think the old code was in the board index template, I didnt see any code blocks there.

Thank you much

[braddasexy]

Is there a way to remove the content at the top where it shows your picture and replace with a logo inside that gold box?

[bloc]

Yes, it is. Find this code inside index.template.php:

Code Select Expand

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


and replace it like this:

Code Select Expand


                echo '<td valign="top"><img src="your_logo" alt="" /></td>';


[braddasexy]

Ok that solves part of the problem but still leaves this:

It leaves a small icon for the image that isn't there and the following,

Hey, BradToxicBlonde, you have 0 messages, 0 are new.
Show unread posts since last visit.
Show new replies to your posts.

and everything is just shifted to the right.

If there anyway to get rid of all of it?

Attached is a screenshot of the top.

[bud01100]

Ok that solves part of the problem but still leaves this:

It leaves a small icon for the image that isn't there and the following,

Hey, BradToxicBlonde, you have 0 messages, 0 are new.
Show unread posts since last visit.
Show new replies to your posts.

and everything is just shifted to the right.

If there anyway to get rid of all of it?

Attached is a screenshot of the top.

Thats your avatar Pic.. You dont want it up there?

[braddasexy]

No I want all that gone and my logo centered.  Is that possible? 

[Kindred]

Almost anything is possible..... You just have to learn to code it

[Antechinus]

I actually did that ages ago back when I used to run Helios on 1.1.x. Damned if I can remember how I did it though. From memory I removed the markup for the text stuff, then set the logo as a centered image with hidden overflow on the container (so it automatically clipped the logo width if the screen was too narrow).

[braddasexy]

Almost anything is possible..... You just have to learn to code it

I'm not a coder that is why I'm asking for help.

[MrTSX]

I may have skimmed over it but I was just hoping someone could lead me on changing the forum background colors? The default is grey.

It would be much appreciated. 

[Antechinus]

No I want all that gone and my logo centered.  Is that possible? 

Right. I didn't remember how I did it ages ago, but I did figure out a method that works. I don't know what you have in your template at the moment, but assuming you are starting with a fresh index.template.php (you can get one from the theme zip) then find this:

Code Select Expand

        echo '<div id="upshrinkHeader"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '><div style="padding-right: 10px;">'.$topbox.'<table width="100%" cellpadding="0" cellspacing="0" border="0">';
         echo '<tr><td width="45%" valign="bottom" style="padding-right: 10px;"><div style="padding-right: 0px;">';

        echo '<table width="99%" cellpadding="4" cellspacing="5" border="0" style="margin-left: 2px;"><tr>';

        if (!empty($context['user']['avatar']))
                echo '<td valign="top">', $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['msg_alert_you_have'], ' <a href="', $scripturl, '?action=pm">', $context['user']['messages'], ' ', $context['user']['messages'] != 1 ? $txt['msg_alert_messages'] : $txt['message_lowercase'], '</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['maintain_mode_on'], '</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=admin;area=viewmembers;sa=browse;type=approve">', $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>';

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

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

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

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

        echo '</div></td><td style="padding-right: 10px;" width="50%" align="right" >';
        if(!empty($settings['header_logo_url']))
               echo '<a href="index.php"><img src="'.$settings['header_logo_url'].'" border="0" alt="logo" /></a>';

        echo ' </td></tr></table>'.$botbox.'</div>';

and replace it with this:

Code Select Expand

echo '<div id="upshrinkHeader"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '><div style="padding-right: 10px;">'.$topbox.'<table cellpadding="0" cellspacing="0" border="0">';
echo '<tr>
<td style="width: 1920px; background: url('.$settings['header_logo_url'].') center center no-repeat;">
<a href="index.php" style="display: block; height: 200px;">&nbsp;</a>
</td>
</tr></table>'.$botbox.'</div>';

Note that the width for the td has to be set in px. It wont force the page to that width if the screen is narrower (it'll just shrink to suit the resolution) but if you don't use a number large enough it wont fill a large screen. I suggest leaving it at 1920 as most screens are smaller than that, but you can make it bigger if you think it's necessary.

The image url is whatever is set on the current theme page in admin. The background positioning is set to centre the image vertically and horizontally, but you can change that too if you like. Alternatives are center top, center bottom, left center and right center.

The height for the a should be whatever your logo height is, or if you wish to use a much bigger image (like a wallpaper) you can use the height setting to clip the background at whatever you like. Obviously it's better to not load a whole wallpaper if you just want a smaller logo.

This setup will leave you with a full width top box on any screen, set to whatever height you want, with an image that will fill the entire box if you make it large enough, and with the surface of the entire box linked to your home page.

[braddasexy]

No I want all that gone and my logo centered.  Is that possible? 

Right. I didn't remember how I did it ages ago, but I did figure out a method that works. I don't know what you have in your template at the moment, but assuming you are starting with a fresh index.template.php (you can get one from the theme zip) then find this:

Code Select Expand

        echo '<div id="upshrinkHeader"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '><div style="padding-right: 10px;">'.$topbox.'<table width="100%" cellpadding="0" cellspacing="0" border="0">';
         echo '<tr><td width="45%" valign="bottom" style="padding-right: 10px;"><div style="padding-right: 0px;">';

        echo '<table width="99%" cellpadding="4" cellspacing="5" border="0" style="margin-left: 2px;"><tr>';

        if (!empty($context['user']['avatar']))
                echo '<td valign="top">', $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['msg_alert_you_have'], ' <a href="', $scripturl, '?action=pm">', $context['user']['messages'], ' ', $context['user']['messages'] != 1 ? $txt['msg_alert_messages'] : $txt['message_lowercase'], '</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['maintain_mode_on'], '</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=admin;area=viewmembers;sa=browse;type=approve">', $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>';

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

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

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

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

        echo '</div></td><td style="padding-right: 10px;" width="50%" align="right" >';
        if(!empty($settings['header_logo_url']))
               echo '<a href="index.php"><img src="'.$settings['header_logo_url'].'" border="0" alt="logo" /></a>';

        echo ' </td></tr></table>'.$botbox.'</div>';

and replace it with this:

Code Select Expand

echo '<div id="upshrinkHeader"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '><div style="padding-right: 10px;">'.$topbox.'<table cellpadding="0" cellspacing="0" border="0">';
echo '<tr>
<td style="width: 1920px; background: url('.$settings['header_logo_url'].') center center no-repeat;">
<a href="index.php" style="display: block; height: 200px;">&nbsp;</a>
</td>
</tr></table>'.$botbox.'</div>';

Note that the width for the td has to be set in px. It wont force the page to that width if the screen is narrower (it'll just shrink to suit the resolution) but if you don't use a number large enough it wont fill a large screen. I suggest leaving it at 1920 as most screens are smaller than that, but you can make it bigger if you think it's necessary.

The image url is whatever is set on the current theme page in admin. The background positioning is set to centre the image vertically and horizontally, but you can change that too if you like. Alternatives are center top, center bottom, left center and right center.

The height for the a should be whatever your logo height is, or if you wish to use a much bigger image (like a wallpaper) you can use the height setting to clip the background at whatever you like. Obviously it's better to not load a whole wallpaper if you just want a smaller logo.

This setup will leave you with a full width top box on any screen, set to whatever height you want, with an image that will fill the entire box if you make it large enough, and with the surface of the entire box linked to your home page.

Thank you!  Thank you!  Thank you!   This works perfectly!

[bloc]

- added back demo links.

[bloc]

- Fixed error with overflow in posts(they would not create a scrollbar, but stretched out the screen)

[bedeceived]

I have a (hopefully) simple problem with the theme.  While I absolutely love it, and I must say it is very very well done, there is an issue with the theme settings.  When trying to set the "Show who is viewing the board index and posts", it is stuck on only numbers.  I can change it to member names or to not show at all, but when I hit save it goes back to numbers every time.  How can I fix this?

PS another weird thing is that there is TWO "Show who is viewing the board index and posts" options.  They seem to be identical.  Is this normal?

[bloc]

No, this is a bug rather..or maybe 2 lol. I will check it up asap.

[bedeceived]

Thanks!

[bedeceived]

Also just curious, not sure if it's a problem with the theme or just SMF but if I have a large entry in a table such as a large emoticon, I can't see all of the categories because they're pushed out of view.  I have a large emote, and i can't see any checkboxes now.  Is there an easy fix for changing the width of these settings tables?

[bud01100]

Also just curious, not sure if it's a problem with the theme or just SMF but if I have a large entry in a table such as a large emoticon, I can't see all of the categories because they're pushed out of view.  I have a large emote, and i can't see any checkboxes now.  Is there an easy fix for changing the width of these settings tables?

We are living with that problem by having short file names, code names,etc.