Tabbed Menu Styling

by Fresh - 26-06-2015, 07:41 PM
Active Member
Posts:
204
Joined:
Jun 2015
Likes:
19
Credits:
290
Reputation:
8
2 Years of Service
#1
OP
Posted: 26-06-2015, 07:41 PM (This post was last modified: 26-06-2015, 07:43 PM by Fresh.)
I am using the tabbed menu plugin made by Jesse Labrocca I don't know much CSS so I can't really create a nice style for my tabbed menu I was hoping some of you could help me with this.

I want a grey tabbed menu and when you select a tab it will become the color #279BC7 if anyone can do this for me that would be really cool!

Default tabbed menu:


Code:
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

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

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #ffffff;
background: white url(images/thead_bg.gif) top left repeat-x;
}

.shadetabs li a:hover{
text-decoration: underline;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background:#ADCBE7;
color: #000000;
border-bottom-color: #81A2C4;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}
Closed Account
Posts:
1,383
Joined:
Jan 2015
Likes:
124
Credits:
1,324
Reputation:
30
2 Years of Service
#2
Posted: 26-06-2015, 07:46 PM
I would rather suggest you to use the Euan T's plugin for tabs, it makes the edits easier if you're newbie with CSS.

http://community.mybb.com/thread-88505.html

PM me if you changed to it, and I'll help you with the tabs, I'm too lazy to read the CSS you just posted.
Active Member
Posts:
204
Joined:
Jun 2015
Likes:
19
Credits:
290
Reputation:
8
2 Years of Service
#3
OP
Posted: 26-06-2015, 07:47 PM
(26-06-2015, 07:46 PM)AndresXZ09 Wrote: I would rather suggest you to use the Euan T's plugin for tabs, it makes the edits easier if you're newbie with CSS.

http://community.mybb.com/thread-88505.html

PM me if you changed to it, and I'll help you with the tabs, I'm too lazy to read the CSS you just posted.
This was my first choice but when I try to access the settings it gives me this error: /home/a3159387/public_html/inc/languages/english/admin/mytabs.lang.php does not exist
selling fadeds nudes
Posts:
5,410
Joined:
Jan 2015
Likes:
1,475
Credits:
22,057
Reputation:
218
2 Years of Service
#4
Posted: 26-06-2015, 07:47 PM
(26-06-2015, 07:46 PM)AndresXZ09 Wrote: I would rather suggest you to use the Euan T's plugin for tabs, it makes the edits easier if you're newbie with CSS.

http://community.mybb.com/thread-88505.html

PM me if you changed to it, and I'll help you with the tabs, I'm too lazy to read the CSS you just posted.

Uneccessary to use another plugin just because of styling, lol.
Send me a message for help. (Read the help docs first)
Steam Wishlist - Anime Watchlist
Closed Account
Posts:
1,383
Joined:
Jan 2015
Likes:
124
Credits:
1,324
Reputation:
30
2 Years of Service
#5
Posted: 26-06-2015, 07:48 PM
I just suggest to use that plugin, it's even unnecessary to use a plugin, you can do it with JavaScript.
Junior Member
Posts:
67
Joined:
Feb 2015
Likes:
3
Credits:
216
Reputation:
0
2 Years of Service
#6
Posted: 26-06-2015, 07:49 PM
(26-06-2015, 07:47 PM)Fresh Wrote:
(26-06-2015, 07:46 PM)AndresXZ09 Wrote: I would rather suggest you to use the Euan T's plugin for tabs, it makes the edits easier if you're newbie with CSS.

http://community.mybb.com/thread-88505.html

PM me if you changed to it, and I'll help you with the tabs, I'm too lazy to read the CSS you just posted.
This was my first choice but when I try to access the settings it gives me this error: /home/a3159387/public_html/inc/languages/english/admin/mytabs.lang.php does not exist

Try to re-upload
Active Member
Posts:
204
Joined:
Jun 2015
Likes:
19
Credits:
290
Reputation:
8
2 Years of Service
#7
OP
Posted: 26-06-2015, 07:51 PM
(26-06-2015, 07:49 PM)masterj2013 Wrote:
(26-06-2015, 07:47 PM)Fresh Wrote:
(26-06-2015, 07:46 PM)AndresXZ09 Wrote: I would rather suggest you to use the Euan T's plugin for tabs, it makes the edits easier if you're newbie with CSS.

http://community.mybb.com/thread-88505.html

PM me if you changed to it, and I'll help you with the tabs, I'm too lazy to read the CSS you just posted.
This was my first choice but when I try to access the settings it gives me this error: /home/a3159387/public_html/inc/languages/english/admin/mytabs.lang.php does not exist

Try to re-upload
You mean deleting all the plugins folders manually and then re-add them?
Closed Account
Posts:
1,383
Joined:
Jan 2015
Likes:
124
Credits:
1,324
Reputation:
30
2 Years of Service
#8
Posted: 26-06-2015, 07:53 PM
Upload the mytabs.lang.php file once again to the directory required.
Active Member
Posts:
204
Joined:
Jun 2015
Likes:
19
Credits:
290
Reputation:
8
2 Years of Service
#9
OP
Posted: 26-06-2015, 08:14 PM (This post was last modified: 26-06-2015, 08:14 PM by Fresh.)
(26-06-2015, 07:53 PM)AndresXZ09 Wrote: Upload the mytabs.lang.php file once again to the directory required.

I managed to get the plugin working, can you help me now?
لا إله إلا الله‎
Posts:
6,328
Joined:
Jan 2015
Likes:
301
Credits:
363
Reputation:
162
2 Years of Service
#10
Posted: 26-06-2015, 08:18 PM
You can search in google. For css as buttons or tabs.
you can make it as you wish...
| A- Best forever .. | v4hl - ;) | Addicted | Senpai | Nyan | Sensei | H | fdigl |
[Image: gZD4Fba.png]

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)