ʚ♡ɞ juno's f2u templates ʚ♡ɞ
Forum Index > Other > Other Art >
bumping!
i'll hopefully be making type race templates in the same style as the about me ones soon!
if anyone has any suggestions for templates i could make, let me know, whether it be forum post, about me, etc - just know that if you suggest something outside of my commission shop, it will be free-to-use for anyone, and there's no guarantee i'll do it, but i can certainly try!
juno
mio is fine too!
| adult | any pronouns | pfq's otter hoarder
f2u code ♡ code shop ♡ trade shop ♡ journalart by me for my use only!
QUOTE originally posted by Mio Xenoblade
snip
(hover)
i'm a sapphic mess! i'm.. cassgender? ig? idk ^^ currently hunting for a Melan Vulpix
hey! i'm eternalelixer. i get nervous around new people ^_^
pfpcredit
Background from Marvel's Spider-Man: Miles Morales
F2U code by Gumshoe!
oh i really like those thank you so much :D
bumping!
i have a f2u shop theme in the works, hopefully releasing soon. no spoilers on what it is, other than it's themed after a game. i just gotta work out how to reposition tabs...
also changed my editing rules so they're a lot less strict! go crazy with editing my code if you want!
once again i'm always taking suggestions for code ideas, so feel free to post them here if there's something you might want to see! no guarantees i'll do it, but any ideas are always appreciated! (and it helps prevent sally eating the thread...)
UTDR Shop Theme
F2U UTDR Shop Theme
- Tab 1
- Tab 2
- Tab 3
- Tab 4
- Tab 5
- Tab 6
This is regular text.
This is bold text.
This is italicised text.
This is underlined text.
This is a link.
Hover to see what tips look like
This is the tip content.
Header 1
Header 2
Header 3
This is a hidebox.
This is the hidebox content.
This is a display box.
This is the display box content.
header | header | header |
---|---|---|
content | content | content |
Tab 2 content
Tab 3 content
Tab 4 content
Tab 5 content
Tab 6 content
Credits
Coded by Mio Xenoblade (free to use)
Rouxls image from Deltarune
Code
[font="Pixelify Sans"][sc=background][
][h1]Your Title Here[/h1][
][sc=headimg][centre][img]https://pokefarm.com/upload/:Jv63/CODE_SHOP/ROU.png[/img][/centre][/sc]
[
][sc=tabbed_interface horizontal][ul][
][li][centre]Tab 1[/centre][/li][
][li][centre]Tab 2[/centre][/li][
][li][centre]Tab 3[/centre][/li][
][li][centre]Tab 4[/centre][/li][
][li][centre]Tab 5[/centre][/li][
][li][centre]Tab 6[/centre][/li][/ul][
][sc=tab-active]Tab 1 content[/sc][
][sc=tab]Tab 2 content[/sc][
][sc=tab]Tab 3 content[/sc][
][sc=tab]Tab 4 content[/sc][
][sc=tab]Tab 5 content[/sc][
][sc=tab]Tab 6 content[/sc][/sc][
][sc=credits][tip="[centre]Coded by [url=/users/Mio_Xenoblade]Mio Xenoblade[/url] [url=https://pfq.link/~V27r](free to use)[/url]
Rouxls image from Deltarune[/centre]"]Credits[/tip][/sc][/sc][/font][
][style]
@text: white;
@bg: black;
@txtbrd: white;
/* latin */
@font-face {
font-family: 'Pixelify Sans';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/pixelifysans/v1/CHylV-3HFUT7aC4iv1TxGDR9Jn0Ei0tUaJxP2A.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
h1{color: white}
h2{color: white}
h3{color: white}
.credits {
text-align: right;
color: white;
}
.credits .tooltip_content {
bottom: 1.3em;
}
.headimg{
background: none;
color: @text;
border: none;
img{width: 100% auto;}}
.background
{background: black; a{color:white;}
align: center;
background-size: auto;
background-repeat: repeat;
width: 100%;
border: none;
border-radius: none;
padding: 1%;}
.tabbed_interface
{
background: none;
border: none;
box-shadow: none;
display: grid; grid-template-columns: auto 1fr;
>ul{background: none; display: flex; flex-flow: column; justify-content: right;}
& > ul
{
background: none;
border: 4px solid white;
box-shadow: none;
width: 150px;
& > li
{
background: none;
padding: 1%;
margin-top: 20px;
border: none;
font-size: 25px;
box-shadow: none;
color: @text;
&.tab-active
{
background: none;
color: red;
}
}
& > li:hover
{
cursor: pointer;
}
}
> .tab, > .tab-active
{
background: none;
color: @text;
padding: 1%;
border: 4px solid white;
box-shadow: none;
}
}
div.tooltip_content
{
background: @bg;
color: @text;
border: 4px solid white;
border-radius: none;
}
.bbcode_tooltip
{
border-bottom: 2px dashed @text;
}
.panel
{
background: @bg;
border: 4px solid @txtbrd;
border-radius: none;
color: @text;
box-shadow: none;
width: 100% auto;
> h3
{
> a
{
color: @text;
border-radius: none;
}
border-bottom: 1px solid white;
background: @bg;
color: @text;
}
> div
{
color: @text;
border-radius: none;
a:link, a:visited
{
color: @text;
}
}
}
.expbar {
background: rgb(48,48,48);
border: 4px solid @txtbrd;
border-radius: none;
color: @text;
box-shadow: none;
width: 100% auto;
> div
{
background: @bg;
border-right: 1px solid @txtbrd;
}
}
table{
margin: 0 auto;
vertical-align: middle;
text-align: center;
color: @text;
border: 4px solid @txtbrd;
width: 100% auto;
}
tr{
color: @text;
border: 1px solid @txtbrd;}
th{
color: @text;
background: @bg;
border: 1px solid @txtbrd;
}
td{
color: @text;
border: 1px solid @brd;
}
[/style]
smol free bump :>
hey mio! the deltarune one is super cool, but i think you should set a width on all of the tables and things because they go off screen currently on mobile, at least for me :3
Mochi ✪ 22 ✪ they/he/kit
Your local catboy hoarding quirky, bashful, and docile mons!Odds and Ends - Orthrus' - My Guide
QUOTE originally posted by JustCallMeMochi
hey mio! the deltarune one is super cool, but i think you should set a width on all of the tables and things because they go off screen currently on mobile, at least for me :3
QUOTE originally posted by Mio Xenoblade
oh dang really???! i'm on mobile rn and i don't have that issue! i'll try and sort it!
EDIT: should have been changed now!
Cannot post: Please log in to post