Single post in A Somewhat Extensive Guide to BBCodes
Forum Index > PokéFarm > Guides > A Somewhat Extensive Guide to BBCodes >
So it looks like there's some colors on the tabbed interface you're not setting, so the skin color is showing through. I always recommend you view your codes on a couple different skins, so you can see if you forgot a color somewhere.
The extra space at the top is because of the new line between your tabbed_interface and your ul, if you put [ ] around the new line it won't show.
There's a couple other things I changed or moved around, and I re-formatted the code for readability. I've tried to comment most of my changes so you can see what I did. I'll happily explain anything more you have questions about or if I wasn't clear.
Code
[styleclass=main][sc=tabbed_interface horizontal][
][ul]
[li][b]one[/b][/li]
[li][b]two[/b][/li]
[li][b]three[/b][/li]
[/ul][
][sc=tab-active]aaaa [url=https://pokefarm.com]link[/url]
[/sc][
][sc=tab]test test[/sc][
][sc=tab]tab 3[/sc][
][/sc][/styleclass]
[style]
.main {
.tabbed_interface {
/* set a background color for the entire tab area */
background-color: #666;
/* remove background color from behind clickable tabs, so
the main bg will show instead. the > prevents this code
from affecting lists in your tab contents */
> ul {
background-color: transparent;
/* all tabs */
li {
background-color: #e3bdd2;
padding:2px;
border-radius: 10px;
margin:2px;
color:#3B0B29;
border: 2px solid #3B0B29;
text-align:center;
font-size: 12pt;
}
/* active tab only - just set what's different */
li.tab-active {
background-color: #ffebf6;
}
}
/* you should specify div here so it doesn't affect the
clickable tabs above the content. no point in setting
div.tab, which is never visible, just div.tab-active */
div.tab-active {
border-radius: 10px;
background:#ffebf6;
color:#050505;
padding:5px;
border: 3px solid #050505;
margin-top:3px;
text-align:center;
/* some skins will show a shadow here, remove it */
box-shadow: none;
/* don't forget link color */
a {
color: blue;
}
}
}
}[/style]
