Hunting: Shinx
If you wish to contact me, please scroll down in About Me.
For instructions to get a hold of me, please and thanks!
Looking For: 
Steel
, 
Rock
, 
Electric
Chicken's F2U Templates!
Forum Index > Other > Other Art >
Fancy Title Woah
- Info
- Examples
- Code
- Changelog
Howdy!
This is another tabbed Forum template because I can't help myself, I love this color combo/aesthetic too much 😩 It can support any number of tabs and any length of title. There is also a tabless version available. Hover over the flower in the bottom corner to see credit!
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 code!
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.
MAX
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
- tab 2
- tab 3
this text is in a tab box
contents 2
contents 3
| 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
Aspear Berry
Aspear Berry (SOUR)
Cheri BerryCheri Berry (SPICY)
Chesto BerryChesto Berry (DRY)
Pecha BerryPecha Berry (SWEET)
Rawst BerryRawst Berry (BITTER)
Likes:
Sweet food
MAXJolly nature
Here's the code!
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=the][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=credit][pit=❁]F2U code by [url=https://pokefarm.com/forum/thread/322214/Chicken-s-F2U-Templates]Gumshoe[/url]
[url=https://www.rawpixel.com/image/2405332/free-illustration-png-black-and-gold-pattern-peony]Background[/url] edited by Gumshoe[/pit][/sc][/sc][/sc][
][style]
//You are not allowed to change any of the code below without my (Gumshoe's) permission!
//----------------------------------------------------------//
@shadow: 5px;
@text:white;
@bg:black;
@bg2:#2e0a1a;
@bg3:#210813;
@link:#c7a260;
@linkhl:#fed081;
@bord:#9e804b;
@bordim:#78613b;
.the {
background-image:url("https://i.imgur.com/RGdNxE8.png");
background-color:@bg;
padding:10px;
padding-bottom:37px;
div.tooltip_content {
background: @bg;
color: @text;
a {color:@link; transition:.3s;}
a:hover {color:@linkhl; transition:.3s;}
border: solid 1px @bord;
font-size:11pt;
border-radius:0px;
}
.bbcode_tooltip {
border-bottom: 1px dotted @link;
}
}
.title {
font-size:25pt;
color:white;
text-align:right;
cursor:default;
font-family: 'Lobster';
text-shadow: 2px 0 1px black, -2px 0 1px black, 0 2px 1px black, 0 -2px 1px black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black;
float:right;
clear:left;
margin-right:3px;
position:relative;
z-index:9;
}
.textbox {
font-family: 'Bitter';
font-size:11pt;
background:none;
border:none;
.tabbed_interface>ul li {
text-align: center;
padding:3px;
margin: 4px 4px;
color:@link;
background:@bg3;
border: 1px solid @bordim;
cursor:default;
}
.tabbed_interface>ul>li.tab-active {
border-color:@bord;
color:@linkhl;
background:@bg2;
}
.tabbed_interface>ul {
background:none;
display:inline-flex;
flex-direction: row;
margin-left:-2px;
}
.tabbed_interface>div {
box-shadow:none;
color:@text;
background:rgba(0,0,0,.6);
border-radius:0px;
padding:8px;
border: 4px double @bord;
margin-top:3px;
a {color:@link; transition:.3s;}
a:hover {color:@linkhl;transition:.3s;}
.tabbed_interface>ul li {
cursor:default;
padding:1px 5px;
background:@bg3;
border:1px solid @bord;
margin:3px 3px;
min-width:50px;
}
.tabbed_interface>ul>li.tab-active {
background:@bg2;
color:@linkhl;
}
.tabbed_interface>ul {
background:none;
display:flex-inline;
flex-direction: inherit;
margin: 0px -3px;
}
.tabbed_interface>div {
margin-top:3px;
color:@text;
background:@bg;
box-shadow:none;
border:1px solid @bord;
padding:4px;
}
.panel {
background: @bg;
border-radius:0px;
border: solid 1px @bord;
color: @text;
box-shadow:none;
> h3 {
> a {color: @link;}
border: solid 1px @bord;
border-radius:0px;
background: @bg2;
color: @link;
text-align:left;
cursor:default;
}
> div {
color: @text;
a {color: @link;}
}
}
.expbar {
background: @bg2;
color: @text;
border: solid 1px @bord;
cursor:default;
border-radius:0px;
> div {
background: @bg;
border-right: solid 1px @bordim;
}
}
table {
border: solid 2px @bord;
}
table th {
border: solid 1px @bordim;
color: @link;
background: @bg2;
}
table td {
border: solid 1px @bordim;
background: @bg;
color: @text;
}
.party > div {
background: @bg;
border-radius:0px;
color: @text;
border: 1px solid @bord;
box-shadow: none;
.action a[data-berry]:after {border: none;}
}
.action a[data-berry]:after {border: none;}
.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: none;
border:1px solid @link;
display:block;
position:absolute;
right:40px;
padding:0px 40px;
border-radius:0px;
}
hr {border: 1px solid @bord;}
}
}
.mq15 & .textbox {
.party > div {
width:86%;
margin-left: 0px;
.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']
{right:21px;}
}
.party > div > .name {
position:absolute;
right:0px;
top:0px;
letter-spacing:.5px;
}
.party > div > .action {
position: absolute;
right:1px;
bottom:30px;
}
.party > div > .extra > .nature {
position: absolute;
right:-10px;
bottom:5px;
}
.party > div > .expbar {
width:150px;
position:absolute;
top:15px;
right:10px;
}
}
.credit {
font-size:15pt;
margin-top:5px;
color:@link;
background:black;
position:absolute;
right:15px;
border-radius:0px;
border:1px solid @bord;
padding:1px 2px;
div.tooltip_content {
position:absolute;
bottom:-1px;
right:28px;
width:198px;
font-size:10pt;
text-align:right;
}
.bbcode_tooltip {border-bottom: none;}
}
/* latin */
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/bitter/v25/raxhHiqOu8IVPmnRc6SY1KXhnF_Y8fbfOLjOXQ.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: 'Lobster';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lobster/v27/neILzCirqoswsqX9zoKmMw.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=the][sc=title]Title[/sc][
][sc=textbox]text[/sc][
][sc=credit][pit=❁]F2U code by [url=https://pokefarm.com/forum/thread/322214/Chicken-s-F2U-Templates]Gumshoe[/url]
[url=https://www.rawpixel.com/image/2405332/free-illustration-png-black-and-gold-pattern-peony]Background[/url] edited by Gumshoe[/pit][/sc][/sc][
][style]
//You are not allowed to change any of the code below without my (Gumshoe's) permission!
//----------------------------------------------------------//
@shadow: 5px;
@text:white;
@bg:black;
@bg2:#2e0a1a;
@bg3:#210813;
@link:#c7a260;
@linkhl:#fed081;
@bord:#9e804b;
@bordim:#78613b;
.the {
background-image:url("https://i.imgur.com/RGdNxE8.png");
background-color:@bg;
padding:10px;
padding-bottom:37px;
font-family: 'Bitter';
font-size:11pt;
div.tooltip_content {
background: @bg;
color: @text;
a {color:@link; transition:.3s;}
a:hover {color:@linkhl; transition:.3s;}
border: solid 1px @bord;
font-size:11pt;
border-radius:0px;
}
.bbcode_tooltip {
border-bottom: 1px dotted @link;
}
}
.title {
font-size:25pt;
color:white;
text-align:right;
cursor:default;
font-family: 'Lobster';
text-shadow: 2px 0 1px black, -2px 0 1px black, 0 2px 1px black, 0 -2px 1px black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black, 0 0 @shadow black;
float:right;
clear:left;
margin-right:3px;
position:relative;
z-index:9;
}
.textbox {
box-shadow:none;
color:@text;
background:rgba(0,0,0,.6);
border-radius:0px;
padding:8px;
border: 4px double @bord;
margin-top:36px;
a {color:@link; transition:.3s;}
a:hover {color:@linkhl;transition:.3s;}
.tabbed_interface>ul li {
text-align: center;
padding:3px;
margin: 4px 4px;
color:@link;
background:@bg3;
border: 1px solid @bordim;
cursor:default;
}
.tabbed_interface>ul>li.tab-active {
border-color:@bord;
color:@linkhl;
background:@bg2;
}
.tabbed_interface>ul {
background:none;
display:inline-flex;
flex-direction: row;
margin-left:-2px;
}
.tabbed_interface>div {
box-shadow:none;
color:@text;
background:rgba(0,0,0,.6);
border-radius:0px;
padding:8px;
border: 4px double @bord;
margin-top:3px;
a {color:@link; transition:.3s;}
a:hover {color:@linkhl;transition:.3s;} }
.tabbed_interface>ul li {
cursor:default;
padding:1px 5px;
background:@bg3;
border:1px solid @bord;
margin:3px 3px;
min-width:50px;
}
.tabbed_interface>ul>li.tab-active {
background:@bg2;
color:@linkhl;
}
.tabbed_interface>ul {
background:none;
display:flex-inline;
flex-direction: inherit;
margin: 0px -3px;
}
.tabbed_interface>div {
margin-top:3px;
color:@text;
background:@bg;
box-shadow:none;
border:1px solid @bord;
padding:4px;
}
.panel {
background: @bg;
border-radius:0px;
border: solid 1px @bord;
color: @text;
box-shadow:none;
> h3 {
> a {color: @link;}
border: solid 1px @bord;
border-radius:0px;
background: @bg2;
color: @link;
text-align:left;
cursor:default;
}
> div {
color: @text;
a {color: @link;}
}
}
.expbar {
background: @bg2;
color: @text;
border: solid 1px @bord;
cursor:default;
border-radius:0px;
> div {
background: @bg;
border-right: solid 1px @bordim;
}
}
table {
border: solid 2px @bord;
}
table th {
border: solid 1px @bordim;
color: @link;
background: @bg2;
}
table td {
border: solid 1px @bordim;
background: @bg;
color: @text;
}
.party > div {
background: @bg;
border-radius:0px;
color: @text;
border: 1px solid @bord;
box-shadow: none;
.action a[data-berry]:after {border: none;}
}
.action a[data-berry]:after {border: none;}
.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: none;
border:1px solid @link;
display:block;
position:absolute;
right:40px;
padding:0px 40px;
border-radius:0px;
}
hr {border: 1px solid @bord;}
}
.mq15 & .textbox {
.party > div {
width:86%;
margin-left: 0px;
.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']
{right:21px;}
}
.party > div > .name {
position:absolute;
right:0px;
top:0px;
letter-spacing:.5px;
}
.party > div > .action {
position: absolute;
right:1px;
bottom:30px;
}
.party > div > .extra > .nature {
position: absolute;
right:-10px;
bottom:5px;
}
.party > div > .expbar {
width:150px;
position:absolute;
top:15px;
right:10px;
}
}
.credit {
font-size:15pt;
margin-top:5px;
color:@link;
background:black;
position:absolute;
right:15px;
border-radius:0px;
border:1px solid @bord;
padding:1px 2px;
div.tooltip_content {
position:absolute;
bottom:-1px;
right:28px;
width:198px;
font-size:10pt;
text-align:right;
}
.bbcode_tooltip {border-bottom: none;}
}
/* latin */
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/bitter/v25/raxhHiqOu8IVPmnRc6SY1KXhnF_Y8fbfOLjOXQ.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: 'Lobster';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lobster/v27/neILzCirqoswsqX9zoKmMw.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]
6/17/2022 - Fixed an issue regarding background colors on some official site skins.
❁
F2U code by Gumshoe
Background edited by Gumshoe
Howdy!
This is just a simple forum template, not much to say about it. Hover over the flower in the bottom corner to see credit!
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!
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.
MAX
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
- Changelog
this text is in a tab box
contents 2
Nothing yet!
| 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
Aspear Berry
Aspear Berry (SOUR)
Cheri BerryCheri Berry (SPICY)
Chesto BerryChesto Berry (DRY)
Pecha BerryPecha Berry (SWEET)
Rawst BerryRawst Berry (BITTER)
Likes:
Sweet food
MAXJolly nature
Code
[style]
//Do not change anything besides the Text without my (Gumshoe's) permission!
//This is a Forum Template, do not use it elsewhere!
[/style][
][sc=container][sc=tree][img]https://i.imgur.com/58oZ8nM.jpg[/img][/sc][sc=textbox][
]text[
][/sc][/sc][sc=crebit][pit=❀][url=https://www.rawpixel.com/image/3063958/free-illustration-image-japanese-art-japan-woodblock]Art[/url] | [url=https://www.transparenttextures.com/]Texture[/url] | F2U code by [url=https://pokefarm.com/forum/thread/322214/Chicken-s-F2U-Templates]Gumshoe[/url][/pit][/sc][
][style]
//You are not allowed to change any of the code below without my (Gumshoe's) permission!
//----------------------------------------------------------//
@text:black;
@bg:#cea6b6;
@bg2:#a6c6ce;
@bg3: #e8baba;
@link:#9a2828;
@bord:rgba(0,0,0,.5);
.container {
background: rgb(231,203,207);
background: linear-gradient(0deg, #fecdcf 0%, #a9dfea 100%);
padding:10px;
display:flex;
}
.tree {
width:30%;
border-right: 5px solid #ff4d67;
img{
box-shadow: 0 2px 4px 0px rgba(0,0,0,.3);
height:480px;
object-fit: none;
object-position: 0% 0;}
margin-bottom:15px;
}
.mq15 & .tree {
width:25%;
img{
object-position: 7% 0;
}
}
.mq15 & .textbox {
width:76%;
}
.textbox {
font-family: 'Rubik';
font-size:11pt;
clear:right;
color:@text;
a {color:@link; transition:.3s;}
a:hover {color:#1f687a; transition:.5s;}
background: rgba(255,255,255,.77);
width:66%;
padding:5px;
margin-left:10px;
box-shadow: 0 2px 4px 0px rgba(0,0,0,.3);
margin-bottom:15px;
align-self: flex-start;
.tabbed_interface>ul li {
cursor:default;
text-align:center;
padding:1px 3px;
color:@text;
background:@bg2;
background-image: url("https://i.imgur.com/3gNQUJ2.png");
border:none;
border-right: 1px solid @bord;
border-top: 1px solid @bord;
margin: 2px;
min-width:50px;
white-space: normal;
}
.tabbed_interface>ul>li.tab-active {
background:@bg3;
background-image: url("https://i.imgur.com/3gNQUJ2.png");
}
.tabbed_interface>ul {
background:none;
display: inline-flex;
margin: 0px -2px;
}
.tabbed_interface>div {
margin-top:2px;
color:@text;
background:none;
box-shadow:none;
border:1px solid @bord;
padding:2px;
}
.panel {
border:none;
border-radius:0px 0px 6px 6px;
color: @text;
box-shadow:none;
background:none;
> h3 {
> a {color: @text;}
transition:.4s;
border:none;
border-radius:0px;
background: @bg2;
background-image: url("https://i.imgur.com/3gNQUJ2.png");
color: @text;
text-align:center;
cursor:default;
}
> h3.active {
background:@bg3;
transition:.4s;
background-image: url("https://i.imgur.com/3gNQUJ2.png");}
> div {
color: @text;
border:1px solid @bord;
border-top:none;
padding:2px;
}
}
.expbar {
background: @bg2;
color: @text;
border:1px solid @bord;
cursor:default;
border-radius:0px;
> div {
background: @bg3;
background-image: url("https://i.imgur.com/3gNQUJ2.png");
border-right: 1px solid rgba(0,0,0,.3);
}
}
div.tooltip_content {
background: #f5f6f7;
color: @text;
border: solid 1px @bord;
border-radius:0px;
font-size:11pt;
padding:2px;
}
.bbcode_tooltip {border-bottom: 1px dotted @text;}
table {
border:none;
}
table th {
border: solid 1px @bord;
color: @text;
background: @bg2;
background-image: url("https://i.imgur.com/3gNQUJ2.png");
}
table td {
border: solid 1px @bord;
background: none;
color: @text;
}
.party > div {
background: none;
color: @text;
border:1px solid @bord;
border-radius:0px;
box-shadow: none;
.action a[data-berry]:after {border: none;}
}
hr { border: 1px solid @bg2; border-bottom: 1px solid @bg;}
}
.mq2 & .textbox {
.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: none;
border:none;
display:block;
position:absolute;
padding:0px 40px;
border-radius:0px;
}
.party > div {
width:71%;
margin-left: 0px;
.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']
{right:21px;}
}
.party > div > .name {
position:absolute;
right:0px;
top:0px;
letter-spacing:.5px;
}
.party > div > .name a {
position:absolute;
right:20px;
top:-5px;
letter-spacing:.5px;
}
.party > div > .action {
position: absolute;
right:-16px;
bottom:10px;
}
.party > div > .extra > .nature {
position: absolute;
right:0px;
bottom:2px;
}
.party > div > .taste {
display:none;
}
.party > div > .extra > .happy {
display:none;
}
.party > div > .expbar {
width:120px;
position:absolute;
top:15px;
right:5px;
}
}
.crebit {
font-size:15pt;
position:relative;
text-align:right;
right:3px;
top:-24px;
color:black;
div.tooltip_content {
position:absolute;
bottom:0px;
right:20px;
background: rgba(255,255,255,.77);
color: @text;
border: solid 1px @bord;
border-radius:0px;
font-size:10pt;
padding:2px;
a {color:@link; transition:.3s;}
a:hover {color:#1f687a; transition:.5s;}
width:255px;
}
.bbcode_tooltip {
border-bottom: none;
}
}
/* latin */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/rubik/v19/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4iFV0U1.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]
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.
MAX
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
Aspear Berry
Aspear Berry (SOUR)
Cheri BerryCheri Berry (SPICY)
Chesto BerryChesto Berry (DRY)
Pecha BerryPecha Berry (SWEET)
Rawst BerryRawst Berry (BITTER)
Likes:
Sweet food
MAXJolly 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!
Howdy!
This is a bit different from my usual fare; I wanted to try and make a very basic template with some customizable features. This template is mostly intended for users not very familiar with code to have a way of making something a little personalized for themselves.
🚫This template does not support hideboxes/displays/accordions, tables, nor tabbed interfaces; do not use them.🚫
This template is also only for Forum Signatures, do not use it elsewhere!
You are permitted to change these aspects of the code:
Do not make any other edits without my permission.
Please note that any edits made to the code that do not comply with our Legibility Rules means you are breaking our Site Rules. Please be careful to follow them while making edits.
Edits you can make!
- Changing the background image/color (NOT the textbox color). If you use an image, you must properly credit it and have permission to use it. "From Google" is not proper crediting. Do not use bright saturated colors nor use fast moving/flashing images.
How do I do this?
Look for the section of the code that says background-image:
Replace the image URLthere with the image you wish the background to be. (Make sure to keep the quotation marks) After you replace the image, update the credit so it is accurate. Please refer to our Art Usage and Crediting thread to make sure the image is properly credited.
If you wish to have a solid color as a background, replace the entire background-image: codewith background:gray; changing "gray" to whatever color you wish it to be. Again, do not choose bright saturated colors like red or cyan.
- Changing max-height to height so the signature is always at full height regardless of the amount of text.
Examples
max-height
height
- Changing the font-size of the textbox (not credit) anywhere between 10pt-15pt (NOT PX).
How do I do this?
Inside of the .t section look for this code: font-size:12pt; -- You can change the number to be anywhere between 10 and 15.
- Changing the font of the textbox (not credit).
- More edits I will allow that I won't explain further for:
Other Edits
- Adjusting the background-position and background-size elements.
- Changing the border-radius value between 0px to 25px.
- Removing the link hover effect (a:hover) or changing the transition timing (transition:).
- Changing justify-content to either flex-startor flex-end
to move the textbox left or right.
- Changing the textbox background to be more or fully opaque. Do not make it more transparent.
- Decreasing the max-height / height value for a smaller signature.
- Removing the border from the container and/or the textbox.
credit
Background from Pokemon Anime
F2U code by Gumshoe
credit
Background from Temple of the Sea
F2U code by Gumshoe
Dark Textbox code
[sc=c][sc=t][
]text[
][/sc][/sc][sc=r][pit=credit]Background from Pokemon Anime
[url=/forum/thread/322214]F2U code by Gumshoe[/url][/pit][/sc][
][style]@w:white;@g:#505050;@b:black;.c{padding:8px;background-image:url('https://i.imgur.com/xa8nnRv.png');background-size:cover;background-position:center;max-height:214px;border:1px solid @b;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden}.t{font-size:12pt;color:@w;a{color:#cccccc;transition:.2s}a:hover{color:@w;transition:.2s}background:rgba(20,20,20,.85);text-align:center;padding:5px;border-radius:5px;width:284px;border:1px solid @b;.expbar{cursor:default;background:@b;color:@w;border-color:@b;>div{background:@g;border-right:none}}div.tooltip_content{background:@g;color:@w;border-color:@b}.bbcode_tooltip{border-color:@w}.party>div{background:@b;border-color:@b;box-shadow:none;margin-left:-13px}}.r{text-align:right;font-size:10pt;.bbcode_tooltip{border:none}div.tooltip_content{right:0px;bottom:14px;font-size:10pt}}[/style]
Light Textbox code
[sc=c][sc=t][
]text[
][/sc][/sc][sc=r][pit=credit]Background from Temple of the Sea
[url=/forum/thread/322214]F2U code by Gumshoe[/url][/pit][/sc][
][style]@w:white;@r:#bababa;@b:black;.c{padding:8px;background-image:url('https://i.imgur.com/GIoNxqI.png');background-size:cover;background-position:center;max-height:214px;border:1px solid @b;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden}.t{font-size:12pt;color:@b;a{color:#383838;transition:.2s}a:hover{color:@b;transition:.2s}background:rgba(232,232,232,.85);text-align:center;padding:5px;border-radius:5px;width:284px;border:1px solid @b;.expbar{cursor:default;background:@w;color:@b;border-color:@b;>div{background:@r;border-right:none}}div.tooltip_content{background:@r;color:@b;border-color:@b}.bbcode_tooltip{border-color:@b}.party>div{background:@w;border-color:@b;box-shadow:none;margin-left:-13px}}.r{text-align:right;font-size:10pt;.bbcode_tooltip{border:none}div.tooltip_content{right:0px;bottom:14px;font-size:10pt}}[/style]
Changelog
Nothing yet!
- ★
- ☆
- 1
- 2
- 3
- 4
- 5
- 6
- 7
Howdy!
This is a tabbed About Me template with some customization options. You can change the background and remove tabs if you wish. Please refer to the list below for more details!
This is a limited height template so make sure you don't put in too much text, as it will cut off.
See the next tab for examples of what things look like in this code, and see the 3rd tab for the changelog!
no i'm not salty i couldnt get sygna suit blue before he went out of rotation.....T_T
Code
[sc=container][sc=bu][sc=tabbed_interface horizontal][ul]
[li]★[/li]
[li]☆[/li]
[/ul][sc=hide][sc=tab-active][/sc][/sc][sc=show][sc=tab][sc=tabbed_interface horizontal][
][ul]
[li]1[/li]
[li]2[/li]
[li]3[/li]
[li]4[/li]
[li]5[/li]
[li]6[/li]
[li]7[/li]
[/ul][
][sc=tab-active]contents 1[/sc][
][sc=tab]contents 2[/sc][
][sc=tab]contents 3[/sc][
][sc=tab]contents 4[/sc][
][sc=tab]contents 5[/sc][
][sc=tab]contents 6[/sc][
][sc=tab]contents 7[/sc][/sc][/sc][/sc][/sc][/sc][/sc][
][sc=credit][pit=credit][url=/forum/thread/322214]F2U code by Gumshoe[/url]
Background is official Pokémon Masters EX art[/pit][/sc][
][style]
@text:white;
@bg:#1c1c1c;
@bg2:#404040;
@link:#cccccc;
@bord:black;
.container {
/* Change the background image here! */
background-image:url("https://i.imgur.com/chmZAWO.png");
background-size:cover;
background-position:center;
height:544px;
width:298px;
padding:5px;
border-radius:8px;
border:1px solid black;
}
.bu {
.tabbed_interface>ul li:nth-child(1) {top:514px;}
.tabbed_interface>ul li:nth-child(2) {top:514px;}
.tabbed_interface>ul {background:none;}
.tabbed_interface>ul>li.tab-active {
display:none;
cursor:pointer;
}
.tabbed_interface>ul li:hover {background:#333333}
.tabbed_interface>ul li {
position:relative;
display:inline;
cursor:pointer;
font-size:15pt;
border-radius:200px;
max-width:30px;
height:30px;
text-align:center;
border:none;
background-color:black;
user-select: none;
color:@text;
display:flex;
align-items: center;
justify-content: center;
z-index:9;
}
.tabbed_interface>div {
animation: .6s fade;
background: none;
color:white;
border-radius:8px;
padding:0px;
box-shadow:none;
border:none
}
}
.hide {display:none;}
.show {
.tabbed_interface>ul li:nth-child(1) {top:0px;}
.tabbed_interface>ul li:nth-child(2) {top:0px;}
.tabbed_interface>ul {
display:flex;
position:relative;
justify-content: space-around;
flex-flow: row wrap;
background:none;
width:260px;
top:485px;
left:36px;
}
.tabbed_interface>ul>li.tab-active {
display:inherit;
cursor:pointer;
color:@text;
background:black;
opacity:100%;
}
.tabbed_interface>ul li:hover {background:black;}
.tabbed_interface>ul li {
position:relative;
cursor:pointer;
font-size:15pt;
border-radius:12px;
max-width:30px;
height:30px;
text-align:center;
border:none;
user-select: none;
opacity:60%;
margin:0px 2px;
}
/* ----------------------------------------------------- */
/* Start of textbox code! */
.tabbed_interface>div {
animation: none;
height:497px;
background: rgba(20,20,20,.85);
color:@text;
a {color:@link; transition:.2s;}
a:hover {color:@text; transition:.2s;}
border-radius:8px;
border:1px solid black;
bottom:58px;
width:286px;
position:relative;
overflow:hidden;
padding:5px;
/* Change the font-size code here! */
font-size:11.5pt;
/* Place the font-family code here! */
.tabbed_interface>ul {
position:relative;
background:none;
width:inherit;
top:inherit;
left:inherit;
margin:0px -2px;
}
.tabbed_interface>ul>li.tab-active {
display:inherit;
position:inherit;
opacity:100%;
background:@bg;
color:@text;
}
.tabbed_interface>ul li {
font-size:inherit;
border-radius:6px;
max-width:inherit;
height:inherit;
border:1px solid @bord;
user-select: none;
margin:2px;
opacity:100%;
background:@bg2;
color:#d6d6d6;
}
.tabbed_interface>div {
margin-top:2px;
height:inherit;
width:inherit;
background:@bg;
border-radius:6px;
box-shadow:none;
border:1px solid black;
top:inherit;
position:inherit;
overflow:hidden;}
.panel {
background: @bg;
border: solid 1px @bord;
color: @text;
box-shadow:none;
> h3 {
> a {color: @text;}
font-size:100%;
border: solid 1px @bord;
background: @bg2;
color: @text;
text-align:center;
cursor:default;
}
> div {color: @text;}
}
.expbar {
background: @bg;
color: @text;
border: solid 1px @bord;
cursor:default;
> div {
background: @bg2;
border-right: solid 1px @bord;
}
}
div.tooltip_content {
background: @bg;
color: @text;
border: solid 1px @bord;
}
.bbcode_tooltip {
border-bottom: 1px dotted @text;
}
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 {
background: @bg;
color: @text;
border: 1px solid @bord;
box-shadow: none;
.action a[data-berry]:after {border: none;}
width:92.5%;
margin-left: 0px;
}
.party > div > .name {
position:absolute;
right:0px;
top:-3px;
letter-spacing:.5px;
}
.party > div > .action {
position: absolute;
right:1px;
bottom:30px;
}
.party > div > .extra > .nature {
position: absolute;
right:-10px;
bottom:5px;
}
.party > div > .expbar {
width:150px;
position:absolute;
top:15px;
right:10px;
}
hr {border-color: @bg;}
/* End of textbox code! */
/* ----------------------------------------------------- */
}
}
.credit {text-align:right;font-size:10pt;user-select: none;
div.tooltip_content {
bottom:15px;
right:0px;
width:250px;
font-size:10pt;
padding: 4px;
}
.bbcode_tooltip {border-bottom: none;}
}
[/style]
link. bold. italics. underline. tips.
MAX
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
| Header 1 | Header 2 | Header 3 |
|---|---|---|
| cell 1 | cell 2 | cell 3 |
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
Aspear Berry
Aspear Berry (SOUR)
Cheri BerryCheri Berry (SPICY)
Chesto BerryChesto Berry (DRY)
Pecha BerryPecha Berry (SWEET)
Rawst BerryRawst Berry (BITTER)
Likes:
Sweet food
MAXJolly nature
Changelog:
Nothing yet!
contents 4
contents 5
contents 6
contents 7
credit
F2U code by Gumshoe
Background is official Pokémon Masters EX art
^ Click the star to see the text!
You are permitted to change these aspects of the code:
Do not make any other edits without my permission. This includes changing the numbered tab button text, as they not display correctly if more text is added to them.
Please note that any edits made to the code that do not comply with our Legibility Rules means you are breaking our Site Rules. Please be careful to follow them while making edits.
Edits you can make!
- Changing the background image/color (NOT the textbox color). If you use an image, you must properly credit it and have permission to use it. "From Google" is not proper crediting. Do not use bright saturated colors nor use fast moving/flashing images.
How do I do this?
Look for the section of the code that says: /* Change the background image here! */
Replace the image URLthere with the image you wish the background to be. (Make sure to keep the quotation marks) After you replace the image, update the credit so it is accurate. Please refer to our Art Usage and Crediting thread to make sure the image is properly credited.
If you wish to have a solid color as a background, replace the entire background-image: codewith background:gray; changing "gray" to whatever color you wish it to be. Again, do not choose bright saturated colors like red or cyan.
- Removing tabs.
How do I do this?
Look for this section of the code: [li]1[/li] [li]2[/li] [li]3[/li] [li]4[/li] [li]5[/li] [li]6[/li] [li]7[/li] Each of these lines is a tab. Delete each line from the bottom up to delete the corresponding tab. (For example, if you want to remove 2 tabs so you have a total of 5 tabs, delete [li]6[/li] and [li]7[/li])
- Changing the font-size of the textbox (not credit) anywhere between 10pt-15pt (NOT PX).
How do I do this?
Look for this section of the code: /* Change the font-size code here! */ You can change the number to be anywhere between 10 and 15.
- Changing the font of the textbox (not credit).
- More edits I will allow that I won't explain further for:
Other Edits
- Adjusting the background-position and background-size elements.
- Changing the border-radius value of the container and/or textbox between 0px to 25px.
- Removing the link hover effect (a:hover) or changing the transition timing (transition:).
- Changing the textbox background to be more or fully opaque. Do not make it more transparent.
- Removing the border from the container and/or the textbox.
These are super cute! I've decided to use the one based off of the text box from HG/SS. The about me one! ♥
Avatar Image made by me for me.
I like these too much, especially the FNaF ones. I also use one of the Forum Templates, for my journal!
credit
code: PaintedFence
background: lunareverie
*Other Credits In About Me
I am using the file folder tabs About Me template! Nice work c:
Lucy | enby | ey/em
🍑 
I'm using the fancy tabless Template for my journal! Nice work :D
Naive/Row • He/Him • i liek rowlet
Shop • goofy journal • rowlet
0
rowlet is life
without rowlet i die
0
rowlet is life
without rowlet i die
I love these templates! I'm using the lever animation computer Abt me template for (obviously) my about me!
Cannot post: Please log in to post