Thread: Forum Home Enhancements - [AJAX] Tabbed Forum Home
View Single Post
  #213  
Old 05-11-2008, 08:05 AM
Defkalion Defkalion is offline
 
Join Date: Jan 2007
Location: Athens, Greece
Posts: 201
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by bobster65 View Post
Yer welcome

Yes, you can create extra tabs with info in them other than just Forum categories. All you need to do is put the info in what I call a content div area just like you did with the other tabs ..

Here is an example of putting the Whats going on box into a tab .. Note the RED IDs .. those are what link the tab to the div content ..

First you need to create an li tag for your new extra tab (I added a 4th tab in this example called Whats Going On and its ID=tcontent4

Code:
<!-- Tabbed Forum Home Tabs Layout -->
	<ul id="forumtabs" class="shadetabs"> 
	<li><a href="#" rel="tcontent1" class="selected">Tab 1</a></li> 
	<li><a href="#" rel="tcontent2">Tab 2</a></li> 
	<li><a href="#" rel="tcontent3">Tab 3</a></li>
	<li><a href="#" rel="tcontent4">Whats Going On</a></li>
       	</ul> 
<!-- /Tabbed Forum Home Tabs Layout -->

Then you need to create the Content Container and make sure that it has the same ID as the li tag you just added ..

Code:
<!-- Tabbed Forum Home – START whats going on box Tab Content Layout -->

<div id="tcontent4" class="tabcontent">

<!-- what's going on box -->
CONTENT REMOVED FOR SAMPLE
<!-- end what's going on box -->

</div>

<!-- /Tabbed Forum Home – END Tab 4 Content Layout -->


NOTE: Make sure that when you add extra tabs that they go BEFORE the below block of code.. You can always move this chunk of code lower in the template, just make sure that any content area Divs that you add go before it .. (Hope that made sense)

Code:
<!-- Tabbed Forums switch tab script -->
	<script type="text/javascript">
	var myforumtabs=new ddtabcontent("forumtabs") 
	myforumtabs.setpersist(true) 
	myforumtabs.setselectedClassTarget("link") 
	myforumtabs.init()
	</script>
<!-- /end Tabbed Forums switch tab script -->
Thats all there is to it...
Bob your help is much appreciated. This worked excellent, you can check it here : http://www.travelstories.gr/index_forums.

Is there any way to "force" this last fourth tab to the right, since it contains stats? And also to have a diferrent font size/color for its text? I want to give more attention to the content tabs and "degrade" the stats tab

EDIT: also another question: what is the way of placing the Tabs ALSO in the bottom, besides the top of the forums?
Reply With Quote
 
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01252 seconds
  • Memory Usage 1,777KB
  • Queries Executed 11 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD_SHOWPOST
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (3)bbcode_code
  • (1)bbcode_quote
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_box
  • (1)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit_info
  • (1)postbit
  • (1)postbit_onlinestatus
  • (1)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • reputationlevel
  • showthread
Included Files:
  • ./showpost.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showpost_start
  • bbcode_fetch_tags
  • bbcode_create
  • postbit_factory
  • showpost_post
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • showpost_complete