Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
MyTabs - How to get style like this?
#19
(08-14-2019, 11:29 AM)Serpius Wrote:
(08-14-2019, 09:48 AM)MrRobotV2 Wrote:
(08-13-2019, 10:19 PM)Serpius Wrote:
(08-13-2019, 10:11 PM)MrRobotV2 Wrote: So which one is the correct code? I wish to edit my tabs as the OP stated.

Try my method first.

Report back the results.
Sort of works, Still didn't figure it out how to format it.

Im not familiar with CSS/HTML.

You must do it in this format. 

First, you must define the Default Tab, then do the Default Selected Tab. 

Formatting the tabs is done in the MyTabs configuration section. You can modify the padding, spacing, colors, font styles and so on. 

You see the padding code shown in the code example below. It is very easy HTML coding that you can understand. 

Go to this WEBSITE to learn the basic HTML codes. CSS uses many of the same HTML codes that you see on that website.

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>

Thank you, Will have some HTML classes then. Smile
Reply


Messages In This Thread
RE: MyTabs - How to get style like this? - by MrRobotV2 - 08-14-2019, 06:18 PM

Forum Jump:


Users browsing this thread: 1 Guest(s)