Best template for MyTabs?

09-09-2015, 08:16 AM

Torchwood Wrote:

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.

I took some of the CSS because of the background, but the rest I picked off of the actual page in which I found out how to do it. Chill lol.

09-09-2015, 08:19 AM

LucidiousXIV Wrote:

09-09-2015, 08:16 AM

Torchwood Wrote:

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.

I took some of the CSS because of the background, but the rest I picked off of the actual page in which I found out how to do it. Chill lol.

"I took some of the CSS" you aren't aloud to take any without permission.

09-09-2015, 09:28 AM

Torchwood Wrote:

09-09-2015, 08:19 AM

LucidiousXIV Wrote:

09-09-2015, 08:16 AM

Torchwood Wrote:

09-09-2015, 08:04 AM

LucidiousXIV Wrote:

09-09-2015, 07:55 AM

Torchwood Wrote: 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.

I took some of the CSS because of the background, but the rest I picked off of the actual page in which I found out how to do it. Chill lol.

"I took some of the CSS" you aren't aloud to take any without permission.

I could understand if it was the whole css from the theme, but it was literally just the background color. Everything else came from either my guess, or from a different theme I was on.