Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Site Themes => Topic started by: KahneFan on January 05, 2009, 03:36:19 PM

Title: 3column Theme
Post by: KahneFan on January 05, 2009, 03:36:19 PM
Link to the theme (http://custom.simplemachines.org/themes/index.php?lemma=1288)
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fcustom.simplemachines.org%2Fthemes%2Findex.php%2Faction%2Cdownload%2Flemma%2C1288%2Fimage%2Cthumb&hash=e418d673dfc1fcda39350c3b9eb072e7cdf49299)

This is a great theme for those sites that have many, many, MANY categories. The columns are controlled by CSS and not the category IDs, so it's very easy to rearrange the home page by simply moving your categories around in your admin (like a puzzle). I have left this with the default theme so that it is fully skinnable still. If you re-skin this theme please leave the credit to I Post You Post (http://www.ipostyoupost.com) in the footer.
Title: Re: 3column Theme
Post by: AbsintheSyringe on January 26, 2009, 12:27:27 PM
You are aware this theme doesn't work right now IE6 (1024x768)?  ::)
Title: Re: 3column Theme
Post by: KahneFan on January 26, 2009, 02:05:15 PM
I'm not aware of that. I test my themes on a 1024x768 screen, but with IEb8/IE7/FF3, so I don't know if it's something IE6 does different. What does it do/not do? (screenshot if you can)
Title: Re: 3column Theme
Post by: Antechinus on January 26, 2009, 03:53:49 PM
IE6 has very poor css support so that may well be the issue. If you like I can hook you up with a tool that lets you run 6 and 7 parallel in the same drive for testing. I use it and it works very well.
Title: Re: 3column Theme
Post by: KahneFan on January 26, 2009, 04:02:24 PM
Sure... is it free :D
Title: Re: 3column Theme
Post by: Antechinus on January 26, 2009, 04:04:46 PM
http://tredosoft.com/Multiple_IE

Free and it works. ;D
Title: Re: 3column Theme
Post by: KahneFan on January 26, 2009, 04:46:16 PM
Great tool! I couldn't get 5.0 to fire up for some reason. I would imagine  most browsers should be up to at least 6.0 by now though.

Interesting. IE6 seems to not allow a full 100% width, so it's making the 3 column into a 2 column.

If you would like to change the width of the columns just change "   width: 31%;" to maybe 30% or whatever makes it look right in the browsers you're concerned with. You could also fix the forum width to 950px or so and then specify a column width of 300px, which allows space between still. This would make it the same width no matter the browser.


/* This is used for the main categry section */
.cattborder
{
   padding: 1px;
   border: 1px solid #696969;
   background-color: #FFFFFF;
   float: left;
   width: 31%;
   margin: 5px;
}


Title: Re: 3column Theme
Post by: KahneFan on February 14, 2009, 07:43:16 PM
I have been asked by a few people how to get this to work on other theme. I think I've figured out a quick way to throw 3column on (almost) any theme...

Keep in mind, this will not restructure the build of the rows/columns like the true 3column theme does, it will simply put your categories in 3 columns.

Note: If your 2.0 theme DOES NOT have a boardindex.template.php file, you could just drop the boardindex.template.php file into your current theme and it will make all the adjustments.

{theme}/boardindex.template.php
find:

foreach ($context['categories'] as $category)
{
echo '
<div class="categoryframe tborder">


replace with:

foreach ($context['categories'] as $category)
{
echo '
<table style="float: left; width: 33%;"><tr><td>
<div class="categoryframe tborder">


find:

echo '
</table>';
}
echo '
</div>';
}


replace with:

echo '
</table>';
}
echo '
</div>
</td></tr></table>';
}
Title: Re: 3column Theme
Post by: Mexxx on February 16, 2009, 06:24:20 PM
this theme is really fantastic, does somebody know, whether there's a 1column theme with the same design? recently I deleted this 1column design by updating the theme. unfortunately I installed dilber mc, later I found out, that it was the wrong one.

greetings mx
Title: Re: 3column Theme
Post by: KahneFan on February 16, 2009, 07:21:22 PM
This uses the "default" theme. Are you wanting a default theme (1 column) which lists the posts and replies below the title and description?

As it is now, the SMF Default theme lists...

Title | posts# | latest post
Desc | reply# | Information

Are you wanting...
Title
Desc
post/reply
Post Info
Title: Re: 3column Theme
Post by: Mexxx on February 17, 2009, 12:21:55 PM
oops. I'm silly. the theme I looked for was the default theme -.-
thanks for your aid  :)

mx
Title: Re: 3column Theme
Post by: extremenewbie on February 17, 2009, 08:49:55 PM

Quick few questions for you Kahnefan:

How can I change the color of the boarder on the boards?

I went into the css from the modify theme within Admin, Edit this themes style sheet, I changed the color for background as follows:

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers. */
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
   background: url(images/catbg.jpg) #8B0000 repeat-x;
   color: #ffffff;
   padding-left: 10px;
   padding-right: 10px;



Problem is, now when I go to the forums, the color "blips" on the screen then instantly changes back to the blue/grey color.... 


Question 2: is there a way to change the color for recent posts in this area:

Last post by Username
in lets talk about it.......
on Today at 02:24:01 PM


Thank you as always, for all your help!

Extreme newbie

Title: Re: 3column Theme
Post by: KahneFan on February 17, 2009, 08:53:13 PM
The URL is taking over the color. If you want a solid color, remove "url(images/catbg.jpg)"

As for the other area, it's controlled by "windowbg2"
Title: Re: 3column Theme
Post by: extremenewbie on March 12, 2009, 05:59:09 PM
another in the endless line of questions.... actually, Im pretty sure I'll only have a "few" more...

In the 3 column theme, it is not set up to use the icons for new posts and no new posts.
I have successfully removed the icons from showing up above the info center, however the wording that was next to them is still there.

Where in the theme template do I find the words so I can remove them as well?

Thanks


Title: Re: 3column Theme
Post by: KahneFan on March 12, 2009, 06:07:47 PM
Look for...


if ($context['user']['is_logged'])
{
echo '
<div id="posticons" class="clearfix marginbottom">
<div class="smalltext floatleft headerpadding">
<img src="' . $settings['images_url'] . '/new_some.gif" alt="" align="middle" /> ', $txt['new_posts'], '
<img src="' . $settings['images_url'] . '/new_none.gif" alt="" align="middle" style="margin-left: 4ex;" /> ', $txt['old_posts'], '
</div>';

// Mark read button.
$mark_read_button = array(
'markread' => array('text' => 'mark_as_read', 'image' => 'markread.gif', 'lang' => true, 'url' => $scripturl . '?action=markasread;sa=all;' . $context['session_var'] . '=' . $context['session_id']),
);


// Show the mark all as read button?
if ($settings['show_mark_read'] && !empty($context['categories']))
template_button_strip($mark_read_button, 'top');

echo '
</div>';
}



You've already removed the images in that area so it will appear slightly different than above. But replace with...


if ($context['user']['is_logged'])
{


// Show the mark all as read button?
if ($settings['show_mark_read'] && !empty($context['categories']))
template_button_strip($mark_read_button, 'top');

}
Title: Re: 3column Theme
Post by: extremenewbie on March 12, 2009, 06:42:06 PM

Perfect.

Thanks much!
Title: Re: 3column Theme
Post by: KahneFan on March 17, 2009, 12:58:25 AM
This is now a mod as well so you can apply it to other themes...
http://custom.simplemachines.org/mods/index.php?mod=1694