Single post in Chicken's F2U Templates!
Forum Index > Other > Other Art > Chicken's F2U Templates! >
credit
Official Pokemon + TCG art
edited by Gumshoe
F2U code by Gumshoe
Sick Title yo
- Intro
- Examples
- Code
- Changelog
Howdy!
This is a forum template themed after Team Skull Grunts (bc i love them ;_; )! It can support any number of tabs and any length of title. There is also an untabbed version available. Hover over the "credit" text in the upper righthand corner to see credits!
You are not allowed to change any of the code without my permission. This template is also ONLY for the Forum, do not use it elsewhere!
Check the second tab to see examples of how things look in this template, and check the third tab to find the codes!
This is a link.
This is what bold text looks like.
This is what italics looks like.
This is what underlined text looks like.
This is what tips look like.
This is a tip!
This is a hidebox
This is content inside a hidebox!
This is a display.
This text is being displayed.
- tab 1
- 2
- 3
this text is in a tab box
contents 2
contents 3
- List 1
- List 2
Header 1 | Header 2 | Header 3 |
---|---|---|
cell 1 | cell 2 | cell 3 |
cell 4 | cell 5 | cell 6 |
Poisonium Z
Z-Crystal
(: 0)
A crystallised form of Z-Power. It can be used to boost Albino rates for Poison-type Eggs.
Sells for 1,000
Likes:
Sweet food
MAX
Jolly nature
Here're the codes!
Tabbed Code
[style]
//Do not change anything besides the Title, Tabs, and Tab Contents without my (Gumshoe's) permission!
//This is a Forum Template, do not use it elsewhere!
[/style][
][sc=container][sc=credits][pit="credit"]Official Pokemon + TCG art
edited by [url=https://pfq.link/@92x]Gumshoe[/url]
[url=https://pokefarm.com/forum/thread/322214/Chicken-s-F2U-Templates]F2U code by Gumshoe[/url][/pit][/sc][sc=header][img]https://i.imgur.com/OoyAXcH.png[/img][/sc][sc=title][
]Title[
][/sc][sc=textbox][sc=tabbed_interface horizontal][ul]
[li]Tab 1[/li]
[li]Tab 2[/li]
[li]Tab 3[/li]
[li]Tab 4[/li]
[/ul][
][sc=tab-active]contents 1[/sc][
][sc=tab]contents 2[/sc][
][sc=tab]contents 3[/sc][
][sc=tab]contents 4[/sc][/sc][/sc][/sc][
][style]
//You are not allowed to change any of the code below without my (Gumshoe's) permission!
//----------------------------------------------------------//
@text:white;
@bg:#232323;
@bg2:#121212;
@link:#b5b5b5;
@bord:black;
@sh:3px;
.container {
background:black;
padding:5px;
overflow:hidden;
}
.header {
margin-bottom: -150px;
}
.mq15 & .header {
margin-bottom:-75px;
}
.title {
cursor:default;
font-size:35pt;
position:relative;
right:30px;
text-align:right;
color:white;
text-shadow: -@sh -@sh 0 #000, @sh -@sh 0 #000, -@sh @sh 0 #000, @sh @sh 0 #000, @sh 0 0 #000, -@sh 0 0 #000, 0 -@sh 0 #000, 0 @sh 0 #000, -1px -@sh 0 #000, 1px -@sh 0 #000, -1px @sh 0 #000, 1px @sh 0 #000, 3px -1px 0 #000, 3px 1px 0 #000, -3px -1px 0 #000, -3px 1px 0 #000;
font-family: 'Permanent Marker';
}
.mq15 & .title {
font-size:25pt;
}
.textbox {
font-family: 'Varela Round';
position:relative;
.tabbed_interface {
margin:0px 5%;
}
.mq15 & .tabbed_interface {
margin:0px 2%;
}
.tabbed_interface>ul li {
color:#bababa;
background:black;
margin:3px;
border-radius: 4px;
padding:4px;
cursor:pointer;
border:1px solid rgba(255,255,255,.6);
box-shadow:none;
flex: 0 1 auto;
white-space: normal;
text-align:center;
min-width:40px;
}
.tabbed_interface>ul>li.tab-active {
color:@text;
border:1px solid rgba(255,255,255,1);
background:@bg;
}
.tabbed_interface>ul {
background:none;
margin:0px -3px;
display:flex;
justify-content: center;
flex-flow: row wrap;
}
.tabbed_interface>div {
margin-top:2px;
color:@text;
background:@bg;
a {color:@link; transition:.2s;}
a:hover {color:@text; transition:.2s;}
padding:4px;
border-radius: 5px;
border:2px solid @bord;
box-shadow:none;
.tabbed_interface {
top:0px;
margin-bottom: 0px;
margin:0px 0px;
position:static;
}
.tabbed_interface>ul li {
cursor:default;
text-align:center;
padding:2px;
color:#bababa;
background:#121212;
border:1px solid @bord;
margin:2px;
}
.tabbed_interface>ul>li.tab-active {
background:@bg;
color:@text;
border:1px solid rgba(255,255,255,.4);
}
.tabbed_interface>ul {
background:none;
justify-content: flex-start;
margin-left:0px;
}
.tabbed_interface>div {
margin-top:2px;
color:@text;
background:@bg;
box-shadow:none;
border:1px solid @bord;
}
.panel {
border-radius:5px;
background: @bg;
border: solid 1px @bord;
color: @text;
box-shadow:none;
> h3 {
> a {color: @text;}
border: solid 1px @bord;
border-radius:5px;
background: @bg2;
background-image: url('https://i.imgur.com/FfwAwon.png');
background-position: left center;
color: @text;
text-align:center;
cursor:default;
}
> div {color: @text;}
}
.expbar {
background: black;
color: @text;
border: solid 1px @bord;
cursor:default;
border-radius:5px;
> div {
background: @bg2;
background-image: url('https://i.imgur.com/FfwAwon.png');
background-position: left center;
border-right: none;
}
}
div.tooltip_content {
background: @bg;
color: @text;
border: solid 1px @bord;
}
.bbcode_tooltip {
border-bottom: 1px dotted rgba(255,255,255,.5);
}
table {
border: solid 1px @bord;
}
table th {
border: solid 1px @bord;
color: @text;
background: @bg2;
}
table td {
border: solid 1px @bord;
background: @bg;
color: @text;
}
.party > div {
position:static;
background: @bg;
color: @text;
border: 1px solid @bord;
box-shadow: none;
.action a[data-berry]:after {border: none;}
}
hr {border: none;text-align:center;}
hr::before {
content: url("https://i.imgur.com/vpDAWxq.png") " " url("https://i.imgur.com/vpDAWxq.png") " " url("https://i.imgur.com/vpDAWxq.png");
}
ul {
list-style-image: url('https://i.imgur.com/LMOFUSt.png');
margin-left:-15px;
}
}
}
.mq15 & .textbox {
.party > div {
.action a[data-berry]:after {border: none;}
width:89%;
margin-left: 0px;
.berrybuttons > a {display: none;}
.berrybuttons[data-up='sour'] > a[data-berry='aspear'],
.berrybuttons[data-up='spicy'] > a[data-berry='cheri'],
.berrybuttons[data-up='dry'] > a[data-berry='chesto'],
.berrybuttons[data-up='sweet'] > a[data-berry='pecha'],
.berrybuttons[data-up='bitter'] > a[data-berry='rawst'],
.berrybuttons[data-up='any'] > a[data-berry='pecha']{
background:@bg;
border:2px solid @bord;
display:block;
position:absolute;
right:25px;
padding:0px 40px;
border-radius:8px;
}
}
.party > div > .name {
position:absolute;
margin-top:-2px;
margin-left:68px;
}
.party > div > .action {
position: absolute;
margin-left:70px;
margin-top:5px;
}
.party > div > .extra > .nature {
position: absolute;
margin-left:135px;
}
.party > div > .expbar {
width:160px;
top:10px;
}
}
.credits {
font-family: 'Syne Mono';
border-radius:4px 0px;
font-size:10pt;
color:rgba(0,0,0,.7);
position:absolute;
right:11%;
font-weight:bold;
.bbcode_tooltip {border-bottom: none;}
div.tooltip_content {
a {color:@link; transition:.2s;}
a:hover {color:@text; transition:.2s;}
font-family: 'Varela Round';
background:@bg;
border:1px solid @bord;
color:@text;
position:absolute;
bottom:-55px;
right:0px;
font-size:10pt;
border-radius:4px;
text-shadow:none;
min-width:172px;
text-align:right;
}
}
.mq15 & .credits {
background: linear-gradient(90deg, rgba(167,156,57,1) 0%, rgba(187,184,64,1) 40%, rgba(187,184,64,1) 100%);
right:11.5%;
}
/* latin */
@font-face {
font-family: 'Syne Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/synemono/v13/K2FzfZNHj_FHBmRbFvHDJaql.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;
}
/* latin */
@font-face {
font-family: 'Varela Round';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/varelaround/v18/w8gdH283Tvk__Lua32TysjIfp8uP.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;
}
/* latin */
@font-face {
font-family: 'Permanent Marker';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/permanentmarker/v10/Fh4uPib9Iyv2ucM6pGQMWimMp004La2Cfw.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;
}
[/style]
Tabless Code
[style]
//Do not change anything besides the Title and Text without my (Gumshoe's) permission!
//This is a Forum Template, do not use it elsewhere!
[/style][
][sc=container][sc=credits][pit="credit"]Official Pokemon + TCG art
edited by [url=https://pfq.link/@92x]Gumshoe[/url]
[url=https://pokefarm.com/forum/thread/322214/Chicken-s-F2U-Templates]F2U code by Gumshoe[/url][/pit][/sc][sc=header][img]https://i.imgur.com/OoyAXcH.png[/img][/sc][sc=title][
]Title[
][/sc][sc=textbox]text[/sc][/sc][
][style]
//You are not allowed to change any of the code below without my (Gumshoe's) permission!
//----------------------------------------------------------//
@text:white;
@bg:#232323;
@bg2:#121212;
@link:#b5b5b5;
@bord:black;
@sh:3px;
.container {
background:black;
padding:5px;
overflow:hidden;
}
.header {
margin-bottom: -150px;
}
.mq15 & .header {
margin-bottom:-75px;
}
.title {
cursor:default;
font-size:35pt;
position:relative;
right:30px;
text-align:right;
color:white;
text-shadow: -@sh -@sh 0 #000, @sh -@sh 0 #000, -@sh @sh 0 #000, @sh @sh 0 #000, @sh 0 0 #000, -@sh 0 0 #000, 0 -@sh 0 #000, 0 @sh 0 #000, -1px -@sh 0 #000, 1px -@sh 0 #000, -1px @sh 0 #000, 1px @sh 0 #000, 3px -1px 0 #000, 3px 1px 0 #000, -3px -1px 0 #000, -3px 1px 0 #000;
font-family: 'Permanent Marker';
}
.mq15 & .title {
font-size:25pt;
}
.textbox {
font-family: 'Varela Round';
position:relative;
margin:0px 5%;
margin-top:2px;
color:@text;
background:@bg;
a {color:@link; transition:.2s;}
a:hover {color:@text; transition:.2s;}
padding:4px;
border-radius: 5px;
border:2px solid @bord;
box-shadow:none;
.tabbed_interface>ul li {
color:#bababa;
background:black;
margin:3px;
border-radius: 4px;
padding:4px;
cursor:pointer;
border:1px solid rgba(255,255,255,.6);
box-shadow:none;
flex: 0 1 auto;
white-space: normal;
text-align:center;
min-width:40px;
}
.tabbed_interface>ul>li.tab-active {
color:@text;
border:1px solid rgba(255,255,255,1);
background:@bg;
}
.tabbed_interface>ul {
background:none;
margin:0px -3px;
display:flex;
justify-content: center;
flex-flow: row wrap;
}
.tabbed_interface>div {
margin-top:2px;
color:@text;
background:@bg;
a {color:@link; transition:.2s;}
a:hover {color:@text; transition:.2s;}
padding:4px;
border-radius: 5px;
border:2px solid @bord;
box-shadow:none;
}
.tabbed_interface {
top:0px;
margin-bottom: 0px;
margin:0px 0px;
position:static;
}
.tabbed_interface>ul li {
cursor:default;
text-align:center;
padding:2px;
color:#bababa;
background:#121212;
border:1px solid @bord;
margin:2px;
}
.tabbed_interface>ul>li.tab-active {
background:@bg;
color:@text;
border:1px solid rgba(255,255,255,.4);
}
.tabbed_interface>ul {
background:none;
justify-content: flex-start;
margin-left:0px;
}
.tabbed_interface>div {
margin-top:2px;
color:@text;
background:@bg;
box-shadow:none;
border:1px solid @bord;
}
.panel {
border-radius:5px;
background: @bg;
border: solid 1px @bord;
color: @text;
box-shadow:none;
> h3 {
> a {color: @text;}
border: solid 1px @bord;
border-radius:5px;
background: @bg2;
background-image: url('https://i.imgur.com/FfwAwon.png');
background-position: left center;
color: @text;
text-align:center;
cursor:default;
}
> div {color: @text;}
}
.expbar {
background: black;
color: @text;
border: solid 1px @bord;
cursor:default;
border-radius:5px;
> div {
background: @bg2;
background-image: url('https://i.imgur.com/FfwAwon.png');
background-position: left center;
border-right: none;
}
}
div.tooltip_content {
background: @bg;
color: @text;
border: solid 1px @bord;
}
.bbcode_tooltip {
border-bottom: 1px dotted rgba(255,255,255,.5);
}
table {
border: solid 1px @bord;
}
table th {
border: solid 1px @bord;
color: @text;
background: @bg2;
}
table td {
border: solid 1px @bord;
background: @bg;
color: @text;
}
.party > div {
position:static;
background: @bg;
color: @text;
border: 1px solid @bord;
box-shadow: none;
.action a[data-berry]:after {border: none;}
}
hr {border: none;text-align:center;}
hr::before {
content: url("https://i.imgur.com/vpDAWxq.png") " " url("https://i.imgur.com/vpDAWxq.png") " " url("https://i.imgur.com/vpDAWxq.png");
}
ul {
list-style-image: url('https://i.imgur.com/LMOFUSt.png');
margin-left:-15px;
}
}
.mq15 & .textbox {
margin:0px 2%;
.party > div {
.action a[data-berry]:after {border: none;}
width:89%;
margin-left: 0px;
.berrybuttons > a {display: none;}
.berrybuttons[data-up='sour'] > a[data-berry='aspear'],
.berrybuttons[data-up='spicy'] > a[data-berry='cheri'],
.berrybuttons[data-up='dry'] > a[data-berry='chesto'],
.berrybuttons[data-up='sweet'] > a[data-berry='pecha'],
.berrybuttons[data-up='bitter'] > a[data-berry='rawst'],
.berrybuttons[data-up='any'] > a[data-berry='pecha']{
background:@bg;
border:2px solid @bord;
display:block;
position:absolute;
right:25px;
padding:0px 40px;
border-radius:8px;
}
}
.party > div > .name {
position:absolute;
margin-top:-2px;
margin-left:68px;
}
.party > div > .action {
position: absolute;
margin-left:70px;
margin-top:5px;
}
.party > div > .extra > .nature {
position: absolute;
margin-left:135px;
}
.party > div > .expbar {
width:160px;
top:10px;
}
}
.credits {
font-family: 'Syne Mono';
border-radius:4px 0px;
font-size:10pt;
color:rgba(0,0,0,.7);
position:absolute;
right:11%;
font-weight:bold;
.bbcode_tooltip {border-bottom: none;}
div.tooltip_content {
a {color:@link; transition:.2s;}
a:hover {color:@text; transition:.2s;}
font-family: 'Varela Round';
background:@bg;
border:1px solid @bord;
color:@text;
position:absolute;
bottom:-55px;
right:0px;
font-size:10pt;
border-radius:4px;
text-shadow:none;
min-width:172px;
text-align:right;
}
}
.mq15 & .credits {
background: linear-gradient(90deg, rgba(167,156,57,1) 0%, rgba(187,184,64,1) 40%, rgba(187,184,64,1) 100%);
right:11.5%;
}
.codebox {
font-size:10pt;
user-select:all;
overflow-y: scroll;
height: 100px;
padding: 3px;}
/* latin */
@font-face {
font-family: 'Syne Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/synemono/v13/K2FzfZNHj_FHBmRbFvHDJaql.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;
}
/* latin */
@font-face {
font-family: 'Varela Round';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/varelaround/v18/w8gdH283Tvk__Lua32TysjIfp8uP.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;
}
/* latin */
@font-face {
font-family: 'Permanent Marker';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/permanentmarker/v10/Fh4uPib9Iyv2ucM6pGQMWimMp004La2Cfw.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;
}
[/style]
Nothing yet!