MyBB Central

Full Version: Tabbed Menu
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
My Tabbed Menu Look

[Image: 61957039.png]

And I Want To Make Like This

[Image: 63607173.png]


Help Cool
That's my Tabbed Menu design.
This is the CSS I use.

Code:
.shadetabs {
    padding: 0px;
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 0px;
    font: bold 13px Verdana;
    font-variant: small-caps;
    list-style-type: none;
    text-align: left;
}

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

.shadetabs li a {
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 0px solid #778;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
color: #ffffff;
background: #282828; top left repeat-x;
}

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

.shadetabs li a.selected {
    position: relative;
    top: 1px;
}

.shadetabs li a.selected {
/*selected main tab style */
background:#000;
color: #fff;
border-bottom-color: #000;
}

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

.tabcontent {
display:none;
}

@
media print {
.tabcontent {
display:block !important;
}


}
[Image: captureiw.png]

Now Its Look Like This ^^ Not Like Ur Sad
Did you replace the whole CSS?
(Aug 28, 2010, 01:20 PM)Clone Wrote: [ -> ]Did you replace the whole CSS?

Yes Shy
try clearing your cache again.
It's all controlled in the CSS. Unfortunately you're required to know how to do layouts for your own custom changes.
Clone has the right idea, you have to edit it in Advanced Mode, and not the simple one.
I will not support you with anything anymore, since your site is a complete copy of mine. You use the lightning from my logo, the wallpaper that I've told you to not use about 4 times and you want to get the same tabbed menu as well.
Dude thats not cool.

Dont go robbing other people themes when you've been told not to. And don't go copying their logo.

:@

Anyways thanks for the info Clone, i was just thinking how awesome your tabs looked, I will have to go do some experimenting.
Pages: 1 2