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 Tue 23 Sep - 6:10

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 Tue 23 Sep - 11:22; 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 Tue 23 Sep - 7:40

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 : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum Tab Menu Problem

Post by blitzkrieg Tue 23 Sep - 11:24

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 Tue 23 Sep - 12:32

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 : 51464
Reputation : 3519
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