News:

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

Main Menu
Additional Info
Type
Package ID
Shadav:Tabbed_Info
First Created
October 11, 2020, 06:22:04 PM
Last Updated
September 04, 2021, 09:22:23 PM

Tabbed Info v1.0

Puts Info Center Into Tabs
Compatible With 2.0.17
Latest version v1.0
Downloads 415
Reviews 0
Rating 0/5
Subscribers 0
License (View License)
Author(s)
Screenshots
This will put the Info Center into tabs

thanks to this article on a how to create tabs: inspirationalpixels.com/creating-tabs-with-html-css-and-jquery/

thanks to vicram10 for helping to get it working correctly (stupid divs and if statements anyways)

you can easily change the looks of the tabs with the provided css, i tried to make it match closely to the default theme

you can change the animation in the tabbedinfo.js file

find
// Show/Hide Tabs
jQuery('.tabs ' + currentAttrValue).show().siblings().hide();

replace with one of the below

fade
// Show/Hide Tabs
jQuery('.tabs ' + currentAttrValue).fadeIn(400).siblings().hide();

slide 1
// Show/Hide Tabs
jQuery('.tabs ' + currentAttrValue).siblings().slideUp(400);
jQuery('.tabs ' + currentAttrValue).delay(400).slideDown(400);

slide 2
// Show/Hide Tabs
jQuery('.tabs ' + currentAttrValue).slideDown(400).siblings().slideUp(400);


if you want to see a demo
hostingspot.net/testing/smf20/
or
4rearth.info

please note that the Upcoming Calendar tab will not work unless there is actually an event or holiday

you can change which tab is active (default open upon page load) by changing
<li class="active"><a href="#tab3">to
<li><a href="#tab3">
and then find
<div id="tab3" class="tab active">change to
<div id="tab3" class="tab">
then on whichever tab you want as default, lets say recent posts simply add the class="active"
so change
<li><a href="#tab1">to
<li class="active"><a href="#tab1">
and then change
<div id="tab1" class="tab">to
<div id="tab1" class="tab active">
===
added licence (GNU General Public License)
basically do what you like except please do give credit where credit is due...
I'm not really good at scripts and things so :p I welcome anyone who's willing to improve on it

fixed issue with buttons still showing up even though the recent or calendar weren't turned on in admin
also changed the default active tab to the forum stats (for those that don't have recent posts turned on, you can change this with the codes above)

fixed missing jquery

added a second file, Tabbed_Info_Lite.zip, for those that may already have installed tabbed profile mod
Tabbed_Info.zip
14.53 KB
Manual installation info
You have to register or login to be able to leave a review
There are currently no reviews on this customization
Advertisement: