MyBB Support
Best template for MyTabs?
Submitted by connor1744, 07-09-2015, 03:56 PM, Thread ID: 9805
Thread Closed
RE: Best template for MyTabs?
09-09-2015, 09:28 AM
#12 09-09-2015, 08:19 AMLucidiousXIV Wrote:09-09-2015, 08:16 AMTorchwood Wrote:09-09-2015, 08:04 AMLucidiousXIV Wrote:09-09-2015, 07:55 AMTorchwood Wrote:09-09-2015, 05:53 AMLucidiousXIV 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.
Users browsing this thread: 7 Guest(s)