MyBB Community Forums

Full Version: [HELP] Menu Tabs Not Working
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
menu tabs that I use is not working, how do I use it? please help sir, thank you in advance.
[Image: Screenshot_131215_18_22_48.png]
Go to tabbed.css in your theme and click on "Edit Stylesheet: Advanced Mode" and replace all your code with this, remember to edit the hex colors to your own colors:


.shadetabs li a.selected {
    padding: 8px 12px;
    background: #812F2F none repeat scroll 0% 0%;
    border-radius: 4px;
    font-size: 12px;
    font-family: "Roboto";
    color: #FFF;
    border: 2px solid #1A1A1A;
    display: inline-block;
    font-weight: 500 !important;
    margin-bottom: 5px;
}
.shadetabs li a.selected {
    position: relative;
}
.shadetabs li a {
    text-decoration: none;
    position: relative;
    margin-right: 3px;
    border-radius: 4px;
    font-size: 12px;
    font-family: "Roboto";
    display: inline-block;
    font-weight: 400 !important;
    margin-bottom: 5px;
    z-index: 1;
    border: 2px solid #1A1A1A;
    color: #FFF;
    background: #292929 none repeat scroll 0% 0%;
    padding: 8px 12px;
}
[12/12/2015 07:00:22] Howe: .shadetabs li {
    display: inline;
    margin: 0px;
}
[12/12/2015 07:00:27] Howe: .shadetabs {
    padding: 3px 0px;
    margin-left: 0px;
    margin-top: 1px;
    margin-bottom: 0px;
    font: bold 12px Verdana;
    list-style-type: none;
    text-align: left;
}
(2015-12-15, 01:29 PM)Swifter Wrote: [ -> ]Go to tabbed.css in your theme and click on "Edit Stylesheet: Advanced Mode" and replace all your code with this, remember to edit the hex colors to your own colors:


.shadetabs li a.selected {
    padding: 8px 12px;
    background: #812F2F none repeat scroll 0% 0%;
    border-radius: 4px;
    font-size: 12px;
    font-family: "Roboto";
    color: #FFF;
    border: 2px solid #1A1A1A;
    display: inline-block;
    font-weight: 500 !important;
    margin-bottom: 5px;
}
.shadetabs li a.selected {
    position: relative;
}
.shadetabs li a {
    text-decoration: none;
    position: relative;
    margin-right: 3px;
    border-radius: 4px;
    font-size: 12px;
    font-family: "Roboto";
    display: inline-block;
    font-weight: 400 !important;
    margin-bottom: 5px;
    z-index: 1;
    border: 2px solid #1A1A1A;
    color: #FFF;
    background: #292929 none repeat scroll 0% 0%;
    padding: 8px 12px;
}
[12/12/2015 07:00:22] Howe: .shadetabs li {
    display: inline;
    margin: 0px;
}
[12/12/2015 07:00:27] Howe: .shadetabs {
    padding: 3px 0px;
    margin-left: 0px;
    margin-top: 1px;
    margin-bottom: 0px;
    font: bold 12px Verdana;
    list-style-type: none;
    text-align: left;
}

can't work sir, I do not use tabbed menu plugin. whether because jscript?
(2015-12-17, 12:54 PM)Oncom Wrote: [ -> ]
(2015-12-15, 01:29 PM)Swifter Wrote: [ -> ]Go to tabbed.css in your theme and click on "Edit Stylesheet: Advanced Mode" and replace all your code with this, remember to edit the hex colors to your own colors:


.shadetabs li a.selected {
    padding: 8px 12px;
    background: #812F2F none repeat scroll 0% 0%;
    border-radius: 4px;
    font-size: 12px;
    font-family: "Roboto";
    color: #FFF;
    border: 2px solid #1A1A1A;
    display: inline-block;
    font-weight: 500 !important;
    margin-bottom: 5px;
}
.shadetabs li a.selected {
    position: relative;
}
.shadetabs li a {
    text-decoration: none;
    position: relative;
    margin-right: 3px;
    border-radius: 4px;
    font-size: 12px;
    font-family: "Roboto";
    display: inline-block;
    font-weight: 400 !important;
    margin-bottom: 5px;
    z-index: 1;
    border: 2px solid #1A1A1A;
    color: #FFF;
    background: #292929 none repeat scroll 0% 0%;
    padding: 8px 12px;
}
[12/12/2015 07:00:22] Howe: .shadetabs li {
    display: inline;
    margin: 0px;
}
[12/12/2015 07:00:27] Howe: .shadetabs {
    padding: 3px 0px;
    margin-left: 0px;
    margin-top: 1px;
    margin-bottom: 0px;
    font: bold 12px Verdana;
    list-style-type: none;
    text-align: left;
}

