Forum Tab Menu Problem
3 posters
Page 1 of 1
Forum Tab Menu Problem
I tried to insert a tab menu for my forum but I got problem in terms of positioning.
Here is my forum: Click Here
Here's the code I used:
Javascript:
CSS:
My problems are:
1. Tab Menu is not in horizontal view.
2. Color of menu background doesn't appear.
3. How can I adjust the font of the menu?
Please help me.. Thanks...
Here is my forum: Click Here
Here's the code I used:
Javascript:
- 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; }
My problems are:
1. Tab Menu is not in horizontal view.
2. Color of menu background doesn't appear.
3. How can I adjust the font of the menu?
Please help me.. Thanks...
Last edited by blitzkrieg on September 23rd 2014, 10:22 am; edited 1 time in total
Re: Forum Tab Menu Problem
Add this to the top of your stylesheet :
Administration Panel > Display > Colors > CSS stylesheet
Administration Panel > Display > Colors > CSS stylesheet
- 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; }
Re: Forum Tab Menu Problem
Ange Tuteur wrote:Add this to the top of your stylesheet :
Administration Panel > Display > Colors > CSS stylesheet
Thanks for your support mate.. I already mark it as solved.. I already made some changes with regards to the font size and everything is fine now...
Re: Forum Tab Menu Problem
Topic solved and archived
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.
Similar topics
» Menu bar on forum - problem
» Menu Problem
» dropdown menu problem
» Menu drop down problem
» Drop down menu problem
» Menu Problem
» dropdown menu problem
» Menu drop down problem
» Drop down menu problem
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum