Topic: smFox - Rediscover SMF

[- danny]

I haven't seen this question anywhere, but I'm interested in placing my banner above the buttons. I know now that I would need to change the index.template.php file, but what code goes there and where?

[Phusion]

Ha, I opened a topic in the other theme section for this theme. Ill copy paste what I wrote there. Its pretty much the same problem Alex mentioned above.

Mozilla Firefox seems to have a few problems with the template, veerything looks alright in I.E, but for some reason everything looks akward with Mozilla. Ill give a link to better explain my problem ;

hxxp:testi.gocuk.org/smf/index.php/topic,5.0.html [nonactive]

Try looking at the link with both Moziila and Internet Explorer. In Firefox the username goes all over the avatar, even withh 100x100 avatars its the same problem. The banner also causes some of the menu to slide to the right, while I.E doesnt have that issue.

[~Kikoish~]

Yeah I like it. It would be if the "New" button is noticeable

[Chriss Cohn]

Ok, this Theme is indeed not bad, im using it since yesterday but it seems that this Theme was not finished by its creator ... 

I mean, i had to add many many many lines of code to let it look finished from my point of view.

Starting with the echoed head-part which is missing some statements and also the meta-keywords! - terrible for users of seo4smf and other SEO!

Warning this workaround is only for the Verion which displays the user-info ABOVE the post, not for the version which is located inside the folder "V2". Also it only dscribes it for the non-TP-Version!


The following lines (added them from the default-theme) in index.template.php:

Add this under the meta name ="description"

Code: [Select]

<meta name="keywords" content="PHP, MySQL, bulletin, board, free, open, source, smf, simple, machines, forum" />Then the following lines which has to be added in the javascript-part direct under the meta's

Code: [Select]

var smf_iso_case_folding = ', $context['server']['iso_case_folding'] ? 'true' : 'false', ';
        var smf_charset = "', $context['character_set'], '";
Then lets continue with some things to let the "user-buttons(email, pm, website)" appear under the group-texts and not like in default, very ugly next to it without any styling....

In display.template.php:

By default, the avatar-part is limited to 80px in width! So when you use bigger avatars, they will put themselfes under the user-info next to it - but only in the good browsers like FF, Opera, and so on. This looks very very ugly!

In line 289 you will find the following code:

Code: [Select]

<td width="80px" align="center" valign="middle">';Just replace the "80px" with any width you whish, for example with the maximum width you allow your users to have in their avatars.

To let the whole user-info part look a bit more tight, i just changed the following code:
In Line 282 replace this code:

Code: [Select]

<table class="titlebg" width="100%" cellpadding="3" cellspacing="0" style="font-weight: normal;table-layout: fixed; padding: 5px;">
with that code:

Code: [Select]

<table class="titlebg" width="100%" cellpadding="3" cellspacing="0" style="font-weight: normal;table-layout: fixed;">
In line 335 and 336 after this:

Code: [Select]

