2019-06-23, 09:47 AM
Anyone know how to get tab style like this for mytabs? I only want 2 tabs and stretched and fit to forum like this:
https://gyazo.com/89fc729d0d84b183526666889d13cc89
https://gyazo.com/89fc729d0d84b183526666889d13cc89
(2019-06-23, 10:05 AM)Ashley1 Wrote: [ -> ]What code do have for the tabs?
<a href="{$link}" style="margin-right: 6px;"> <div style="display: inline-block; padding: 10px; border: 1px solid #858787; color: black; background-color: #BABCBC;"> {$name} </div></a>
<a href="{$link}" style="margin-right: 6px;"> <div style="display: inline-block; padding: 10px; border: 1px solid #49B0D8; color: black; background-color: #8CDEFF;"> {$name} </div></a>
<div class="trow2" style="border: 1px solid #ccc; margin: 0px 2px 20px 2px; padding: 10px;"> {$tablist}</div>
<div style="display: flex">
<div style="flex-grow: 1">TAB 1</div>
<div style="flex-grow: 1">TAB 2</div>
</div>
(2019-06-23, 10:21 AM)Ashley1 Wrote: [ -> ]<div style="display: flex"> <div style="flex-grow: 1">TAB 1</div> <div style="flex-grow: 1">TAB 2</div> </div>
(2019-07-01, 04:05 AM)makpaolo Wrote: [ -> ]Still wondering if can get some help with this please!Share your website URL so that we can know which plugin you are using.
<div style="flex-grow: 1">TAB 1</div>
Below is the complete code(2019-06-23, 10:21 AM)Ashley1 Wrote: [ -> ]<div style="display: flex"> <div style="flex-grow: 1">TAB 1</div> <div style="flex-grow: 1">TAB 2</div> </div>
(2019-07-01, 04:05 AM)makpaolo Wrote: [ -> ]Still wondering if can get some help with this please!
DEFAULT TAB
<a href="{$link}" style="margin-right: 3px;"> <div style="display: inline-block; padding: 3px 5px 3px 5px; border: transparent; color: #E5E5E5; background-color: #374C61;"> {$name} </div></a>
DEFAULT SELECTED TAB
<a href="{$link}" style="margin-right: 3px;"> <div style="display: inline-block; padding: 3px 5px 3px 5px; border: transparent; color: #E5E5E5; background-color: #596E72;"> {$name} </div></a>