The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

[help] categories as tabs [PunBB]

+3
Cassius Dio
Derri
zenzo
7 posters

Go down

In progress [help] categories as tabs [PunBB]

Post by zenzo February 25th 2013, 3:31 am

hi..


is possible to make forum menu like this on invision or phpbb3
[help] categories as tabs [PunBB] 20130225095832

fortest.lifeme.net/


Last edited by zenzo on March 30th 2013, 4:59 am; edited 2 times in total
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by Derri February 25th 2013, 8:06 am

Yes its possible.

If you take a look at this tutorial http://www.webartzforum.com/t2933-showing-categories-as-tabs
Make sure to install the CSS at the end of the tutorial. You can change the colors by editing the CSS at the end of the tutorial.
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by zenzo February 25th 2013, 11:30 am

Derri wrote:Yes its possible.

If you take a look at this tutorial http://www.webartzforum.com/t2933-showing-categories-as-tabs
Make sure to install the CSS at the end of the tutorial. You can change the colors by editing the CSS at the end of the tutorial.

yes! it works but how to add tabs

can you highlight where to insert

please give sample of div id to insert
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by Cassius Dio February 25th 2013, 3:29 pm

Hi! Very Happy

JavaScript code you should add in:
Administration Panel ~> Modules ~> HTML & JAVASCRIPT ~> JavaScript codes management.

CSS code you should add in:
Administration Panel ~> Display ~> Images and colors ~> Colors ~> CSS Stylesheet.
Cassius Dio
Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by zenzo February 25th 2013, 3:45 pm

SGSS wrote:Hi! Very Happy

JavaScript code you should add in:
Administration Panel ~> Modules ~> HTML & JAVASCRIPT ~> JavaScript codes management.

CSS code you should add in:
Administration Panel ~> Display ~> Images and colors ~> Colors ~> CSS Stylesheet.

that's not what i mean

take a look this picture
[help] categories as tabs [PunBB] 20130225224301
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by reezvaan February 25th 2013, 5:02 pm

^^^ To add a tab, you'll have to make new category (after you have copied the Javascript and CSS code as described by @SGSS at the specified places in the ACP).

Here is where you can add a new category and thus a new tab on homepage;

ACP>General>Categories & Forums
avatar
reezvaan
Forumember

Posts : 27
Reputation : 1
Language : English

http://www.pacvwr.com

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by Derri February 25th 2013, 5:05 pm

Yes and you'll have to create a forum within that Category to make the tab appear properly.
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by zenzo February 25th 2013, 11:47 pm

i have lots of categories but it appears on one tab

i want to add 4 tabs and separate them with there corresponding tabs

[help] categories as tabs [PunBB] 20130226064421

here is the javascript i use

Code:
function tttf(n) {
var tables = document.getElementById("main-content").getElementsByTagName("table")[n].parentNode;
document.getElementById("ttid").innerHTML = tables.innerHTML;
}
$(function() {
if (location.pathname=="/forum" || location.pathname=="/") {
var tables = $(".index-box").get();
var tf = document.getElementById("main-content");
var ttab = document.createElement("ul");
ttab.setAttribute("id","ttcl");
for (i=0; i<tables.length; i++) {
tables[i].parentNode.style.display="none";
ttab.innerHTML += "<li><a href='javascript:void(0);' onclick='tttf(" + [i] + ")'>" + tables[i].previousSibling.childNodes[0].innerHTML + "</a></li>";
tf.parentNode.insertBefore(ttab,tf);
}
var tl = document.createElement("div");
tl.innerHTML = "<div id='ttid'>Click on the above tabs to choose a category!</div>";
tf.parentNode.insertBefore(tl,tf);
}
});

where can i insert the categories

i try to insert ID here but it disappear i guess i'm wrong
Code:
(location.pathname=="/" || location.pathname=="/")
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by zenzo February 27th 2013, 12:23 am

bump.....
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by zenzo March 1st 2013, 11:10 pm

bump again..........
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by Derri March 2nd 2013, 3:11 am

From the image your provided above. I can see that you have many forums and sub forums but you only have one category.

Read this as it explains the difference.

https://help.forumotion.com/t8322-differences-between-forum-and-category?highlight=Category
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by zenzo March 4th 2013, 6:20 am

i delete all forum and made new two category with forum each

[help] categories as tabs [PunBB] 20130304131846

but still not working

zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by SLGray March 4th 2013, 7:17 am

Make sure you have the correct codes (Invision?):

JavaScript:
Code:
function tttf(n) {
var tables = document.getElementById("main-content").getElementsByTagName("table")[n].parentNode;
document.getElementById("ttid").innerHTML = tables.innerHTML;
}
$(function() {
if (location.pathname=="/forum" || location.pathname=="/") {
var tables = $(".index-box").get();
var tf = document.getElementById("main-content");
var ttab = document.createElement("ul");
ttab.setAttribute("id","ttcl");
for (i=0; i<tables.length; i++) {
tables[i].parentNode.style.display="none";
ttab.innerHTML += "<li><a href='javascript:void(0);' onclick='tttf(" + [i] + ")'>" + tables[i].previousSibling.childNodes[0].innerHTML + "</a></li>";
tf.parentNode.insertBefore(ttab,tf);
}
var tl = document.createElement("div");
tl.innerHTML = "<div id='ttid'>Click on the above tabs to choose a category!</div>";
tf.parentNode.insertBefore(tl,tf);
}
});
CSS:
Code:
#ttcl {
display: block;
list-style-type: none;
margin: 10px 0px 10px 0px;
}
#ttcl li {
display: inline;
padding: 5px;
margin: 0px 0px 0px 5px;
background: #FFFFFF;
border-radius: 5px;
border: 1px solid #000000;
}
#ttid {
display: block;
background: #FFFFFF;
border-radius: 5px;
border: 1px solid #000000;
padding: 5px;
margin: 5px;
}


[help] categories as tabs [PunBB] Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by zenzo March 4th 2013, 7:36 am

yes i'm sure 100% correct
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by zenzo March 5th 2013, 6:07 pm

bump
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by SLGray March 5th 2013, 7:00 pm

Have you checked to see if there is any errors in your browser error console?


[help] categories as tabs [PunBB] Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by zenzo March 6th 2013, 3:45 am

@SLGray

yes all was check properly

also i remove all additional css, js, widgets, exept on the code i want to use

all was back to default..


i also delete all categories.forums and remake but still Sad


i hope some experts help this problem before i publish this forum..

i would like to share the panel of the forum,just to solve this problem..
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by Nera. March 6th 2013, 2:44 pm

Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by zenzo March 7th 2013, 10:20 am


i've been there before

but i think their codes are not compatible on my version
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by zenzo March 15th 2013, 3:27 am

bump,.
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by zenzo March 26th 2013, 2:37 am

bump,....
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by zenzo March 30th 2013, 5:04 am

i cant fix on invision

but i'd like to try on PunBB
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by SLGray March 30th 2013, 8:57 am

Have you tired using the tutorial that Derri linked in the second post?


[help] categories as tabs [PunBB] Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by zenzo March 30th 2013, 12:53 pm

yes
it take a moth try and error but i fail

so i want to try now on PunBB version
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by zenzo April 4th 2013, 11:05 pm

bump,
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by zenzo April 11th 2013, 2:27 am

bump
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by SLGray April 11th 2013, 4:45 am

Did you read the last sentence on the tutorial:

*If you are using PHPBB2 or PUNBB and have edited the templates for categories, will the function properly not work.


[help] categories as tabs [PunBB] Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by zenzo April 11th 2013, 8:14 pm

i try to my test forum but its not working
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

In progress Re: [help] categories as tabs [PunBB]

Post by puppycheese April 20th 2013, 5:25 am

mine works but the categories overlap each other punbb [help] categories as tabs [PunBB] Pictur16
puppycheese
puppycheese
Forumember

Posts : 141
Reputation : 2
Language : english

http://www.converseit.net/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum