The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

[help] categories as tabs [PunBB]

View previous topic View next topic Go down

In progress [help] categories as tabs [PunBB]

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

hi..


is possible to make forum menu like this on invision or phpbb3


fortest.lifeme.net/


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

zenzo
Forumember

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

Back to top Go down

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

Post by Derri on 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
Administrator
Administrator

Male Posts : 8385
Reputation : 576
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

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

Post by zenzo on 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
Forumember

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

Back to top Go down

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

Post by Cassius Dio on 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
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 on 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

zenzo
Forumember

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

Back to top Go down

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

Post by reezvaan on 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

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 on February 25th 2013, 5:05 pm

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


Forum Rules: :Forumotion Staff: :Appeal A Warning: :FAQ: :Tips & Tricks: :Forgotten Password/Login Issues
You need one post to send a PM
When your topic has been solved, ensure you mark the topic solved
Never post your email in public


Derri
Administrator
Administrator

Male Posts : 8385
Reputation : 576
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

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

Post by zenzo on 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



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
Forumember

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

Back to top Go down

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

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

bump.....

zenzo
Forumember

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

Back to top Go down

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

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

bump again..........

zenzo
Forumember

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

Back to top Go down

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

Post by Derri on 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.

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

Derri
Administrator
Administrator

Male Posts : 8385
Reputation : 576
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

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

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

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



but still not working


zenzo
Forumember

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

Back to top Go down

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

Post by SLGray on 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;
}


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


SLGray
Administrator
Administrator

Male Posts : 36641
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

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

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

yes i'm sure 100% correct

zenzo
Forumember

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

Back to top Go down

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

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

bump

zenzo
Forumember

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

Back to top Go down

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

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

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


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


SLGray
Administrator
Administrator

Male Posts : 36641
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

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

Post by zenzo on 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
Forumember

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

Back to top Go down

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

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


Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

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

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


i've been there before

but i think their codes are not compatible on my version

zenzo
Forumember

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

Back to top Go down

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

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

bump,.

zenzo
Forumember

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

Back to top Go down

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

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

bump,....

zenzo
Forumember

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

Back to top Go down

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

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

i cant fix on invision

but i'd like to try on PunBB

zenzo
Forumember

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

Back to top Go down

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

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

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


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


SLGray
Administrator
Administrator

Male Posts : 36641
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

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

Post by zenzo on 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
Forumember

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

Back to top Go down

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

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

bump,

zenzo
Forumember

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

Back to top Go down

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

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

bump

zenzo
Forumember

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

Back to top Go down

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

Post by SLGray on 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.


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


SLGray
Administrator
Administrator

Male Posts : 36641
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

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

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

i try to my test forum but its not working

zenzo
Forumember

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

Back to top Go down

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

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

mine works but the categories overlap each other punbb

puppycheese
Forumember

Posts : 141
Reputation : 2
Language : english

http://www.converseit.net/

Back to top Go down

View previous topic View next topic Back to top


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