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.

Forum Tab Menu Problem

3 posters

Go down

Solved Forum Tab Menu Problem

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

I tried to insert a tab menu for my forum but I got problem in terms of positioning.

Forum Tab Menu Problem Tab10

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
blitzkrieg
Forumember

Male Posts : 179
Reputation : 0
Language : English

http://pinoylotto.forumotion.com

Back to top Go down

Solved Re: Forum Tab Menu Problem

Post by Ange Tuteur 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
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum Tab Menu Problem

Post by blitzkrieg 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
blitzkrieg
Forumember

Male Posts : 179
Reputation : 0
Language : English

http://pinoylotto.forumotion.com

Back to top Go down

Solved Re: Forum Tab Menu Problem

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

Topic solved and archived


Forum Tab Menu Problem 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 : 51554
Reputation : 3523
Language : English
Location : United States

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

Back to top Go down

Back to top

- Similar topics

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