News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

3column Theme

Started by KahneFan, January 05, 2009, 03:36:19 PM

Previous topic - Next topic

KahneFan

Link to the theme


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 in the footer.
#eric_on_twit| (video) Creating Themes for SMF | Reset Your Forum
NOTE: No PM's for support please.

AbsintheSyringe

You are aware this theme doesn't work right now IE6 (1024x768)?  ::)

KahneFan

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)
#eric_on_twit| (video) Creating Themes for SMF | Reset Your Forum
NOTE: No PM's for support please.

Antechinus

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.

KahneFan

#eric_on_twit| (video) Creating Themes for SMF | Reset Your Forum
NOTE: No PM's for support please.


KahneFan

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


#eric_on_twit| (video) Creating Themes for SMF | Reset Your Forum
NOTE: No PM's for support please.

KahneFan

#7
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>';
}
#eric_on_twit| (video) Creating Themes for SMF | Reset Your Forum
NOTE: No PM's for support please.

Mexxx

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

KahneFan

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
#eric_on_twit| (video) Creating Themes for SMF | Reset Your Forum
NOTE: No PM's for support please.

Mexxx

oops. I'm silly. the theme I looked for was the default theme -.-
thanks for your aid  :)

mx

extremenewbie


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

"20 Years from now you will be more disappointed by the things you didn't do than by the ones you did"

KahneFan

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"
#eric_on_twit| (video) Creating Themes for SMF | Reset Your Forum
NOTE: No PM's for support please.

extremenewbie

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


"20 Years from now you will be more disappointed by the things you didn't do than by the ones you did"

KahneFan

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

}
#eric_on_twit| (video) Creating Themes for SMF | Reset Your Forum
NOTE: No PM's for support please.

extremenewbie

"20 Years from now you will be more disappointed by the things you didn't do than by the ones you did"

KahneFan

This is now a mod as well so you can apply it to other themes...
http://custom.simplemachines.org/mods/index.php?mod=1694
#eric_on_twit| (video) Creating Themes for SMF | Reset Your Forum
NOTE: No PM's for support please.

Advertisement: