[help] categories as tabs [PunBB]
+3
Cassius Dio
Derri
zenzo
7 posters
Page 1 of 1
[help] categories as tabs [PunBB]
hi..
is possible to make forum menu like this on invision or phpbb3
fortest.lifeme.net/
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 : 564
Reputation : 13
Language : english,tagalog
Location : philippines
Re: [help] categories as tabs [PunBB]
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.
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- Helper
- Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom
Re: [help] categories as tabs [PunBB]
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 : 564
Reputation : 13
Language : english,tagalog
Location : philippines
Re: [help] categories as tabs [PunBB]
Hi!
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.
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.
Re: [help] categories as tabs [PunBB]
SGSS wrote:Hi!
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 : 564
Reputation : 13
Language : english,tagalog
Location : philippines
Re: [help] categories as tabs [PunBB]
^^^ 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
Here is where you can add a new category and thus a new tab on homepage;
ACP>General>Categories & Forums
Re: [help] categories as tabs [PunBB]
Yes and you'll have to create a forum within that Category to make the tab appear properly.
Derri- Helper
- Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom
Re: [help] categories as tabs [PunBB]
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
where can i insert the categories
i try to insert ID here but it disappear i guess i'm wrong
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 : 564
Reputation : 13
Language : english,tagalog
Location : philippines
zenzo- Forumember
- Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines
Re: [help] categories as tabs [PunBB]
bump again..........
zenzo- Forumember
- Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines
Re: [help] categories as tabs [PunBB]
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
Read this as it explains the difference.
https://help.forumotion.com/t8322-differences-between-forum-and-category?highlight=Category
Derri- Helper
- Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom
Re: [help] categories as tabs [PunBB]
i delete all forum and made new two category with forum each
but still not working
but still not working
zenzo- Forumember
- Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines
Re: [help] categories as tabs [PunBB]
Make sure you have the correct codes (Invision?):
JavaScript:
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);
}
});
- 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;
}
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
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.
Re: [help] categories as tabs [PunBB]
yes i'm sure 100% correct
zenzo- Forumember
- Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines
zenzo- Forumember
- Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines
Re: [help] categories as tabs [PunBB]
Have you checked to see if there is any errors in your browser error console?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
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.
Re: [help] categories as tabs [PunBB]
@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
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..
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
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 : 564
Reputation : 13
Language : english,tagalog
Location : philippines
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: [help] categories as tabs [PunBB]
i've been there before
but i think their codes are not compatible on my version
zenzo- Forumember
- Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines
zenzo- Forumember
- Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines
zenzo- Forumember
- Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines
Re: [help] categories as tabs [PunBB]
i cant fix on invision
but i'd like to try on PunBB
but i'd like to try on PunBB
zenzo- Forumember
- Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines
Re: [help] categories as tabs [PunBB]
Have you tired using the tutorial that Derri linked in the second post?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
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.
Re: [help] categories as tabs [PunBB]
yes
it take a moth try and error but i fail
so i want to try now on PunBB version
it take a moth try and error but i fail
so i want to try now on PunBB version
zenzo- Forumember
- Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines
zenzo- Forumember
- Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines
zenzo- Forumember
- Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines
Re: [help] categories as tabs [PunBB]
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.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
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.
Re: [help] categories as tabs [PunBB]
i try to my test forum but its not working
zenzo- Forumember
- Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum