[Archived] Tabbed categories for phpbb

Liam Styles

Member

Status :

Code

Posts :

43

Posted Wed Aug 20, 2014 11:15 pm

First of all apologies if this thread dosen't belong here.

Details: Well, like says in the title I wanna know if there's a script or tutorial where can I learn how to put tabbed categories for phpbb.
Screenshot: [Archived] Tabbed categories for phpbb IlgCy1l

[Archived] Tabbed categories for phpbb IlgCy1l

Forum Address: Is under construction
Forum Version: Phpbb

Grafix

Management Team

Status :

Im Watching You Spammer :)

Posts :

1596

Posted Thu Aug 21, 2014 3:15 am

Do you mean like this ?

http://codepen.io/SocialAcademyForum/pen/tmlek/

Liam Styles

Member

Status :

Code

Posts :

43

Posted Thu Aug 21, 2014 11:05 am

Yes, I'll found this code that hide categories and then shows the second one cliking a button, but unfortunately is only for phpbb3. The code is the following:

JS:

Code:: $(function() { $("div.table-title").closest("div.forabg").addClass("cat-table").first().before('<div id="cat-tabs"></div>'); $(".cat-table:not(:first)").hide(); $("div.table-title h2").each(function() { $("#cat-tabs").append('<div class="ct-item">' + $(this).text() + "</div>") }); $("#cat-tabs .ct-item").click(function() { $("#cat-tabs .ct-abled").removeClass("ct-abled"); $(this).addClass("ct-abled"); $(".cat-table").not($(".cat-table").eq($("#cat-tabs .ct-item").index(this)).slideDown(500)).slideUp(500) }).first().addClass("ct-abled") });

CSS:

Code:: #cat-tabs { text-align: center; margin: 10px auto; } #cat-tabs .ct-item { display: inline; background: blue; color: #fff; margin: 5px; padding: 5px; } #cat-tabs .ct-abled { color: blue; background: #fff; }

But it only runs in phpbb3, I'm looking for something similar for phpbb because I want to show the categories of my site as tabs.

Grafix

Management Team

Status :

Im Watching You Spammer :)

Posts :

1596

Posted Fri Aug 22, 2014 9:08 am

ooh yes .. there is a script for that no matter what is your board version .. can you give me your forum url for reference?

Liam Styles

Member

Status :

Code

Posts :

43

Posted Fri Aug 22, 2014 3:18 pm

Of course, it is: http://beautifulordinary.mess.tv/

Grafix

Management Team

Status :

Im Watching You Spammer :)

Posts :

1596

Posted Fri Aug 22, 2014 11:37 pm

First of all i congratulate you because your forum is absolutely awesome and beautiful .. nice design ! :)
so do you want me to adapt the code for phpbb/punbb ?

Liam Styles

Member

Status :

Code

Posts :

43

Posted Sat Aug 23, 2014 5:47 am

POPULAR

Omg, thanks for your flattery words to my site. Yes, I would appreciate if you can adapt me that code for phpbb. I will be eternally grateful. Many thanks.

Grafix

Management Team

Status :

Im Watching You Spammer :)

Posts :

1596

Posted Fri Aug 29, 2014 1:59 am

Hello [tag]Liam Styles[/tag], sorry for the late response .. maybe you should do the simple way ! i do suggest use this Functional CSS Tabs Revisited .. i use this and its working 100% ==> Demonstration but if you dont like it .. just tell me :)

Grafix

Management Team

Status :

Im Watching You Spammer :)

Posts :

1596

Posted Sat Aug 30, 2014 11:41 pm

is this answered ?

Liam Styles

Member

Status :

Code

Posts :

43

Posted Sun Aug 31, 2014 3:06 pm

I think I can use the phpbb3 code and change the selectors in order it can runs on phpbb. I do know how tu use jquery but I think a tutorial of this will be very usefull for a lot of people who dosen't have no clue of using and managing jquery. I'm pretty sure I can handle this by my own. Many thanks for your time and your assistance.

Regards.

Sponsored content

Posted

[Archived] Tabbed categories for phpbb

Liam Styles

Grafix

Liam Styles

Grafix

Liam Styles

Grafix

Liam Styles

Grafix

Grafix

Liam Styles

Sponsored content

what most do you like? [5vote ]

Fast Navigation

1	#1
2	#2
Discover : #i<3socialacademyforum \| #themesIPB<3 \| #Javascript

Url
BBcode
HTML