Solved: 1 Year, 2 Months, 2 Weeks ago Help Tabs Style
#1
Solved: 1 Year, 2 Months, 2 Weeks ago
So i was looking at many threads trying to find this out.
https://gyazo.com/89fc729d0d84b183526666889d13cc89
how can i make my tabs look like this^
im using MyTabs my webiste is https://missings.ml
People said to use Tabbed Menu v2.0.2
http://www.mybbcentral.com/thread-7687.html
and the registrastion is locked so i cant use that either can someone send me a link to it or help me find a way to make it look like the first Url i sent you with MyTabs?

-Please & Thankyou
Reply
#2
Solved: 1 Year, 2 Months, 2 Weeks ago
bump.
Reply
#3
Solved: 1 Year, 2 Months, 2 Weeks ago
While I didn't use the old version of mytabs nor mytabs 2.0 myself nor do I have the free time to look at this for more than a few seconds but I assume the threads you are speaking of is https://community.mybb.com/thread-223574.html seeing as that appears to be where your screen image is from? Anyhoo this should get you started in the direction you are seeking:

[Image: Screenshot-20200602-182033-Firefox.jpg]

MyTabs 2.0 https://community.mybb.com/mods.php?action=view&pid=456

ACP/Home > Forums & Posts > MyTabs > MyTabs Settings

Default Tab Style:

<div style="flex-grow: 1;">
    <a href="{$link}" style="margin-right: 3px;">
        <div style="display: inline-block; padding: 10px; border: 1px solid #333333; color: #999999; font-weight: 600;  background-color: #333333; width: 100%;"> {$name} </div>
    </a>
</div>

Default Selected Tab Style:

<div style="flex-grow: 1;">
    <a href="{$link}" style="margin-right: 3px;">
        <div style="display: inline-block; padding: 10px; border: 1px solid #FF0000; color: #FFFFFF; font-weight: 900; background-color: #FF0000; width: 100%;"> {$name} </div>
    </a>
</div>

Tab List Style:

<div style="display: flex; max-width: 98%; margin: 0px 2px 20px 2px; padding: 0px;">
    {$tablist}
</div>

Note: as my free time was limited and my cellphone battery was close to dead as well as my desire to look at this for more than a few seconds was non-existant, please note that this is provided as is as simply a quick start for you to get to editing, modifying and completing for your own usages. Best of luck! Wink
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)