Best template for MyTabs?

What is the best template to use for mytabs?

The basic one looks S**T

If someone could post theirs or assist with mine then <3

lol any theme will do

07-09-2015, 07:20 PM

subzr Wrote: lol any theme will do

What do you mean?

one mybb theme uses stylesheets for colors positions tables etc etc
the tabs plugin it also haves a stylesheet file
if i install mytabs on my forum ( or any forum with default or costum theme) i can assure you that it will look very bad
after installin mytabs plugin you will have to edit the stylessheet to get a nicer look

so my answer is any theme, as long as you edit the style for the tabs

Just change the css?

Best way is to customize it yourself like others said.

As said above, the way it looks is due to the theme css. I use something similar to MyTabs, but in a way different as well.


This above is currently what I'm using, and I honestly like how it looks.

09-09-2015, 05:53 AM

LucidiousXIV Wrote: As said above, the way it looks is due to the theme css. I use something similar to MyTabs, but in a way different as well.

Code:

.shadetabs {
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 15px;
list-style-type: none;
text-align: left;

font-family: 'Roboto',Sans-Serif;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a {
border-radius: 3px;
position: relative;
z-index: 1;
padding: 8px;
margin-right: 5px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 0px 0px 1px #000000;
-moz-box-shadow: 0px 0px 1px #000000;
-ms-box-shadow: 0px 0px 1px #000000;
-o-box-shadow: 0px 0px 1px #000000;
-box-shadow: 0px 0px 1px #000000;
text-decoration: none;
}

.shadetabs li a:hover{
-webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
border-radius: 3px;
position: relative;
z-index: 1;
padding: 8px;
margin-right: 5px;
-webkit-box-shadow: 0px 0px 1px #000000;
-moz-box-shadow: 0px 0px 1px #000000;
-ms-box-shadow: 0px 0px 1px #000000;
-o-box-shadow: 0px 0px 1px #000000;
-box-shadow: 0px 0px 1px #000000;


text-decoration: none;
}

.shadetabs li a.selected {
  background: #31A6E0;
  color: #fff;
  border-radius: 2px;
}

@media print {
.tabcontent {
display: block !important;
}


}

This above is currently what I'm using, and I honestly like how it looks.

Looks like NBB rip considering the CSS is literally the same just smaller border.

09-09-2015, 07:55 AM

Torchwood Wrote:

09-09-2015, 05:53 AM

LucidiousXIV Wrote: As said above, the way it looks is due to the theme css. I use something similar to MyTabs, but in a way different as well.

Code:

.shadetabs {
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 15px;
list-style-type: none;
text-align: left;

font-family: 'Roboto',Sans-Serif;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a {
border-radius: 3px;
position: relative;
z-index: 1;
padding: 8px;
margin-right: 5px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 0px 0px 1px #000000;
-moz-box-shadow: 0px 0px 1px #000000;
-ms-box-shadow: 0px 0px 1px #000000;
-o-box-shadow: 0px 0px 1px #000000;
-box-shadow: 0px 0px 1px #000000;
text-decoration: none;
}

.shadetabs li a:hover{
-webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
border-radius: 3px;
position: relative;
z-index: 1;
padding: 8px;
margin-right: 5px;
-webkit-box-shadow: 0px 0px 1px #000000;
-moz-box-shadow: 0px 0px 1px #000000;
-ms-box-shadow: 0px 0px 1px #000000;
-o-box-shadow: 0px 0px 1px #000000;
-box-shadow: 0px 0px 1px #000000;


text-decoration: none;
}

.shadetabs li a.selected {
  background: #31A6E0;
  color: #fff;
  border-radius: 2px;
}

@media print {
.tabcontent {
display: block !important;
}


}

This above is currently what I'm using, and I honestly like how it looks.

Looks like NBB rip considering the CSS is literally the same just smaller border.

I took the color from it, don't sue me. But it works, so I mean hell. Plus, anyone could get it

09-09-2015, 08:04 AM

LucidiousXIV Wrote:

09-09-2015, 07:55 AM

Torchwood Wrote:

09-09-2015, 05:53 AM

LucidiousXIV Wrote: As said above, the way it looks is due to the theme css. I use something similar to MyTabs, but in a way different as well.

Code:

.shadetabs {
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 15px;
list-style-type: none;
text-align: left;

font-family: 'Roboto',Sans-Serif;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a {
border-radius: 3px;
position: relative;
z-index: 1;
padding: 8px;
margin-right: 5px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 0px 0px 1px #000000;
-moz-box-shadow: 0px 0px 1px #000000;
-ms-box-shadow: 0px 0px 1px #000000;
-o-box-shadow: 0px 0px 1px #000000;
-box-shadow: 0px 0px 1px #000000;
text-decoration: none;
}

.shadetabs li a:hover{
-webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
border-radius: 3px;
position: relative;
z-index: 1;
padding: 8px;
margin-right: 5px;
-webkit-box-shadow: 0px 0px 1px #000000;
-moz-box-shadow: 0px 0px 1px #000000;
-ms-box-shadow: 0px 0px 1px #000000;
-o-box-shadow: 0px 0px 1px #000000;
-box-shadow: 0px 0px 1px #000000;


text-decoration: none;
}

.shadetabs li a.selected {
  background: #31A6E0;
  color: #fff;
  border-radius: 2px;
}

@media print {
.tabcontent {
display: block !important;
}


}

This above is currently what I'm using, and I honestly like how it looks.

Looks like NBB rip considering the CSS is literally the same just smaller border.

I took the color from it, don't sue me. But it works, so I mean hell. Plus, anyone could get it

The CSS is also identical... Very identical.