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.

Forum Tab Menu Problem

View previous topic View next topic Go down

Solved Forum Tab Menu Problem

Post by blitzkrieg on September 23rd 2014, 5:10 am

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:
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

blitzkrieg
Forumember

Male Posts : 179
Reputation : 0
Language : English

http://www.earnmoneyonline.bforum.biz

Back to top Go down

Solved Re: Forum Tab Menu Problem

Post by Ange Tuteur on September 23rd 2014, 6:40 am

Add this to the top of your 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; }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum Tab Menu Problem

Post by blitzkrieg on September 23rd 2014, 10:24 am

@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...

blitzkrieg
Forumember

Male Posts : 179
Reputation : 0
Language : English

http://www.earnmoneyonline.bforum.biz

Back to top Go down

Solved Re: Forum Tab Menu Problem

Post by SLGray on September 23rd 2014, 11:32 am

Topic solved and archived


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


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

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