Coders Refuge Forums: I am Freddy G - Viewing Profile - Coders Refuge Forums

This tutorial will show you how to add Tabbed Categories To your Forum.

Click Here to see it in action!

If you want buy me a redbull! - (for the tutorial not the tab script)

Dependencies:

• jQuery
  
• jwTabs (attached)

A brief note: Jeffrey-Way.com is under construction. If me attaching the script to the record please contact me and I will remove it asap!

---

Lets Get Started!

First Upload: jwTabs.js (attached) to /public/js
Second: Go to ACP > Look & Feel > {YourSkin} > Global Templates > globalTemplate
Find:

</head>

Add Before:

		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
		<script type="text/javascript" src="{$this->settings['public_dir']}/js/jwTabs.js"></script>
		<script type="text/javascript">
		 jQuery.noConflict();
		jQuery(document).ready(function(){
			jQuery('#categories').jwTabs({
				fade : 200,
				tabTitleReference : 'h3 a:eq(1)',
			});
		});
		</script>

Thats It!

---

Optional: Press the CSS Tab - ipb_styles.css
Add to the bottom:

ul#tab-items li { display:inline; margin-right:10px; }
ul#tab-items li.tab-selected a { text-decoration:none; font-weight:bold; }

This tutorial will show you how to make a banned members post be different and lighter

---

ACP » Look & Feel » YourSkin

Topic View » topicViewTemplate

Find:

<div class='post_wrap' <if test="isNotIgnoring:|:$post['post']['_ignored'] == 1 || $post['post']['_repignored'] == 1">style='display: none'</if>>

Replace With:

<div class='post_wrap <if test="$post['author']['member_group_id'] == 5">bannedPost</if>' <if test="isNotIgnoring:|:$post['post']['_ignored'] == 1 || $post['post']['_repignored'] == 1">style='display: none'</if>>

---

Push the CSS Tab
Add to the very bottom of ipb_styles.css

/************************************************************************/
/* CUSTOM CSS STYLES */

.bannedPost {
 	opacity: 0.3;
	filter:alpha(opacity=30);	/* IE Opacity */
	-moz-opacity: 0.3;		/* Firefox Old' Skool Mode */
	-khtml-opacity: 0.3;		/* Old Skool KHTML Stuff */
}

Thanks to Nuclear General & Morrigan for the help with the if statement

Posted with the Rich Text Editor!

Removed because I guess I ripped erhen's tutorial.

I honestly never registered on his site until today (03/02/10) and the methods look the same and his css is more browser friendly.

I thought of adding icons when I purchased Mystic by Skinbox. He had forum icons and implemented it in category icons. I learned with the proper tag you can link to the forum or category id pretty easily.

I do not want be known as a ripper so again I apologize. I would have never done it if I knew there was another tutorial out there.

For everyone else you can view his tutorial here:
http://www.ipbforums...category-icons/