Styling_the_forums - e107inc/e107v1 GitHub Wiki


title: Styling the forums permalink: /Styling_the_forums/

With the introduction of the latest e107, there may be a number of styling features related to the forums that might have been missed. Themers may find that some of the new theming features of the forums may help tremendously to give your forum a unique look and feel.

This article introduces some of the newest features related to the styling of e107's forum system.

Multiple styles for forum posts

The ability to apply multiple styles to different forum posts within a thread allows you to create "checkerboard" patterns that can help to distinguish one poster from the next. In order to take full opportunity of this new feature you need to look into your forum_viewtopic template and search for two specific callouts:

$FORUMREPLYSTYLE = "insert your code here" //// this one controls your reply style normally.

$FORUMREPLYSTYLE_ALT = "insert your code here" //// this one controls the alternative style.

Advanced theming options for the Breadcrumb

With the new e107 you can now control individual parts of the breadcrumb and accordingly style them to your heart's content.

Want to make sure your users reach their destination? The Breadcrumb's a vital part of this and before it was quite impossible to actually change the appearance of much of the breadcrumb. It is now possible for us to modify each and every element of the breadcrumb to our liking.

In order to take advance of this new styling aspect. You need to add the following code to your forum_viewtopic and your forum_viewforum template pages. These can be added at the bottom of your templates:

$FORUM_CRUMB['sitename']['value'] = "<a class='breadcrumb1' {SITENAME_HREF}>{SITENAME}"; $FORUM_CRUMB['sitename']['sep'] = " >> ";

The above controls the first part of the breadcrumb.

$FORUM_CRUMB['forums']['value'] = "<a class='breadcrumb1' {FORUMS_HREF}>{FORUMS_TITLE}"; $FORUM_CRUMB['forums']['sep'] = " > ";

This one controls the 2nd part of the breadcrumb

$FORUM_CRUMB['subparent']['value'] = "<a class='breadcrumb1' {SUBPARENT_HREF}>{SUBPARENT_TITLE}"; $FORUM_CRUMB['subparent']['sep'] = " : ";

This one controls the sub-forums.

$FORUM_CRUMB['forum']['value'] = " {FORUM_TITLE} ";

And finally the end bit.

Forum Theming and Templates

Category:Theming Category:Forum

⚠️ **GitHub.com Fallback** ⚠️