Single post in A Somewhat Extensive Guide to BBCodes
Forum Index > PokéFarm > Guides > A Somewhat Extensive Guide to BBCodes >
Hi there! I seem to be having some sort of issue in my tabs!
For background, I'm recoding my shop! I've made everything manage to look pretty nice, but I can't for the life of me figure out how to center the text in the tabs!
If anyone could help me with this, I'd really appreciate it! I've tried using text-align: center; and it did pretty much nothing. I can put it wherever I want and it doesn't seem to change a thing ^^;
Thank you all! This entire thread has helped me with so many questions <3
code
[style]
.background {background: #edeec0;
border-radius: 0px;
padding: 10px;
color: #295C5E;
background-image: url("https://pokefarm.com/upload/nyuwu/swirlix-2.gif");
background-repeat: no-repeat;
background-position: center;
border-radius: 10px;
height:700px;
}
.title {padding: 3px;
border: 4px dotted #e0777d;
border-radius: 10px;
background-image: url("https://pokefarm.com/upload/nyuwu/tumblr_inline_mu2c21ANhC1rnr4eb.gif");
text-align: center;
color: #4b2e39;
font-family: "Verdana";
font-size: 30px;
text-decoration: bold;
}
.panel {
//This changes the type/colour of the border for the a-section/hide box
border: 2px ;
&>h3 {
// This alters the text/title of the Hide Box (the part you click.)
&>a {color: #E8EBCC; }
color: #f6dfad;
background: #8CBEC2;
text-align: Center;
width: 140px;
}
//This changes the text inside the boxes.
&>div {
color: #295C5E;
background: #E8EBCC;
text-align: center;
padding-left: 150px;
}
.table,th,td,{
background: #F1F7ED;
border: 1px solid #c8b3a5;
margin: 0 auto;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #54494B;
text-align: center;
}
th{
color: #e0777d;
}
.expbar {padding: 5px; background: #4b4c56; color: white; border: 2px solid black;}
.expbar div {background: white; border-right: 2px solid black}
.expbar span {color: white}
}
.container { position:relative; line-height:14px; font-family:tahoma, helvetica, sans-serif; font-size:16px; text-align: center;}
.tabs .panel { width: 50px; border:none; box-shadow: none;
&>h3 { background-color:rgba(0,0,0,0); background-image: url("https://pokefarm.com/upload/nyuwu/cake05.gif"); background-repeat: no-repeat; background-position: center; border:0px solid #FFF; border-radius:0px; position:absolute; width: 30px; height: 15px;}
&>h3:nth-child(3) { margin-top:25px; }
&>h3:nth-child(5) { margin-top:50px; }
&>h3 a { color:#e0777d; display:none; }
&>h3 span { color:#ff7f7f; }
&>div { background-color:#DDD1CE; color:#54494B; position:absolute; left:40px; width:380px; height:400px; border-radius: 10px; }
}
[/style]
[sc=background]
[sc=title][img]https://pokefarm.com/upload/nyuwu/tumblr_inline_njs8y4jts61t78dpp.gif[/img]Welcome![img]https://pokefarm.com/upload/nyuwu/tumblr_inline_njs8y4jts61t78dpp.gif[/img][/sc]
[sc=container][sc=tabs][accordion]
[a-section=XXX]
[/a-section]
[a-section=SHINIES]
[table][tr][td][center]
HUNTING[/center][/td][td][center][img]https://pokefarm.com/upload/nyuwu/sneasel-female.gif[/img][/center][/td][/tr]
[tr][td]EHP[/td][td]5,120[/td][/tr]
[tr][td]PRICES[/td][td]100 GP[/td][/tr]
[tr][td]STOCK[/td][td][tip=None]0 [img]https://pfq-static.com/img/pkmn/gender_m.png/t=1401213006[/img][/tip] [tip=Timid (2)]2 [img]https://pfq-static.com/img/pkmn/gender_f.png/t=1401213007[/img][/tip][/td][/tr]
[/table]
[progress="[math][inventory=Dark Gem]+[inventory=Medium Dark Gem]*10[/math]/111"][item=Large Dark Gem][/progress]
[/a-section]
[a-section=BOXES]
[table][tr][th=2x1]BOX INFO[/th][/tr]
[tr][td]1 BOX[/td][td]25 GP, 3 ZC[/td][/tr]
[tr][td]10 BOXES[/td][td]125 GP, 20 ZC[/td][/tr]
[tr][td]1 BOXBOX[/td][td]300 GP, 80 ZC[/td][/tr]
[tr][th=2x1]SLOTS[/th][/tr]
[tr][td] PLACEMENT [/td][td][tip=Order info will be placed in tooltips on the username.]USER[/tip][/td][/tr]
[tr][td]#1[/td][td=2x1] [tip=1 BoxBox ~ 250 GP]Swag3Tails[/tip] [/td][/tr]
[tr][td]#2[/td][td=2x1] [tip=3 Boxboxes ~ 280 ZC]Amaraxaxt[/tip] [/td][/tr]
[tr][td]#3[/td][td=2x1] [tip=None]Empty[/tip] [/td][/tr]
[/table]
[table][tr][th=2x1]GEM HUNTS[/th][/tr]
[tr][td]SMALL[/td][td]2 GP[/td][/tr]
[tr][td]MEDIUM[/td][td]20 GP, 4 ZC[/td][/tr]
[tr][td]LARGE[/td][td]200 GP, 40 ZC[/td][/tr]
[tr][th=2x1]SLOTS[/th][/tr]
[tr][td] PLACEMENT [/td][td][tip=Order info will be placed in tooltips on the username.]USER[/tip][/td][/tr]
[tr][td]#1[/td][td] [tip=Large Dark 150 GP]Jay's World[/tip] [/td][/tr]
[tr][td]#2[/td][td] [tip=Large Steel 200 GP]Amaraxaxt[/tip] [/td][/tr]
[tr][td]#3[/td][td] [tip=None]Empty[/tip] [/td][/tr]
[/table]
[/a-section]
[/accordion][/sc]
[/sc]
[/sc]