Single post in Chicken's F2U Templates!
Forum Index > Other > Other Art > Chicken's F2U Templates! >
Radiant Pokeball
Template
- Info
- Preview
- Code
- Changelog
Howdy!
This is a tabbed Forum template inspired by a Cool Image™ I came across! It can support any number of tabs and any length of title. Hover over the star 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 as an About Me or signature template!
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 guidelines, as they break our site 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.
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
Likes:
Sweet food
MAX
Jolly nature
Here is the code!
Code
[style]
//Do not change anything besides the Title, Tabs, and Tab Contents without my (Gumshoe's) permission!
[/style][
][sc=container][sc=header][img]https://i.imgur.com/jiptyNo.png[/img][/sc][
][sc=title]Title[/sc][
][sc=body][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 + Art by [url=https://pokefarm.com/forum/thread/322214/Chicken-s-F2U-Templates]Gumshoe[/url]
Inspired by [url=https://www.rawpixel.com/image/2866923/free-illustration-vector-moon-shine-hand]this art[/url][/pit][/sc][/sc][/sc][
][style]
//You are not allowed to change any of the code below without my (Gumshoe's) permission!
//----------------------------------------------------------//
@backcolor: #1f1f1f;
@textcolor: #d6a966;
@linkcolor: #ffd494;
@bordcolor: #ad864b;
@unseltext: #b58c4f;
@unselbord: #876a45;
@unselback: #141414;
.container {background:#1f1f1f;}
.title {
min-height:85px;
max-width:45%;
font-size:25pt;
text-align:center;
position:relative;
margin:auto;
bottom:90px;
color:#ad864b;
font-family: 'Supermercado One';
margin-bottom:-85px;
background:#1f1f1f;
cursor:default;
}
.mq15 & .title {
max-width:100%;
bottom:0px;
margin-bottom:0px;
min-height:0px;}
.body {
padding:3px;
font-size:11pt;
font-family: 'Spartan';
.tabbed_interface>ul li {
text-align:center;
margin: 3px 3px;
background-color:@unselback;
border-color:@unselbord;
border: 1px solid @unselbord;
color:@unseltext;
cursor: pointer;
padding: 6px 4px 3px 4px;
min-width:100px;
font-size:110%;
font-weight: bold;
}
.tab-active {
box-shadow: 0px 0px 0px .5px @bordcolor;
color:@textcolor!important;
border-color: @bordcolor!important;
background-color:@backcolor!important;}
.tabbed_interface>ul {background-color: inherit;}
.tabbed_interface>div {
line-height: 1.3;
color:@textcolor;
margin: 8px 5px 3px 5px;
box-shadow: none;
padding:8px 0px 0px 0px;
background-color:@backcolor;
border: 1px solid @bordercolor;
border-right: none;
border-left: none;
border-bottom: none;
a {color:@linkcolor; transition:.3s;}
a:hover {color: #ffebcc;}
.tabbed_interface>ul li {
margin: 0px;
padding:4px 4px 0px 4px;
font-size:100%;
cursor:default;
}
.tabbed_interface>div {
border-right: 1px solid @bordercolor;
border-left: 1px solid @bordercolor;
border-bottom: 1px solid @bordercolor;
border-top: none;
padding: 5px 5px;
margin: 0px 0px;
}
.tab-active {border-bottom:none;
box-shadow: none;}
.tabbed_interface>ul li:last-child {padding-right:0px;}
.panel {
background:@unselback;
border: solid 1px @bordcolor;
border-radius:0px;
box-shadow:none;
> h3 {
> a {color: @textcolor; transition:0s;}
cursor:default;
font-size:110%;
border: solid 1px @bordcolor;
background: @backcolor;
color: @textcolor;
border-radius:0px;
text-align:center;
padding:5px 4px 2px 4px;
}
> div {
color: @textcolor;
padding-top:7px;
}
}
table {border: solid 2px @bordcolor;}
table th {
background: @unselback;
border: solid 1px @unselbord;
padding:4px 4px 2px 4px;
}
table td {
border: solid 1px @unselbord;
padding:4px 4px 2px 4px;
}
div.tooltip_content {
background: @unselback;
color: @textcolor;
border: solid 1px @bordercolor;
border-radius:0px;
padding:4px 4px 2px 4px;
font-size:11pt;
padding: 7px 4px 3px 4px;
}
.bbcode_tooltip {border-bottom: 1px dotted @unselbord;}
.expbar {
background: @unselback;
color: @textcolor;
border: solid 1px @bordercolor;
border-radius: 0px;
cursor:default;
padding: 7px 4px 3px 4px;
> div {
background: @backcolor;
border-right: solid 1px #564a38;
}
}
//pkmnpanel
.party > div {
background: @backcolor;
border: 1px solid @bordercolor;
border-radius:0px;
box-shadow:none;
}
hr {border: 1px solid #ad864b;}
}
.mq15 & .party > div {margin-left:-8px;}
.credit {
text-align:right;
color: @textcolor;
padding: 0px 3px 3px 0px;
font-size:15pt;
div.tooltip_content {
background: @unselback;
color: @textcolor;
border: solid 1px @bordercolor;
border-radius:0px;
bottom:25px;
right:3px;
font-size:10pt;
padding: 7px 4px 3px 4px;
}
.bbcode_tooltip {border-bottom: 1px dotted @unselbord;}
a {color:@linkcolor; transition:.3s;}
a:hover {color: #ffebcc;}
}
}
/* latin */
@font-face {
font-family: 'Supermercado One';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/supermercadoone/v20/OpNXnpQWg8jc_xps_Gi14kVVEXOn20H9MQ.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: 'Spartan';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/spartan/v10/l7gAbjR61M69yt8Z8w6FZf9WoBxdBrGFuV6JABQ.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]
03/Mar/2022 - Adjusted credits slightly