Single post in A Somewhat Extensive Guide to BBCodes
Forum Index > PokéFarm > Guides > A Somewhat Extensive Guide to BBCodes >
Hello i'm afraid to do this without asking where would I add this to change the font for the shop name? or should I not touch it?
This is the font I want to use:
This is the template I'm currently using
I'm also not doing something right here as well...I'm sorry I'm so terrible at this.
Pretty Font
/* latin */
@font-face {
font-family: 'Dancing Script';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/dancingscript/v16/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
Shop template
[sc=template][sc=bar][sc=main][sc=font][h1]🔮Midnight Masquerade🔮[/h1][/sc]
text goes here, you're not limited to just keeping the tabs, imgs + labels i've put in here, please change them to your heart's content
[sc=tabbed_interface horizontal][ul]
[li][img]https://pfq-static.com/img/farmbtns/farm_news.png/t=1535200173[/img][/li]
[li][tip=hunts][item=pokeradar][/tip][/li]
[li][tip=pokemon][img]https://pfq-static.com/img/navbar/party.png/t=1430540365[/img][/tip][/li]
[li][tip=breeding pairs][item=matchup checker][/tip][/li]
[li][tip=items][img]https://pfq-static.com/img/farmbtns/inventory.png/t=1535200174[/img][/tip][/li]
[li][tip=currency][item=money safe][/tip][/li]
[li][tip=boxes][item=deluxe box][/tip][/li]
[li][tip=summons][item=azure flute][/tip][/li]
[li][tip=gems][item=normal gem][/tip][/li]
[li][tip=megastones][img]https://pfq-static.com/img/items/keystone.png/t=1511636561[/img][/tip][/li]
[li][tip=relics][item=relic copper][/tip][/li]
[li][tip=dex trades][img]https://pfq-static.com/img/navbar/dex.png/t=1430540337[/img][/tip][/li]
[/ul][
][sc=tab-active][* leave this blank for a "close tab"-esque button *][/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][
][sc=tab]content[/sc][/sc][/sc][/sc][/sc][sc=credit][url=https://pfq.link/~LxwF]code[/url] | free to use[/sc]
[style]
@bkg1: #141414;
@bkg2: #3B3B3B;
@text: #ffffff;
@accent1: #F2F2F2;
@accent2: #6E6E6E;
@accent3: #7075FF;
// background //
.template{
.main {
border-radius: 0px 7px 7px 0px;
background: @bkg1;
padding: 10px;
width: 90%;
min-height: 7%;
font-size:10pt;
color: @text;
text-align: center;
}
.bar {
border-left: 20px solid @accent3;
height:100%;
}
b,u,i { color: @accent3; }
hr {
border: 1px solid @accent3;
width: 70%;
}
// links //
a, a:visited {
color: @accent3;
text-decoration: none;
transition:all 100ms ease-in-out;
}
a:hover {
color: @accent3;
letter-spacing: 1px;
transition:all 100ms ease-in-out;
}
// tooltip //
.tooltip_content {
border: 0px solid @accent2;
background: @accent1;
min-width: fit-content;
color: @accent2;
font-size: 10pt;
padding: 5px;
}
.bbcode_tooltip {
border-color: @accent2;
border-bottom: 1px solid @accent3;
}
// hide + accordion //
.panel {
background: none;
color: @text;
border: 0px;
box-shadow: none;
>h3 {
background: @accent1;
color: @accent2;
border: 0px solid @bkg1;
border-radius: 0px;
padding: 5px;
margin-left: 6.5%;
min-width: 85%;
width: fit-content;
max-width: 85%;
text-align: center;
}
>div {
color: @text;
text-align:left;
border-radius: 0px;
border: 1px solid @text;
margin: 0.5% 6.3%;
padding: 5px;
animation: fade 1.3s;
text-align: center;
}
}
// tables //
table {
margin: 0px auto;
border: 0px;
}
table th{
text-align: center;
vertical-align: middle;
padding: 7px;
border: 3px solid @bkg1;
background: @accent3;
color: @accent1;
border-radius: 7px;
}
table td {
text-align: center;
vertical-align: middle;
padding: 5px;
border: 3px solid @bkg1;
background: @bkg2;
color: @text;
border-radius: 7px;
}
// tabs //
.tabbed_interface {
border-collapse: separate;
>ul {
background: none;
>li {
background: none;
color: @accent1;
border: 0px solid @bkg1;
border-radius: 0px;
margin: 2px 2px;
font-size: 10pt;
min-width: fit-content;
padding: 5px 5px;
text-align: center;
filter:grayscale(100%);
> .bbcode_tooltip {
border-color: @accent2;
border-bottom: 0px solid @accent3;
}
&.tab-active {
background: none;
border: 0px solid @bkg1;
color: @accent1;
border-radius: 0px;
margin: 2px 2px;
font-size: 10pt;
min-width: fit-content;
padding: 5px 5px;
vertical-align: center;
filter:grayscale(0%);
}
.li:hover {
filter:grayscale(0%);
transition: all 100ms ease-in-out;
}
}
}
.tab, .tab-active {
background: none;
color: @text;
border: 0px solid @text;
box-shadow: none;
margin: 10px 10px;
border-radius: 0px;
font-size: 10pt;
padding: 5px 5px;
}
}
// progress bar //
.expbar {
background: @bkg1;
border-radius: 7px;
width: 70%;
border: 1px solid @accent3;
color: @accent3;
text-shadow: 1px 1px @accent1,
-1px -1px @accent1,
1px -1px @accent1,
-1px 1px @accent1;
>div {
background: @accent3;
border-right: 0px solid @accent1;
}
}
// pkmn panels //
.party > div {
background: @bkg1;
color: @accent3;
border: 1px solid @accent3;
font-size: 10pt;
box-shadow: 3px 3px 3px 3px @accent1;
.happy {display: none;}
.nature {display: none;}
.type {display: none;}
a:link, a:visited {
color: @accent3;
}
div.tooltip_content {
background: @accent1;
color: @accent2;
min-width: 100%;
border: solid 1px @accent2;
}
.bbcode_tooltip {
border-bottom: 1px solid @accent3;
}
}
.party > div > .pkmn:before {
border: solid @accent2;
background-color: @accent1;
}
.party > div > .expbar {
border: solid 1px @accent3;
color: @accent3;
background: @bkg1;
width: 60%;
text-shadow: 1px 1px @accent1,
-1px -1px @accent1,
1px -1px @accent1,
-1px 1px @accent1;
>div {
background: @accent3;
border-right: solid 0px @accent1
}
}
.font {
font-family: 'Space Mono';
color: @accent3;
letter-spacing: 0px;
transition: all 500ms ease-in-out;
}
.font:hover {
letter-spacing: 2px;
transition: all 500ms ease-in-out;
}}
/* latin */
@font-face {
font-family: 'Space Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/spacemono/v6/i7dPIFZifjKcF5UAWdDRYEF8RXi4EwQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.credit {
font-size: 10pt;
text-align: left;
margin-top: 3px;
margin-left: 5px;}
[/style]
My attempt at an accordion hidebox
[accordion]
[a-section=[img]https://pfq-static.com/img/pkmn/shiny.png/t=1400179603[/img] Shiny Prices [img]https://pfq-static.com/img/pkmn/shiny.png/t=1400179603[/img]] [b]EHP=1,280[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 10K, [img] https://pfq-static.com/img/zophan/gold.png[/img] 10GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 2
[b]EHP=2,560[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 20K, [img]https://pfq-static.com/img/zophan/gold.png[/img] 20GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 4
[b]EHP=3,840[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 30K, [img]https://pfq-static.com/img/zophan/gold.png[/img] 30GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 6
[b]EHP=5,120[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 40K, [img]https://pfq-static.com/img/zophan/gold.png[/img] 40GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 8
[b]EHP=6,400[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 50K, [img]https://pfq-static.com/img/zophan/gold.png[/img] 50GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 10
[b]EHP=7,680[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 60K, [img]https://pfq-static.com/img/zophan/gold.png[/img] 60GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 12
[b]EHP=8,960[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 70K, [img]https://pfq-static.com/img/zophan/gold.png[/img] 70GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 14
[b]EHP=10,240[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 80K, [img]https://pfq-static.com/img/zophan/gold.png[/img] 80GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 16 [/a-section]
[a-section=[img]https://pfq-static.com/img/pkmn/albino.png/t=1414662094[/img] ALBINO PRICES [img]https://pfq-static.com/img/pkmn/albino.png/t=1414662094[/img]] [b]EHP=1,280[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 20K, [img] https://pfq-static.com/img/zophan/gold.png[/img] 20GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 4
[b]EHP=2,560[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 40K, [img]https://pfq-static.com/img/zophan/gold.png[/img] 40GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 8
[b]EHP=3,840[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 60K, [img]https://pfq-static.com/img/zophan/gold.png[/img] 60GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 12
[b]EHP=5,120[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 80K, [img]https://pfq-static.com/img/zophan/gold.png[/img] 80GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 16
[b]EHP=6,400[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 100K, [img]https://pfq-static.com/img/zophan/gold.png[/img] 100GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 20
[b]EHP=7,680[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 120K, [img]https://pfq-static.com/img/zophan/gold.png[/img] 120GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 24
[b]EHP=8,960[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 140K, [img]https://pfq-static.com/img/zophan/gold.png[/img] 140GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 28
[b]EHP=10,240[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 160K, [img]https://pfq-static.com/img/zophan/gold.png[/img] 160GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 32 [/a-section] [/a-section]
[a-section=[img]https://pfq-static.com/img/pkmn/melanistic.png/t=1435353274[/img] MELAN PRICES [/img] https://pfq-static.com/img/pkmn/melanistic.png/t=1435353274[/img]] [b]EHP=1,280[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 2MIL, [img] https://pfq-static.com/img/zophan/gold.png[/img] 2K GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 400
[b]EHP=2,560[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 4 MIL, [img]https://pfq-static.com/img/zophan/gold.png[/img] 4K GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 800
[b]EHP=3,840[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 6 MIL, [img]https://pfq-static.com/img/zophan/gold.png[/img] 6K GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 1,200
[b]EHP=5,120[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 8 MIL, [img]https://pfq-static.com/img/zophan/gold.png[/img] 8K GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 1,600
[b]EHP=6,400[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 10 MIL, [img]https://pfq-static.com/img/zophan/gold.png[/img] 10K GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 2,000
[b]EHP=7,680[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 12 MIL, [img]https://pfq-static.com/img/zophan/gold.png[/img] 12K GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 2,400
[b]EHP=8,960[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 14 MIL, [img]https://pfq-static.com/img/zophan/gold.png[/img] 14K GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 2,800
[b]EHP=10,240[/b] [img]https://pfq-static.com/img/zophan/credits.png[/img] 16 MIL, [img]https://pfq-static.com/img/zophan/gold.png[/img] 16K GP, [img]https://pfq-static.com/img/zophan/zophan.png[/img] 3,200 [/a-section]
[a-section=[b]Additional
info[/b]] Uncommon gender melans will require a [img]https://pfq-static.com/img/zophan/zophan.png[/img]400 add-on on top of base price. Rare gender melans will require a [img]https://pfq-static.com/img/zophan/zophan.png[/img]600 add-on on top of base price.
[b]Please note:[/b] S/A/M Deltas, Exclusives, Variants, and Legendaries will [b]not[/b] follow these prices. [/a-section]
[/accordion]
× 45 / 500