if ($settings['show_profile_buttons'])
            { add two <br /> by adding the following code:

Code: [Select]

echo '    <br /><br />';so the whole part will look like:

Code: [Select]

    // Show the profile, website, email address, and personal message buttons.
            if ($settings['show_profile_buttons'])
            {
            echo '    <br /><br />';
                // Don't show the profile button if you're not allowed to view the profile.
                if ($message['member']['can_view_profile'])
                    echo '

Then, the IMHO biggest mistake is, that you will never see any "stars" from the usergroups like "admins" "moderators" "supermoderators" only from normal post-based groups like "members" and so on... 
Also it aligns the whole part middle, which looks terrible if the whole part goes a bit taller (during use of bigger avatars, or else)
So lets improve the part a bit:
In Line 359 there is a part looks like this:

Code: [Select]

<td width="120px" class="smalltext">';just overwrite it with this:

Code: [Select]

<td width="120px" class="smalltext" style="vertical-align:top; padding-top:5px;">';
direct under it in line 361 you see the following part:

Code: [Select]

// Show the post group if and only if they have no other group or the option is on, and they are in a post group.
            if ((empty($settings['hide_post_group']) || $message['member']['group'] == '') && $message['member']['post_group'] != '')
            echo '
                                ', $message['member']['group_stars'], '<br />';
just replace it with the following:

Code: [Select]

// Show the Stars of either a post-group or other groups.                               
            echo '
                                ', $message['member']['group_stars'], '<br />';

The next thing is, when you are inside a Topic/Thread then the Topic/Thread-Title is not a link in the Link-tree, just plain text... Ok, some people would say its not important, but for me it was because even the default-theme got this nice feature and i always use it to link the topics.

So open index.template.php again
And in Line 394 replace this line

Code: [Select]

// Show the link, including a URL if it should have one.
        echo $settings['linktree_link'] && (isset($tree['url']) && $link_num != count($context['linktree']) - 1) ? '<a href="' . $tree['url'] . '" class="nav">' . $tree['name'] . '</a>' : $tree['name'];with this line:

Code: [Select]

// 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>';
Now we do some styling and add the missing borders around the quote-boxes....

Open style.css
In the class ".quote"
just add this two lines:

Code: [Select]

border-left: 2px solid #C9D1DA;
border-right: 2px solid #C9D1DA;Do the same inside the class ".quoteheader"

Also the checkboxes dont align vertically correct...
So in the class "input.check"
just put in this style-code:

Code: [Select]

vertical-align:middle;
So now this Theme is loking good IMHO.....
But im not finished yet... ill post all other changes il make during this day...

Best Regards, Christian

[L.G.S]

G-C, would you be able to tell me what code actually makes up the information bar at the top? I'm trying to learn coding myself and I'm trying to test myself to put the information at the top, yet any code I paste into the test thing ends up not working.

[neil h]

I’m new to SMF, having jumped ship from Invision, so I’m still trying to get my head around the differences between the two.

I’ve installed the SMFox Rediscover theme, which I think looks nice and clean. Installing was really easy, so now I’m installing mods.

I’ve installed to ‘PayPal donations’ package, and after a bit of trial and error got it working. The ‘Donations’ button appears in the menu, but there’s something not right with the CSS.



If you look at the attached image, there’s no dividing line between the right side of the ‘Donate’ button and the next one along, the ‘Members’ button. Also the rollover highlight is missing too.

I had a look at the source code via the browser, and this is the offending piece.

<ul>
<li class="nav_div">&nbsp;</li>
<li class="nav_active_back">
<a href="http://frameforum.org/forum3/index.php">Home</a>
</li><li class="nav_div">&nbsp;</li>
<li class="nav_back">
<a href="http://frameforum.org/forum3/index.php?action=help">Help</a>
</li><li class="nav_div">&nbsp;</li>
<li class="nav_back">
<a href="http://frameforum.org/forum3/index.php?action=search">Search</a>
</li><li class="nav_div">&nbsp;</li>
<li class="nav_back">
<a href="http://frameforum.org/forum3/index.php?action=admin">Admin</a>
</li><li class="nav_div">&nbsp;</li>
<li class="nav_back">
<a href="http://frameforum.org/forum3/index.php?action=profile">Profile</a>
</li><li class="nav_div">&nbsp;</li>
<li class="nav_back">

<a href="http://frameforum.org/forum3/index.php?action=pm">My Messages </a>
</li><li class="nav_div">&nbsp;</li>
<td valign="top" class="maintab_back">

*<a href="http://frameforum.org/forum3/index.php?action=paypal">Donations</a>
*</td>
*<li class="nav_back">

<a href="http://frameforum.org/forum3/index.php?action=mlist">Members</a>

</li><li class="nav_div">&nbsp;</li>
</ul>

Would anyone be able to point me in the right direction as to where the CSS for this is, or tell me how they went about fixing it?

Cheers,

Neil

[nick09]

Neil it will be some editing to do, but it should be easy.

Make sure you save a copy of the file before you edit it.

Code: [Select]

<ul>
<li class="nav_div">&nbsp;</li>
<li class="nav_active_back">
<a href="http://frameforum.org/forum3/index.php">Home</a>
</li><li class="nav_div">&nbsp;</li>
<li class="nav_back">
<a href="http://frameforum.org/forum3/index.php?action=help">Help</a>
</li><li class="nav_div">&nbsp;</li>
<li class="nav_back">
<a href="http://frameforum.org/forum3/index.php?action=search">Search</a>
</li><li class="nav_div">&nbsp;</li>
<li class="nav_back">
<a href="http://frameforum.org/forum3/index.php?action=admin">Admin</a>
</li><li class="nav_div">&nbsp;</li>
<li class="nav_back">
<a href="http://frameforum.org/forum3/index.php?action=profile">Profile</a>
</li><li class="nav_div">&nbsp;</li>
<li class="nav_back">

<a href="http://frameforum.org/forum3/index.php?action=pm">My Messages </a>
</li><li class="nav_div">&nbsp;</li>
<td valign="top" class="maintab_back">

<a href="http://frameforum.org/forum3/index.php?action=paypal">Donations</a>
</td><li class="nav_div">&nbsp;</li>
<li class="nav_back">

<a href="http://frameforum.org/forum3/index.php?action=mlist">Members</a>

</li><li class="nav_div">&nbsp;</li>
</ul>
Try that.

All you were really missing was the divider between the donations and members tabs.

[neil h]

Hi Nick,

Thanks for your help.
What I'm still unsure of is what file to edit -  I looked at the file from my web browser 'view source' tab. I says it is an index, but I can't find what index it is. i looked at the index.php on the theme and on the root directory, but it's neither of them.

[neil h]

Got it! index.template.php!

[neil h]

Anyone know of a Joomla or Mambo theme that uses this style?

i want to create a portal for my board and want to keep the same clean, fast-loading look.

[neil h]

This theme isn't working for me in Firefox. In IE7, it's great, but in firefox, it does this:


And this:


Can someone help me out with this? I've spent days trying to get this thing right. I really like the theme, and it would be a shame to have to ditch it for something else that works. 

[neil h]

Can anyone tell me how to fix this?
I've got 'Number of recent posts to display on board index:' set to 5.

Trouble is, on long post titles, the titles jump out of the box and screw up the theme. It doesn't happen on the board index, just in the info center. Ideally, the post titles should be truncated or limited to a set number of characters. I've no idea how to do this, though.

Any help appreciated.

Thanks,

Neil

[NHWD]

this is a good skin but i like Anone even better
please come up with more great skins !

[Crip]

dys is gone..

[NHWD]

dys is gone..

what do u mean?

[Confusimo]

the author

[NHWD]

i know but i meant how was he gone

[Crip]

like bye-bye

[NHWD]

ok i hope you mean he left and not died