[CUSTOM] Get tab version of jomsocial template

Hello,
is it possible to get a tab version of the jomsocial style?!
Would be realy great.
Maybe someone made it already?!

THX for any help

I would also be interested in this tab-template version

Anybody can do this? Because is much more userfriendly, if you have many apps activated in userprofiles! Thx alot for help.

If someone have a little info how to implant it, I could do it by myself, maybe...

Hi

Yes it's possible.
I will provide a module class suffix to have similar style from JomSocial tabs.
Wait for my feedback.

Cheers

ok, i will do my very best and try to wait.
but it will become a hard time for me *jumparound*

Hi

As promise, follow this instructions:

[b]STEP 1)[/b]
Open gk_stuff.css file and add this code:

Code: Select all

/*
* Tabs mod with JomSocial Style
*/
div.gk_tab-jomstab {position: relative;}
div.gk_tab_wrap-jomstab {margin: 0 auto;}
ul.gk_tab_ul-jomstab {list-style-type: none;margin: 0;padding: 0;overflow:hidden;}
ul.gk_tab_ul-jomstab li {float: left;cursor: pointer;margin: 0 5px -1px 0;position: relative;padding: 0px;}
ul.gk_tab_ul-jomstab li span {display: block;height: 28px;line-height: 27px;padding: 0 10px;font-size: 11px;font-weight: bold;text-transform:uppercase;}
div.gk_tab_container0-jomstab {clear: both;background: transparent;}
div.gk_tab_container1-jomstab {overflow: hidden;}
div.gk_tab_item-jomstab {float: left;overflow: hidden;padding: 0 10px;}
div.gk_tab_button_next-jomstab,
div.gk_tab_button_prev-jomstab {}
div.gk_tab_button_prev-jomstab{}
div.gk_tab_button_next-jomstab:hover {}
div.gk_tab_button_prev-jomstab:hover {}
.gk_tab_container0-jomstab,.gk_tab_container1-jomstab,.gk_tab_container2-jomstab{position:relative;}


STEP 2)

Open style1.css file and add this code:

Code: Select all

/*
* Tabs mod with JomSocial Style
*/
ul.gk_tab_ul-jomstab {border-bottom: 2px solid #FFAE00;}
ul.gk_tab_ul-jomstab li span {background: #0D0D0D;bold;color: #696969;}
ul.gk_tab_ul-jomstab li span:hover {color: #fff}
ul.gk_tab_ul-jomstab li.active span {background: #FFAE00;color: #000;}

STEP 3)

Open style2.css file and add this code:

Code: Select all

/*
* Tabs mod with JomSocial Style
*/
ul.gk_tab_ul-jomstab {border-bottom: 2px solid #008aca;}
ul.gk_tab_ul-jomstab li span {background: #0D0D0D;bold;color: #696969;}
ul.gk_tab_ul-jomstab li span:hover {color: #fff}
ul.gk_tab_ul-jomstab li.active span {background: #008aca;color: #000;}


STEP 4)

Open style3.css file and add this code:

Code: Select all

/*
* Tabs mod with JomSocial Style
*/
ul.gk_tab_ul-jomstab {border-bottom: 2px solid #ca002e;}
ul.gk_tab_ul-jomstab li span {background: #0D0D0D;bold;color: #696969;}
ul.gk_tab_ul-jomstab li span:hover {color: #fff}
ul.gk_tab_ul-jomstab li.active span {background: #ca002e;color: #000;}


STEP 5) - VERY IMPORTANT

To use this style on tabs, open tabs module and set the following parameters:

- Select "Your own value" on "Style CSS" parameter
- Set "jomstab" as "Style CSS suffix" parameter
- On advanced parameters, make sure that "Use module CSS" is disable.



FINAL RESULT:




Enjoy

Hey thx. Great!
But that not realy what I meen.

I meen to have tabs for the jomsocial userprofil page. See the example I have made with graphicprogramm. Its only a montage/fake!
But that is what I meen.



This is a template wich use a tab system, made by a user of jomsocial only as an example.
http://www.jomsocial.com/webforum/viewtopic.php?f=34&t=14151

Maybe I would pay a little amount for it. Tell me how much!

Looks a like the superbad template for jomsocial with tabs. You can probably just download the superbad template and use the code from it to make your tabs. Thos templates are free for download at http://www.suburbans.org/.

Then there is the pay for plugin for jomsocial "apps in tabs" by codingmall, it puts apps into separate tabs. It seems a bit nicer but I am still having issues with spacing on it with this template. I might as well shave my head on these, because I'm tired of pulling my hair out.

http://www.jomsocial.com/download/addon ... -tabs.html

Yes I knew that template already. Thats why I want it for the gavick template.
I already tried to install the code into the gk style, but I failed.
My css knewledge isnt very good.

Hello,
I am just working at the tabed template for jomsocial, but I am not a programmer. So maybe someone could give me a helping hand with this.

I have made the tabs and integrated them. In Firefox 3.6 everything looks ok and no errors. But in IE 7 and 8 the page generates an error in the jquery-1.3.2.pack.js of jomsocial located in the assets folder.

Here is a screenshot I have made in FF 3.6


And the IE8 with error


and I attached the edited files I have edited in a packed!
PLS NOTICE! THIS PACKED STILL NOT WORKING! DONT USE IT! ITS JUST FOR BRAINSTORMING AND HELP.

Ok. Here is a working version!
Just replace gk_style with this one.

NOTE! Its for the blue style (style2). For other styles simply edit colour in tabs.css located in the css folder of the style.
ATTANTION: USE AT OWN RISK! ALWAYS MAKE BACKUP FROM YOUR DATA, BEVOR USE!

Normal

Superhero Tabs edited (fixed some errors with plugins)


(You can use both, but if you got errors with first pls use fixed version.)

Looks Awesome!! Thanks for sharing!!

Nice work !!

I added a new version wich fixed some problems with plugins (as an example the superpoke plugin).

Do you have the latest version of this?

Thanks, I lost a few years off my lifespan because I couldn't get the superbad tabs to work. The tabs work but I'll have to adapt it a bit more to match my site. Thanks for working on this.

Thanks, I lost a few years off my lifespan because I couldn't get the superbad tabs to work. The tabs work but I'll have to adapt it a bit more to match my site. Thanks for working on this.

It´s possible to create this tabs without JomSocial too?
I do not have a license to install JomSocial on my website.

mfg
Nick