Single post in Chicken's F2U Templates!
Forum Index > Other > Other Art > Chicken's F2U Templates! >
- intro
- display
- code
- changelog
- title 5
- title 6
Howdy!
This is a tabbed About Me template themed after Togekiss! It can support any number of tabs. Hover over the Togekiss GIF to see credit!
You are not allowed to change any of the code without my permission. This template is also ONLY for About Me's, do not use it elsewhere!
When using any templates made by yourself or other users, make sure they follow all of our Legibility Rules! Please report anything that does not follow our rules (yes, even if they're made by a mod; we're not exempt!)
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
- 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 |
| 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 is the code!
Code
[style]
//Do not change anything besides the Titles and Tab Contents without my (Gumshoe's) permission! You may remove the star images from the titles if you wish.
//This is an About Me template, do not use it elsewhere!
[/style][
][sc=container][sc=textbox][sc=tabbed_interface horizontal][ul]
[li]title 1[/li]
[li]title 2[/li]
[li]title 3[/li]
[li]title 4[/li]
[li]title 5[/li]
[li]title 6[/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][sc=g][pit="[img]https://i.imgur.com/UDLAhg0.png[/img]"]official pokemon sprite
[url=https://pokefarm.com/forum/thread/322214]F2U code[/url] | [url=https://www.rawpixel.com/image/393582/free-illustration-vector-cloud-sky-color-splash]background[/url]
[url=https://www.deviantart.com/gasara/art/Glass-Star-Bullet-Pink-478494381]red star[/url] [url=https://www.deviantart.com/gasara/art/Glass-Star-Bullet-Blue-478494372]blue star[/url][/pit][/sc][/sc][/sc][
][style]
//You are not allowed to change any of the code below without my (Gumshoe's) permission!
//----------------------------------------------------------//
@t:#181926;
@tl:#372820;
@tb:#f2ede3;
@c:#dacec3;
@b:white;
@bd:#95897e;
@l:#313496;
@lh:#812c2c;
.container {
background-image:url("https://i.imgur.com/HVx0ah6.jpg");
width:290px;
background-size:cover;
background-position:50% 100%;
padding:10px;
border-radius:10px;
}
.textbox {
font-family: 'Cabin';
.tabbed_interface>ul li {
margin: 2px 3px;
text-align:center;
color:@t;
background:white;
border:none;
border: 2px solid #4284ef;
img {margin-bottom:4px;margin-right:4px;}
border-radius:50px;
cursor:default;
padding:1px 5px 0px 5px;
}
.tabbed_interface>ul>li:nth-child(odd)::before {
content: url("https://i.imgur.com/CeaFaRO.gif") " ";
}
.tabbed_interface>ul>li:nth-child(even)::before {
content: url("https://i.imgur.com/RS7niWU.gif") " ";
}
.tabbed_interface>ul>li.tab-active {border: 2px solid #ce4a31;}
.tabbed_interface>ul {background:none;}
.tabbed_interface>div {
margin-top:4px;
background:rgba(255, 249, 235, .6);
border:2px dashed @b;
border-radius:10px;
color:@t;
a {color:@l; transition:.3s;}
a:hover {color:@lh; transition:.3s;}
padding:5px;
box-shadow:none;
max-height:824px;
font-size:11pt;
.panel {
background: @c;
border: solid 1px @b;
box-shadow: 0 0 6px 0px gray;
> h3 {
> a {
color: @tl;
}
border: solid 1px @b;
background: @tb;
color: @tl;
text-align:center;
cursor:default;
}
> div {
color: @t;
}
}
//tabbed in tab
.tabbed_interface>ul li {
border-radius:6px;
margin: 2px 2px;
background:@tb;
box-shadow: 0 0 6px 0px gray;
}
.tabbed_interface>ul>li:nth-child(odd)::before {
content: none;
}
.tabbed_interface>ul>li:nth-child(even)::before {
content: none;
}
.tabbed_interface>div {
box-shadow: 0 0 6px 0px gray;
margin-top:2px;
background:@c;
border: 2px solid @b;
border-radius:6px;
}
table {
border: solid 2px @b;
box-shadow: 0 0 6px 0px gray;
}
table th {
border: solid 1px @b;
color: @t;
background: @tb;
border: solid 1px @bd;
}
table td {
border: solid 1px @bd;
background: @c;
color: @t;
}
.expbar {
box-shadow: 0 0 6px 0px gray;
background: @c;
color: @t;
border: solid 2px @b;
cursor:default;
> div {
background: @tb;
border-right: solid 1px @bd;
}
}
div.tooltip_content {
background: @c;
color: @t;
border: solid 1px @b;
}
.bbcode_tooltip {
border-bottom: 1px dotted @bd;
}
//pkmnpanel
.party > div {
background: @c;
border: 2px solid @b;
box-shadow: 0 0 6px 0px gray;
}
.party > div {
width:89%;
margin-left: 0px;
.action a[data-berry]:after {border:none;}
}
.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:0px;
bottom:5px;
}
.party > div > .expbar {
width:160px;
position:absolute;
top:15px;
right:10px;
}
}
}
.g {
margin-bottom: -5px;
margin-top:5px;
text-align:right;
a {color:@l; transition:.3s;}
a:hover {color:@lh; transition:.3s;}
div.tooltip_content {
right:100px;
bottom:0px;
font-size:10pt;
background:rgba(255, 249, 235, .7);
color: @t;
border: dashed 2px @b;
text-align:right;
}
.bbcode_tooltip {border-bottom: 1px dotted rgba(255, 233, 209, .85);}
}
@font-face {
font-family: 'Cabin';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/cabin/v18/u-4X0qWljRw-PfU81xCKCpdpbgZJl6XFpfEd7eA9BIxxkV2EH7alxw.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]
19/Feb/2022 - Fixed PKMNpanel width
23/Feb/2022 - Learned how to automatically put the star images in the titles \o/ + changed cursor hover for display headers
03/Mar/2022 - Adjusted credits slightly + removed the star images from the non-title tabs whoops
02/Apr/2022 - Changed width so previewing is easier
25/Sep/2022 - Hopefully fixed an issue with tooltips not displaying correctly at the bottom
contents 5
contents 6
