MyBB Support

Tabbed Menu Styling

Submitted by Fresh, , Thread ID: 5091

Thread Closed
26-06-2015, 07:41 PM
This post was last modified: 26-06-2015, 07:43 PM by Fresh
#1
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;
}
}

RE: Tabbed Menu Styling

#2
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.

RE: Tabbed Menu Styling

OP
#3
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

RE: Tabbed Menu Styling

#4
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.

RE: Tabbed Menu Styling

#5
I just suggest to use that plugin, it's even unnecessary to use a plugin, you can do it with JavaScript.

RE: Tabbed Menu Styling

#6
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

RE: Tabbed Menu Styling

OP
#7
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?

RE: Tabbed Menu Styling

#8
Upload the mytabs.lang.php file once again to the directory required.

RE: Tabbed Menu Styling

OP
This post was last modified: 26-06-2015, 08:14 PM by Fresh
#9
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?

RE: Tabbed Menu Styling

#10
You can search in google. For css as buttons or tabs.
you can make it as you wish...
| A | v4hl| Addicted | Senpai | Sui | Sensei | H | fdigl |



Users browsing this thread: 1 Guest(s)