Best template for MyTabs?

by connor1744 - 07-09-2015, 03:56 PM
Swag
Prime
Posts:
44
Joined:
Aug 2015
Likes:
0
Credits:
0
Reputation:
0
2 Years of Service
#1
OP
Posted: 07-09-2015, 03:56 PM
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 Heart
urrah
Prime
Posts:
174
Joined:
Jan 2015
Likes:
8
Credits:
1
Reputation:
15
2 Years of Service
#2
Posted: 07-09-2015, 07:20 PM
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!!
Swag
Prime
Posts:
44
Joined:
Aug 2015
Likes:
0
Credits:
0
Reputation:
0
2 Years of Service
#3
OP
Posted: 08-09-2015, 12:06 PM
(07-09-2015, 07:20 PM)subzr Wrote: lol any theme will do Smile

What do you mean?
urrah
Prime
Posts:
174
Joined:
Jan 2015
Likes:
8
Credits:
1
Reputation:
15
2 Years of Service
#4
Posted: 08-09-2015, 05:20 PM
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 ;)
You need help on mybb???
ill help you.Post on support forums and give a live url for your forum!!
Nan Ihier Gelair Mordor
Posts:
2,636
Joined:
Jan 2015
Likes:
307
Credits:
7,919
Reputation:
92
2 Years of Service
#5
Posted: 08-09-2015, 05:24 PM
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.
Aokie
Posts:
882
Joined:
Feb 2015
Likes:
57
Credits:
1,342
Reputation:
26
2 Years of Service
#6
Posted: 08-09-2015, 08:40 PM
Best way is to customize it yourself like others said.
Member
Posts:
192
Joined:
Jul 2015
Likes:
10
Credits:
32
Reputation:
20
2 Years of Service
#7
Posted: 09-09-2015, 05:53 AM
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
Pro CSGO Cheater
Posts:
779
Joined:
Jan 2015
Likes:
60
Credits:
28
Reputation:
40
2 Years of Service
#8
Posted: 09-09-2015, 07:55 AM
(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]
Member
Posts:
192
Joined:
Jul 2015
Likes:
10
Credits:
32
Reputation:
20
2 Years of Service
#9
Posted: 09-09-2015, 08:04 AM
(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
Pro CSGO Cheater
Posts:
779
Joined:
Jan 2015
Likes:
60
Credits:
28
Reputation:
40
2 Years of Service
#10
Posted: 09-09-2015, 08:16 AM
(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]
The last reply on this thread is older than a month. Please do not unnecessarily bump it.
Register an account or login to reply
Create an account
Create a free account today and start posting right away. It only takes a few seconds.
Login
Log into an existing account.
1 Guest(s)