MyBB Support

Best template for MyTabs?

Submitted by connor1744, , Thread ID: 9805

Thread Closed
connor1744
Swag
Level:
0
Reputation:
0
Posts:
42
Likes:
0
Credits:
0
07-09-2015, 03:56 PM
#1
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

RE: Best template for MyTabs?

subzr
urrah
Level:
0
Reputation:
15
Posts:
171
Likes:
9
Credits:
5
07-09-2015, 07:20 PM
#2
lol any theme will do Smile
You need help on mybb???
ill help you.Post on support forums and give a live url for your forum!!

RE: Best template for MyTabs?

connor1744
Swag
Level:
0
Reputation:
0
Posts:
42
Likes:
0
Credits:
0
OP
08-09-2015, 12:06 PM
#3
07-09-2015, 07:20 PM
subzr Wrote:
lol any theme will do Smile

What do you mean?

RE: Best template for MyTabs?

subzr
urrah
Level:
0
Reputation:
15
Posts:
171
Likes:
9
Credits:
5
08-09-2015, 05:20 PM
#4
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 Wink
You need help on mybb???
ill help you.Post on support forums and give a live url for your forum!!

RE: Best template for MyTabs?

Sozin
Nan Ihier Gelair Mordor
Divine
Level:
0
Reputation:
91
Posts:
2.33K
Likes:
374
Credits:
11K
08-09-2015, 05:24 PM
#5
Just change the css?
Do not let your difficulties fill you with anxiety, after all it is only in the darkest nights that stars shine more brightly. - Ali(a.s)

Developer( PHP, Python, C++, HTML+CSS, JS I am available for Hire. Message Me for details.

RE: Best template for MyTabs?

zGeek
Aokie
Prime
Level:
0
Reputation:
26
Posts:
782
Likes:
60
Credits:
1.46K
08-09-2015, 08:40 PM
#6
Best way is to customize it yourself like others said.

RE: Best template for MyTabs?

Member
Supreme
Level:
0
Reputation:
28
Posts:
185
Likes:
15
Credits:
10
09-09-2015, 05:53 AM
#7
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.

[Image: hA1aWsJ.png]
Nah

RE: Best template for MyTabs?

Mat
Pro CSGO Cheater
Level:
0
Reputation:
43
Posts:
690
Likes:
62
Credits:
32
09-09-2015, 07:55 AM
#8
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.

[Image: hA1aWsJ.png]

Looks like NBB rip considering the CSS is literally the same just smaller border.
[Image: 2lnzmZm.gif]

RE: Best template for MyTabs?

Member
Supreme
Level:
0
Reputation:
28
Posts:
185
Likes:
15
Credits:
10
09-09-2015, 08:04 AM
#9
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.

[Image: hA1aWsJ.png]

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 Tongue
Nah

RE: Best template for MyTabs?

Mat
Pro CSGO Cheater
Level:
0
Reputation:
43
Posts:
690
Likes:
62
Credits:
32
09-09-2015, 08:16 AM
#10
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.

[Image: hA1aWsJ.png]

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 Tongue

The CSS is also identical... Very identical.
[Image: 2lnzmZm.gif]

Users browsing this thread: 1 Guest(s)