can't work sir, I do not use tabbed menu plugin. whether because jscript?

I'm assuming you are using MyTabs, there is some problems with that plugin, i would recommend using Tabbed Menu.
(2015-12-18, 09:47 AM)Swifter Wrote: [ -> ]
(2015-12-17, 12:54 PM)Oncom Wrote: [ -> ]
(2015-12-15, 01:29 PM)Swifter Wrote: [ -> ]Go to tabbed.css in your theme and click on "Edit Stylesheet: Advanced Mode" and replace all your code with this, remember to edit the hex colors to your own colors:


.shadetabs li a.selected {
    padding: 8px 12px;
    background: #812F2F none repeat scroll 0% 0%;
    border-radius: 4px;
    font-size: 12px;
    font-family: "Roboto";
    color: #FFF;
    border: 2px solid #1A1A1A;
    display: inline-block;
    font-weight: 500 !important;
    margin-bottom: 5px;
}
.shadetabs li a.selected {
    position: relative;
}
.shadetabs li a {
    text-decoration: none;
    position: relative;
    margin-right: 3px;
    border-radius: 4px;
    font-size: 12px;
    font-family: "Roboto";
    display: inline-block;
    font-weight: 400 !important;
    margin-bottom: 5px;
    z-index: 1;
    border: 2px solid #1A1A1A;
    color: #FFF;
    background: #292929 none repeat scroll 0% 0%;
    padding: 8px 12px;
}
[12/12/2015 07:00:22] Howe: .shadetabs li {
    display: inline;
    margin: 0px;
}
[12/12/2015 07:00:27] Howe: .shadetabs {
    padding: 3px 0px;
    margin-left: 0px;
    margin-top: 1px;
    margin-bottom: 0px;
    font: bold 12px Verdana;
    list-style-type: none;
    text-align: left;
}

can't work sir, I do not use tabbed menu plugin. whether because jscript?

I'm assuming you are using MyTabs, there is some problems with that plugin, i would recommend using Tabbed Menu.

I do not use tabbed menu plugin. This is a theme nulledbb sir
please help me sir, I have to enter a jsscript in index

<script type="text/javascript">
lang.no_new_posts = "Forum Contains No New Posts";
lang.click_mark_read = "Click to mark this forum as read";
jQuery(function(){
jQuery(".tabcontent").hide();
   jQuery("ul.shadetabs li:first a").addClass("selected").show();
var showTab = jQuery("ul.shadetabs li:first a").attr("rel");
   jQuery( '#' + showTab ).show();

   var extraTab = jQuery("ul.shadetabs li:first a").attr("rev");
if( extraTab.toString().length > 0 )
{
jQuery( '#' + extraTab ).show();
}
   jQuery("ul.shadetabs li").click(function() {
       jQuery("ul.shadetabs li a").removeClass("selected");
       jQuery(this).children('a').addClass("selected");
       jQuery(".tabcontent").hide();
       showTab = jQuery(this).find("a").attr("rel");
       jQuery( '#' + showTab).show();
extraTab = jQuery(this).find("a").attr("rev");
if( extraTab.toString().length > 0 )
{
jQuery( '#' + extraTab ).fadeIn();
}
       return false;
   });
});
</script>

<ul id="menutabs" class="shadetabs">
<li class="tabsy"><a href="#" rel="tabmenu_1" rev="tabmenu_1" class="selected"><i class="fa fa-home"></i></a></li>
<li class="tabsy"><a href="#" rel="tabmenu_1" rev="">Forum Resources</a></li>
<li class="tabsy"><a href="#" rel="tabmenu_2" rev="">Webmaster</a></li>
<li class="tabsy"><a href="#" rel="tabmenu_3" rev="">Coding</a></li>
<li class="tabsy"><a href="#" rel="tabmenu_4" rev="">Leaks</a></li>
<li class="tabsy"><a href="#" rel="tabmenu_5" rev="">Graphics</a></li>
<li class="tabsy"><a href="#" rel="tabmenu_6" rev="">Cracking</a></li>
<li class="tabsy"><a href="#" rel="tabmenu_7" rev="">Marketplace</a></li>
<li class="tabsy"><a href="#" rel="tabmenu_8" rev="">Usergroups</a></li>
<li class="tabsy"><a href="#" rel="tabmenu_9" rev="">Underground</a></li>
</ul>
Hi,

The MyBB Group offers support under the conditions of our Support Eligibility policy. It is apparent that one or more of your forums do not meet the conditions of our policy and therefore you are ineligible for support. This could be because of adult, piracy or hacking related content or because your forum does not display the minimum “Powered by MyBB” notice.

If you have any questions regarding this policy please post in the Private Inquiries forum.

Regards,
The MyBB Group.