👍 4

Posted 10/Jan/2024 00:27:04 (3 months ago)
Edited 15/Jan/2024 22:21:50 (3 months ago)

Welcome!
Forum
About Me
Signature
Extras

Welcome!

Here, you'll find free templates and graphics made by JustCallMeMochi and Aemilia. If you'd like to commission us, please visit our main shop.

All PFQ Rules apply. Be respectful to everyone, owners or other customers. Be patient, free things are coming! We will add them when we have time. When you use a template or graphic somewhere, please let us know. If you do not give credit to us or remove the credits we have in place, we reserve the right to report you. Please do not modify or remove credits. We reserve the right to modify these rules as necessary. We are in contact with each other regularly, so depending on availability, either of us may post to answer any questions or concerns. That being said, we are not perfect, so please let us know if there is an error on our part.

Forum Templates

Mochi and Aem's F2U Clefairy Post

This code is specifically designed for a forum post. Please only use it in the forums. For mods: this template was originally made by Aem, but has been edited and is being kept updated by me: here!

About Me Templates

Mochi's Carded PRIDE About Me's

This code is specifically designed for an about me. Please only use it in the about me section. Link to post containing the code: here.

Signature Templates

Mochi's F2U Carded Signature

This code is specifically designed for a signature. Please only use it in the signature. Link to post containing the code: here!

Extras

Mochi's F2U Bingo Card

Link to post containing the code: here!

Mochi ✪ 21 ✪ they/he/kit

Your local catboy hoarding quirky, bashful, and docile mons!

500/500

Odds and Ends - Orthrus' - My Guide

Type Race and Hunts!

Current Hunt: Orthworm! Most Recent Melan: Nincada!

Aemilia

👍 3

Posted 10/Jan/2024 00:27:56 (3 months ago)
Edited 20/Jan/2024 15:35:40 (3 months ago)

Rules
Templates
Headers
Icons

Rules

0. PFQ Rules apply. 1. You may use the graphics as you see fit, INCLUDING to create your own code to go with it. If you make your own code to go with the graphic, post here so we can see what you make out of it! 2. You cannot remove the credit if there is one, else you must credit me back to this thread. 3. I will not be assisting if you run across any issues with coding. Feel free to pop over into the CSS guide if you run across any issues. 4. Feel free to use the headers to create a template with! You can find my post templates here, about me templates here, and my signature templates here. I am not making new templates, nor updating these codes except if there's legibility issues with the credits.

Full Templates

Clefairy

Split Image Links

https://behindthemoonpfq.com/assets/images/templates/free-use/clefairyHeader.png https://behindthemoonpfq.com/assets/images/templates/free-use/clefairyBody.png https://behindthemoonpfq.com/assets/images/templates/free-use/clefairyFooter.png

Darkrai

Split Image Links

https://behindthemoonpfq.com/assets/images/templates/free-use/darkraiHeader.png https://behindthemoonpfq.com/assets/images/templates/free-use/darkraiBody.png https://behindthemoonpfq.com/assets/images/templates/free-use/darkraiFooter.png

Jirachi

Coded Template

Split Image Links

https://behindthemoonpfq.com/assets/images/templates/free-use/jirachiHeader.png https://behindthemoonpfq.com/assets/images/templates/free-use/jirachiBody.png https://behindthemoonpfq.com/assets/images/templates/free-use/jirachiFooter.png

Charmander

Split Image Links

https://behindthemoonpfq.com/assets/images/templates/free-use/charHeader.png https://behindthemoonpfq.com/assets/images/templates/free-use/charBody.png https://behindthemoonpfq.com/assets/images/templates/free-use/charFooter.png

Pyukumuku

Split Image Links

https://behindthemoonpfq.com/assets/images/templates/free-use/pyukHeader.png https://behindthemoonpfq.com/assets/images/templates/free-use/pyukBody.png https://behindthemoonpfq.com/assets/images/templates/free-use/pyukFooter.png

Munna

Split Image Links

https://behindthemoonpfq.com/assets/images/templates/free-use/munnaHeader.png https://behindthemoonpfq.com/assets/images/templates/free-use/munnaBody.png https://behindthemoonpfq.com/assets/images/templates/free-use/munnaFooter.png

Yamask

Split Image Links

https://behindthemoonpfq.com/assets/images/templates/free-use/yamaskHeader.png https://behindthemoonpfq.com/assets/images/templates/free-use/yamaskBody.png https://behindthemoonpfq.com/assets/images/templates/free-use/yamaskFooter.png

Eevee

Split Image Links

https://behindthemoonpfq.com/assets/images/templates/free-use/eeveeHeader.png https://behindthemoonpfq.com/assets/images/templates/free-use/eeveeBody.png https://behindthemoonpfq.com/assets/images/templates/free-use/eeveeFooter.png

Corsola

Split Image Links

https://behindthemoonpfq.com/assets/images/templates/free-use/corsolaHeader.png https://behindthemoonpfq.com/assets/images/templates/free-use/corsolaBody.png https://behindthemoonpfq.com/assets/images/templates/free-use/corsolaFooter.png

Headers

Love Myself

Image Link

https://behindthemoonpfq.com/assets/images/headers/free-use/loveMyself.png

Icons

These are all free to use with credit back to me and/or this thread! Hover over for the image URL.

PFQ Assets

These are made using PFQ Assets, I simply created the gif.

Dividers

List Icons

Pride Icons

Circle Icons

Square Icons

Progress

Type Banners

All pixels used are official art!

Miscellaneous Images

he/she Joint Shoppe ☆ PKMN Shoppe Templates/Graphics Shoppe ☆ F2U Templates/Graphics

Buying:

BSDs 20 ZC

Prisms 70 ZC

by Kaede

JustCallMeMochi

👍 3

Posted 10/Jan/2024 04:16:58 (3 months ago)
Edited 10/Jan/2024 05:37:40 (3 months ago)

This code is specifically designed for a signature. Please only use it in the signature.

Preview

Name - Age - Pronouns

A lil blurb of info or whatever you want!

25/100

EXAMPLE EXAMPLE EXAMPLE

Lv. 100 — Locked

Likes:

Any food

27%

Bashful nature

75/100

How to Use

1. Replace the colors with HEX CODES of your choice. Be sure to make sure they are legible. I do not take responsibility if you edit these colors and they become illegible. 2. @border-1 will change the border color for the top card, and @border-2 does the same for the bottom card. These colors will also change the colors of tooltips and the link hover effect. 3. @text-color edits the text color for everything, except tooltip colors, which are changed by @tt-text-color. 4. Images should be uploaded to PFQ and given a short, simple name so that you have enough characters for the signature. 5. Any links that you use should probably be short links, which you can get by scrolling to the very bottom of the website page and clicking "Get shortlink for this page" and pasting your link in. 6. PLEASE, do not remove the credit I have placed for myself in the second card. However, you are allowed to add your own credits for your images and such to it. Honestly, I recommend making a journal post with all the links and linking that to your credits, like I have for my personal signature. 7. Have fun, and feel free to customize anything that is made available to you. Please post in this thread if you use the signature! I can't wait to see what you do with it.

Code

Copy and Paste into your signature!

[sc=sig][sc=a][center][h3]Name - Age - Pronouns[/h3][hr][size=11]A lil blurb of info or whatever you want![/size][progress=25/100]25/100[/progress][url=https://google.com]EXAMPLE[/url] [url=https://google.com]EXAMPLE[/url] [url=https://google.com]EXAMPLE[/url] [/center][/sc][sc=b][pkmnpanel=qlK0Z] [progress=75/100]75/100[/progress][sc=credit][tip="Coded by [url=https://pokefarm.com/forum/thread/412783/Orthrus-FREE-Templates-and-Graphics-Stall]JustCallMeMochi[/url]"]*[/tip][/sc][/sc][/sc] [style] //*EDIT THESE COLORS*// @border-1: #F60180; @border-2: #A5E3EE; @text-color: #000000; @tt-text-color: #000000; //*EDIT THESE LINKS. SHOULD LOOK LIKE url('YOUR LINK')*// @top-image: url('https://pokefarm.com/upload/:Jnpp/pexels-zaksheuskaya-1561020.jpg'); @bottom-image: url('https://pokefarm.com/upload/:Jnpp/pexels-zaksheuskaya-1568607_1_.jpg'); @hr = url('https://pokefarm.com/upload/:Jnpp/tumblr_inline_n37t9kLv4H1qhwjx8540.gif'); //*DO NOT TOUCH*// @import 'skins/user/J/n/p/p/f2u-card-signature/__extra'; [/style]

JustCallMeMochi

👍 1

Posted 10/Jan/2024 05:15:29 (3 months ago)
Edited 10/Jan/2024 07:08:59 (3 months ago)

This code is specifically designed for a forum post. Please only use it in the forums.

Preview

Start

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis tempor quam. Sed sit amet orci id lorem facilisis posuere in at enim. Proin dapibus enim at purus sodales aliquam. Curabitur in tristique sapien. Nullam nec fermentum erat. Nunc ligula ante, facilisis commodo lacinia sed, luctus ac mauris. Vivamus nec ipsum rutrum, faucibus dui et, pharetra neque. Ut vitae turpis justo. Phasellus ut ultricies ipsum. Maecenas vitae eros mollis, consequat justo vitae, sollicitudin nulla.

Continue

Phasellus eget quam id ipsum condimentum dignissim. Praesent ullamcorper sapien sit amet lorem semper laoreet. Curabitur sed nisl ac sapien tempor fringilla ac sed diam. Nam efficitur placerat risus, vitae mattis tortor aliquam non. Aenean ullamcorper dignissim enim, ac sollicitudin tellus finibus at. Ut cursus sodales nisl at convallis. In id facilisis augue. Curabitur laoreet gravida mi, sit amet mattis massa mattis fermentum. Proin felis augue, imperdiet sed laoreet a, dictum vitae sem. Quisque eu purus eu urna tempor lobortis eu sit amet nulla. Suspendisse justo magna, tristique non dolor non, gravida tincidunt lectus. Aenean rhoncus tellus orci, non facilisis tortor placerat sit amet. Aenean a dolor rutrum, volutpat urna imperdiet, ullamcorper dui.

Fin

One
Two
Three

One
Two
Three

This is some testing text. Does it seem like I want to type these words? Because I don't want to, but have to instead. dolor sit amet, consectetur adipiscing elit. pharetra feugiat mi, vitae imperdiet dui egestas at.

Texty

Sed quis diam viverra, viverra arcu a, viverra ante. Nulla pulvinar hendrerit nisi, quis hendrerit odio posuere vel. Aenean mollis sem ante, sed porttitor tortor viverra vel. Duis nec porttitor metus. Aenean tincidunt a elit nec gravida. In in nisi euismod, faucibus lectus sed, lobortis lectus. Mauris at fermentum erat. Quisque et molestie diam.

Texty

Nullam vitae sapien quis arcu lobortis convallis. Proin porta diam et turpis luctus, vel luctus elit finibus. Vestibulum id tincidunt ante. Curabitur vel ligula ut nisl vulputate dignissim et eu odio.

Texty 2

Praesent neque felis, venenatis nec eros eu, condimentum dignissim mauris. Phasellus consequat dui at maximus ornare. Proin non lacinia orci. Curabitur rhoncus metus ut orci porta, sed facilisis leo finibus. Sed blandit, quam vel dapibus posuere, turpis lacus auctor turpis, sed ullamcorper tellus nibh ut sapien. Donec non tellus auctor velit pulvinar molestie. Praesent ac metus vel sapien accumsan egestas sit amet sed neque. Donec a dignissim orci.

Title 1

Contents 1

Title 2

Contents 2

Title 3

Contents 3

Title 4

Contents 4

Eyy, words go here, yup yup

texty	texty
texty	texty

Hm, maybe another sentence or two should work. Gotta verify I added enough padding to the sides. Oh no, tiny text. Must fix x.xNow the font looks okay. Maybe I should see what others think of the font. I'm not as big of a fan of it like I had been.

Some of the letters look goofy. Like the x and t. Random tex alert! Random text alert! Wee woo wee woo wee woo wee woo

How to Use

Have fun! Simply copy and paste into a forum where you want the template to go! Also, Please do not remove the credit placed in! The little M is supposed to be there!

Code

Copy and Paste into Forums!

[styleclass=clefTemp][img]https://behindthemoonpfq.com/assets/images/templates/free-use/clefairyHeader.png[/img][sc=body]TEXT HERE [/sc][sc=credit][url=https://pokefarm.com/forum/thread/412783/Orthrus-FREE-Templates-and-Graphics-Stall][img]https://behindthemoonpfq.com/assets/images/pixel-art/personal/mochi.png[/img][/url][/sc][img]https://behindthemoonpfq.com/assets/images/templates/free-use/clefairyFooter.png[/img][/styleclass] [style] @colour = #a6000d; .clefTemp { font-size: 12pt; color: @colour!important; border: none!important; position: relative; .body { background: url('https://behindthemoonpfq.com/assets/images/templates/free-use/clefairyBody.png'); background-size: 100% 100%; min-height: 100px; padding: 1.5%; color: @colour!important; border: none !important; .tabbed_interface { font-size: inherit; //display: inline; border: none; } .tabbed_interface > ul { background: none; } .tabbed_interface > ul > li { background-image: url('https://i.imgur.com/X7oHcrd.jpg'); background-size: 200%; text-shadow: 0px 0px 3px #232323; background-position: center; //background: red; border: 2px solid @colour; text-align: center; font-variant: small-caps; font-weight: bold; //background-color: transparent; margin-left: 5%; margin-right: 5%; padding-top: 0.25%; padding-bottom: 0.5%; color: #efa1af; } .tab, .tab-active { background-color: transparent; box-shadow: none; border: none; color: @colour; text-align: inherit; padding-top: 2%; //padding-right: 2%; } .tabbed_interface > ul > li:hover { cursor: pointer; background: @colour; color: #efa1af; text-shadow: none; } .panel { border: 1px solid @colour; box-shadow: none; border-radius: 0px; background: none; & > h3 { border: none; border-bottom: 2px solid @colour; background: none; height: 20px; font-size: 18px; color: @colour; border-radius: 0px; margin: 0px 5px 5px 5px; letter-spacing: 1px; } & > div { border: none; border-bottom: 1px solid @colour; color: @colour; } & > h3 { & > a { background: transparent; color: @colour; text-decoration: none; } color: @colour; } } .expbar { padding: 5px; background: none; color: @colour; border: 2px solid @colour; border-radius: 0px; display: flex; align-items: center; justify-content: center; div { background: #e88fa1; border-right: 2px solid @colour; border-radius: 0px; } span { background-color: #efa1af; color: @colour; border: 1px solid @colour; display: flex; align-items: center; justify-content: center; padding: 5px; border-radius: 0px; } } table { border: none; margin: 0 auto; } th { background: none; border: solid 2px @colour; color: @colour; padding: 3px; text-align: center; } td { border: solid 2px @colour; } a:link, a:visited, a:active { -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; color:#510006; text-decoration: underline; } a:hover { text-decoration: underline; color: @colour; } .tooltip_content { background: #efa1af; color: @colour; border: @colour 1px solid; border-radius: 0px; } span.bbcode_tooltip { border-bottom: 1px dashed @colour; } u { text-decoration: none; border-bottom: 2px solid @colour; } hr { border: 1px solid @colour; } h1, h2, h3 { text-decoration: underline; } ul { list-style: upper-roman outside; } } .credit { position: absolute; bottom: 5px; right: 5px; > a > img:not( .tabbed_interface > ul > li ):hover { filter: drop-shadow(0 0 5px #777); } } } [/style]

RenneScy

👍 1

Posted 10/Jan/2024 14:04:16 (3 months ago)

Wow, that signature post is so cool. Will 100% use it once I have the time to set it uo

Renne | They/She | 27 Shop (Summons, Custom S/A hunts, Specials and Dex trades) | Journal

buying @ 20 Zophan Canisters

& @ 70

Background | Code | Forum Icon

JustCallMeMochi

👍 3

Posted 13/Jan/2024 03:01:50 (3 months ago)

This code is specifically designed for an about me. Please only use it in the about me section.

Preview for ENBY Version

4 coding

75/100

3 coding

75/100

2 coding

75/100

1 coding

75/100

How to Use

Have fun! Simply copy and paste into a forum where you want the template to go! Also, Please do not remove the credit placed in! The little circle with my name is supposed to be there!

Code - ENBY

Copy and Paste into Forums!

[styleclass=about][sc=header]Name[/sc][sc=card]4 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card]3 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card]2 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card top]1 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=c][tip="[url=https://www.sexualdiversity.org/edu/flags/1088.php]bg[/url] [url=https://pfq.link/@Jnpp]coding[/url]"][img]https://behindthemoonpfq.com/assets/images/pixel-art/personal/mochi.png[/img][/tip][/sc] [/styleclass] [style] @background = url('https://pokefarm.com/upload/:Jnpp/carded_about_me/nonbinary-flag.png'); @card-text-1 = #212121; @card-text-2 = #212121; @card-text-3 = #FFFFFF; @card-text-4 = #FFFFFF; @card-bg-1 = #FCF434; @card-bg-2 = #FFFFFF; @card-bg-3 = #9C59D1; @card-bg-4 = #2C2C2C; @border = #000000; @header-text = #212121; @header-bg = #ffffffbb; @link-color-1 = #000000; @link-color-2 = #000000; @link-color-3 = #FFFFFF; @link-color-4 = #FFFFFF; .about { box-sizing: border-box; position: relative; width: 310px; height: 350px; background: @background; background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden; .header { width: 310px; background: @header-bg; color: @header-text; font-size: 30pt; text-align: center; font-family: 'Reenie Beanie', cursive; } .card { position: absolute; top: 60px; left: 15px; width: 125px; height: 175px; border-radius: 15px; padding: 5px; box-shadow: 0 0 5px #444444; } .card:nth-child(2) { top: 60px; left: 15px; width: 125px; height: 175px; background: @card-bg-4; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-4; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-4; } .expbar { background: @card-bg-2; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-1; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(3) { top: 80px; left: 35px; width: 125px; height: 175px; background: @card-bg-3; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-3; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-3; } .expbar { background: @card-bg-1; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-4; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(4) { top: 100px; left: 55px; width: 125px; height: 175px; background: @card-bg-2; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-2; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-2; } .expbar { background: @card-bg-4; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-3; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(5), .top { top: 120px; left: 75px; width: 125px; height: 175px; background: @card-bg-1; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-1; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-1; } .expbar { background: @card-bg-3; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-2; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:not(.card.top) { content: ''; } .card:hover ~ .card { margin-left: 130px; transition: all 0.5s ease; } .c { width: 300px; text-align: right; position: absolute; right: 5px; bottom: 5px; }.bbcode_tooltip { text-decoration: 2px underline dotted @border; } .tooltip_content { color: @card-text-1; a{color: inherit;} background-color: @card-bg-1; border: 3px solid @border; position: relative;} a:link, a:visited, a:active { color: @link-color-1; border-bottom: 2px solid transparent; border-image: linear-gradient(90deg, rgba(252,244,52,1) 0%, rgba(255,255,255,1) 33%, rgba(156,89,209,1) 66%, rgba(44,44,44,1) 100%); border-image-slice: 1;} /* latin */ @font-face { font-family: 'Reenie Beanie'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/reeniebeanie/v20/z7NSdR76eDkaJKZJFkkjuvWxXPq1qw.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; } } [/style]

Code - TRANS

Copy and Paste into Forums!

[styleclass=about][sc=header]Name[/sc][sc=card]5 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card]4 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card]3 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card]2 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card top]1 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=c][tip="[url=https://www.flagcolorcodes.com/transgender]bg[/url] [url=https://pfq.link/@Jnpp]coding[/url]"][img]https://behindthemoonpfq.com/assets/images/pixel-art/personal/mochi.png[/img][/tip][/sc] [/styleclass] [style] @background = url('https://pokefarm.com/upload/:Jnpp/carded_about_me/Gender-Transgender-Pride-Flag.png'); @card-text-1 = #000000; @card-text-2 = #000000; @card-text-3 = #000000; @card-text-4 = #000000; @card-text-5 = #000000; @card-bg-1 = #5BCEFA; @card-bg-2 = #F5A9B8; @card-bg-3 = #FFFFFF; @card-bg-4 = #F5A9B8; @card-bg-5 = #5BCEFA; @link-color-1 = #000000; @link-color-2 = #000000; @link-color-3 = #000000; @link-color-4 = #000000; @link-color-5 = #000000; @header-text = #212121; @header-bg = #ffffffbb; @border = #000000; .about { box-sizing: border-box; position: relative; width: 310px; height: 350px; background: @background; background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden; .header { width: 310px; background: @header-bg; color: @header-text; font-size: 30pt; text-align: center; font-family: 'Reenie Beanie', cursive; } .card { position: absolute; top: 60px; left: 15px; width: 125px; height: 175px; border-radius: 15px; padding: 5px; box-shadow: 0 0 5px #444444; } .card:nth-child(2) { top: 60px; left: 15px; width: 125px; height: 175px; background: @card-bg-5; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-4; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-5; } .expbar { background: @card-bg-3; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-2; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(3) { top: 80px; left: 35px; width: 125px; height: 175px; background: @card-bg-4; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-3; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-4; } .expbar { background: @card-bg-3; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-1; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(4) { top: 100px; left: 55px; width: 125px; height: 175px; background: @card-bg-3; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-2; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-3; } .expbar { background: @card-bg-4; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-1; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } }.card:nth-child(5) { top: 120px; left: 75px; width: 125px; height: 175px; background: @card-bg-2; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-2; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-2; } .expbar { background: @card-bg-3; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-1; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(6), .top { top: 140px; left: 95px; width: 125px; height: 175px; background: @card-bg-1; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-1; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-1; } .expbar { background: @card-bg-3; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-2; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:not(.card.top) { content: ''; } .card:hover ~ .card { margin-left: 130px; transition: all 0.5s ease; } .c { width: 300px; text-align: right; position: absolute; right: 5px; bottom: 5px; }.bbcode_tooltip { text-decoration: 2px underline dotted @border; } .tooltip_content { color: @card-text-1; a{color: inherit;} background-color: @card-bg-1; border: 3px solid @border; position: relative;} a:link, a:visited, a:active { color: @link-color-1; border-bottom: 2px solid transparent; border-image: linear-gradient(90deg, rgba(91,206,250,1) 0%, rgba(245,169,184,1) 25%, rgba(255,255,255,1) 50%, rgba(245,169,184,1) 75%, rgba(91,206,250,1) 100%); border-image-slice: 1;} /* latin */ @font-face { font-family: 'Reenie Beanie'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/reeniebeanie/v20/z7NSdR76eDkaJKZJFkkjuvWxXPq1qw.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; } } [/style]

Code - ACE

Copy and Paste into Forums!

[styleclass=about][sc=header]Name[/sc][sc=card]4 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card]3 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card]2 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card top]1 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=c][tip="[url=https://www.flagcolorcodes.com/asexual]bg[/url] [url=https://pfq.link/@Jnpp]coding[/url]"][img]https://behindthemoonpfq.com/assets/images/pixel-art/personal/mochi.png[/img][/tip][/sc] [/styleclass] [style] @background = url('https://pokefarm.com/upload/:Jnpp/carded_about_me/Gender-Asexual-Pride-Flag.png'); @card-text-1 = #FFFFFF; @card-text-2 = #212121; @card-text-3 = #212121; @card-text-4 = #FFFFFF; @card-bg-1 = #800080; @card-bg-2 = #FFFFFF; @card-bg-3 = #A3A3A3; @card-bg-4 = #2C2C2C; @border = #000000; @header-text = #212121; @header-bg = #ffffffbb; @link-color-1 = #FFFFFF; @link-color-2 = #000000; @link-color-3 = #000000; @link-color-4 = #FFFFFF; .about { box-sizing: border-box; position: relative; width: 310px; height: 350px; background: @background; background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden; .header { width: 310px; background: @header-bg; color: @header-text; font-size: 30pt; text-align: center; font-family: 'Reenie Beanie', cursive; } .card { position: absolute; top: 60px; left: 15px; width: 125px; height: 175px; border-radius: 15px; padding: 5px; box-shadow: 0 0 5px #444444; } .card:nth-child(2) { top: 60px; left: 15px; width: 125px; height: 175px; background: @card-bg-4; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-4; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-4; } .expbar { background: @card-bg-2; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-1; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(3) { top: 80px; left: 35px; width: 125px; height: 175px; background: @card-bg-3; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-3; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-3; } .expbar { background: @card-bg-1; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-4; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(4) { top: 100px; left: 55px; width: 125px; height: 175px; background: @card-bg-2; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-2; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-2; } .expbar { background: @card-bg-4; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-3; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(5), .top { top: 120px; left: 75px; width: 125px; height: 175px; background: @card-bg-1; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-1; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-1; } .expbar { background: @card-bg-3; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-2; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:not(.card.top) { content: ''; } .card:hover ~ .card { margin-left: 130px; transition: all 0.5s ease; } .c { width: 300px; text-align: right; position: absolute; right: 5px; bottom: 5px; }.bbcode_tooltip { text-decoration: 2px underline dotted @border; } .tooltip_content { color: @card-text-1; a{color: inherit;} background-color: @card-bg-1; border: 3px solid @border; position: relative;} a:link, a:visited, a:active { color: @link-color-1; border-bottom: 2px solid transparent; border-image: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(163,163,163,1) 33%, rgba(255,255,255,1) 66%, rgba(128,0,128,1) 100%); border-image-slice: 1;} /* latin */ @font-face { font-family: 'Reenie Beanie'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/reeniebeanie/v20/z7NSdR76eDkaJKZJFkkjuvWxXPq1qw.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; } } [/style]

Code - ARO

Copy and Paste into Forums!

[styleclass=about][sc=header]Name[/sc][sc=card]5 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card]4 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card]3 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card]2 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card top]1 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=c][tip="[url=https://www.flagcolorcodes.com/aromantic]bg[/url] [url=https://pfq.link/@Jnpp]coding[/url]"][img]https://behindthemoonpfq.com/assets/images/pixel-art/personal/mochi.png[/img][/tip][/sc] [/styleclass] [style] @background = url('https://pokefarm.com/upload/:Jnpp/carded_about_me/LGBT-Aromantic-Pride-Flag.png'); @card-text-1 = #FFFFFF; @card-text-2 = #000000; @card-text-3 = #000000; @card-text-4 = #000000; @card-text-5 = #FFFFFF; @card-bg-1 = #212121; @card-bg-2 = #A9A9A9; @card-bg-3 = #FFFFFF; @card-bg-4 = #A7D379; @card-bg-5 = #3DA542; @link-color-1 = #FFFFFF; @link-color-2 = #000000; @link-color-3 = #000000; @link-color-4 = #000000; @link-color-5 = #FFFFFF; @header-text = #212121; @header-bg = #ffffffbb; @border = #000000; .about { box-sizing: border-box; position: relative; width: 310px; height: 350px; background: @background; background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden; .header { width: 310px; background: @header-bg; color: @header-text; font-size: 30pt; text-align: center; font-family: 'Reenie Beanie', cursive; } .card { position: absolute; top: 60px; left: 15px; width: 125px; height: 175px; border-radius: 15px; padding: 5px; box-shadow: 0 0 5px #444444; } .card:nth-child(2) { top: 60px; left: 15px; width: 125px; height: 175px; background: @card-bg-5; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-5; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-5; } .expbar { background: @card-bg-4; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-1; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(3) { top: 80px; left: 35px; width: 125px; height: 175px; background: @card-bg-4; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-3; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-3; } .expbar { background: @card-bg-5; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-2; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(4) { top: 100px; left: 55px; width: 125px; height: 175px; background: @card-bg-3; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-2; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-2; } .expbar { background: @card-bg-1; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-3; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } }.card:nth-child(5) { top: 120px; left: 75px; width: 125px; height: 175px; background: @card-bg-2; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-2; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-2; } .expbar { background: @card-bg-2; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-4; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(6), .top { top: 140px; left: 95px; width: 125px; height: 175px; background: @card-bg-1; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-1; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-1; } .expbar { background: @card-bg-3; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-5; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:not(.card.top) { content: ''; } .card:hover ~ .card { margin-left: 130px; transition: all 0.5s ease; } .c { width: 300px; text-align: right; position: absolute; right: 5px; bottom: 5px; }.bbcode_tooltip { text-decoration: 2px underline dotted @border; } .tooltip_content { color: @card-text-1; a{color: inherit;} background-color: @card-bg-1; border: 3px solid @border; position: relative;} a:link, a:visited, a:active { color: @link-color-1; border-bottom: 2px solid transparent; border-image: linear-gradient(90deg, rgba(61,165,66,1) 0%, rgba(167,211,121,1) 25%, rgba(255,255,255,1) 50%, rgba(169,169,169,1) 75%, rgba(0,0,0,1) 100%); border-image-slice: 1;} /* latin */ @font-face { font-family: 'Reenie Beanie'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/reeniebeanie/v20/z7NSdR76eDkaJKZJFkkjuvWxXPq1qw.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; } } [/style]

Code - BI

Copy and Paste into Forums!

[styleclass=about][sc=header]Name[/sc][sc=card]3 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card]2 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card top]1 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=c][tip="[url=https://www.flagcolorcodes.com/bisexual]bg[/url] [url=https://pfq.link/@Jnpp]coding[/url]"][img]https://behindthemoonpfq.com/assets/images/pixel-art/personal/mochi.png[/img][/tip][/sc] [/styleclass] [style] @background = url('https://pokefarm.com/upload/:Jnpp/carded_about_me/Gender-Bisexual-Pride-Flag.png'); @card-text-1 = #FFFFFF; @card-text-2 = #FFFFFF; @card-text-3 = #FFFFFF; @card-bg-1 = #0038A8; @card-bg-2 = #9B4F96; @card-bg-3 = #D60270; @border = #000000; @header-text = #212121; @header-bg = #ffffffbb; @link-color-1 = #FFFFFF; @link-color-2 = #FFFFFF; @link-color-3 = #FFFFFF; .about { box-sizing: border-box; position: relative; width: 310px; height: 350px; background: @background; background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden; .header { width: 310px; background: @header-bg; color: @header-text; font-size: 30pt; text-align: center; font-family: 'Reenie Beanie', cursive; } .card { position: absolute; top: 60px; left: 15px; width: 125px; height: 175px; border-radius: 15px; padding: 5px; box-shadow: 0 0 5px #444444; } .card:nth-child(2) { top: 60px; left: 15px; width: 125px; height: 175px; background: @card-bg-3; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-3; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-3; } .expbar { background: @card-bg-2; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-1; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(3) { top: 80px; left: 35px; width: 125px; height: 175px; background: @card-bg-2; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-2; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-2; } .expbar { background: @card-bg-3; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-1; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(4), .top { top: 100px; left: 55px; width: 125px; height: 175px; background: @card-bg-1; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-1; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-1; } .expbar { background: @card-bg-3; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-2; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:not(.card.top) { content: ''; } .card:hover ~ .card { margin-left: 130px; transition: all 0.5s ease; } .c { width: 300px; text-align: right; position: absolute; right: 5px; bottom: 5px; }.bbcode_tooltip { text-decoration: 2px underline dotted @border; } .tooltip_content { color: @card-text-1; a{color: inherit;} background-color: @card-bg-1; border: 3px solid @border; position: relative;} a:link, a:visited, a:active { color: @link-color-1; border-bottom: 2px solid transparent; border-image: linear-gradient(90deg, rgba(214,2,112,1) 0%, rgba(155,79,150,1) 50%, rgba(0,56,168,1) 100%); border-image-slice: 1;} /* latin */ @font-face { font-family: 'Reenie Beanie'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/reeniebeanie/v20/z7NSdR76eDkaJKZJFkkjuvWxXPq1qw.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; } } [/style]

Code - GAY

Copy and Paste into Forums!

[styleclass=about][sc=header]Name[/sc][sc=card]5 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card]4 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card]3 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card]2 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card top]1 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=c][tip="[url=https://www.flagcolorcodes.com/gay-men]bg[/url] [url=https://pfq.link/@Jnpp]coding[/url]"][img]https://behindthemoonpfq.com/assets/images/pixel-art/personal/mochi.png[/img][/tip][/sc] [/styleclass] [style] @background = url('https://pokefarm.com/upload/:Jnpp/carded_about_me/Gay-Men-Pride-Flag.png'); @card-text-1 = #FFFFFF; @card-text-2 = #000000; @card-text-3 = #000000; @card-text-4 = #000000; @card-text-5 = #FFFFFF; @card-bg-1 = #3a1379; @card-bg-2 = #7cafe3; @card-bg-3 = #FFFFFF; @card-bg-4 = #99e9c2; @card-bg-5 = #018e71; @link-color-1 = #FFFFFF; @link-color-2 = #000000; @link-color-3 = #000000; @link-color-4 = #000000; @link-color-5 = #FFFFFF; @header-text = #212121; @header-bg = #ffffffbb; @border = #000000; .about { box-sizing: border-box; position: relative; width: 310px; height: 350px; background: @background; background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden; .header { width: 310px; background: @header-bg; color: @header-text; font-size: 30pt; text-align: center; font-family: 'Reenie Beanie', cursive; } .card { position: absolute; top: 60px; left: 15px; width: 125px; height: 175px; border-radius: 15px; padding: 5px; box-shadow: 0 0 5px #444444; } .card:nth-child(2) { top: 60px; left: 15px; width: 125px; height: 175px; background: @card-bg-5; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-5; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-5; } .expbar { background: @card-bg-4; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-1; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(3) { top: 80px; left: 35px; width: 125px; height: 175px; background: @card-bg-4; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-3; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-3; } .expbar { background: @card-bg-5; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-2; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(4) { top: 100px; left: 55px; width: 125px; height: 175px; background: @card-bg-3; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-2; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-2; } .expbar { background: @card-bg-1; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-3; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } }.card:nth-child(5) { top: 120px; left: 75px; width: 125px; height: 175px; background: @card-bg-2; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-2; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-2; } .expbar { background: @card-bg-2; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-4; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(6), .top { top: 140px; left: 95px; width: 125px; height: 175px; background: @card-bg-1; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-1; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-1; } .expbar { background: @card-bg-3; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-5; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:not(.card.top) { content: ''; } .card:hover ~ .card { margin-left: 130px; transition: all 0.5s ease; } .c { width: 300px; text-align: right; position: absolute; right: 5px; bottom: 5px; }.bbcode_tooltip { text-decoration: 2px underline dotted @border; } .tooltip_content { color: @card-text-1; a{color: inherit;} background-color: @card-bg-1; border: 3px solid @border; position: relative;} a:link, a:visited, a:active { color: @link-color-1; border-bottom: 2px solid transparent; border-image: linear-gradient(90deg, rgba(1,142,113,1) 0%, rgba(153,233,194,1) 25%, rgba(255,255,255,1) 50%, rgba(124,175,227,1) 75%, rgba(58,19,121,1) 100%); border-image-slice: 1;} /* latin */ @font-face { font-family: 'Reenie Beanie'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/reeniebeanie/v20/z7NSdR76eDkaJKZJFkkjuvWxXPq1qw.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; } } [/style]

Code - LESBIAN

Copy and Paste into Forums!

[styleclass=about][sc=header]Name[/sc][sc=card]5 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card]4 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card]3 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card]2 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card top]1 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=c][tip="[url=https://www.flagcolorcodes.com/lesbian-pride]bg[/url] [url=https://pfq.link/@Jnpp]coding[/url]"][img]https://behindthemoonpfq.com/assets/images/pixel-art/personal/mochi.png[/img][/tip][/sc] [/styleclass] [style] @background = url('https://pokefarm.com/upload/:Jnpp/carded_about_me/Flag-of-Lesbian-Pride.png'); @card-text-1 = #FFFFFF; @card-text-2 = #000000; @card-text-3 = #000000; @card-text-4 = #000000; @card-text-5 = #FFFFFF; @card-bg-1 = #A50062; @card-bg-2 = #D461A6; @card-bg-3 = #FFFFFF; @card-bg-4 = #FF9B55; @card-bg-5 = #D62900; @link-color-1 = #FFFFFF; @link-color-2 = #000000; @link-color-3 = #000000; @link-color-4 = #000000; @link-color-5 = #FFFFFF; @header-text = #212121; @header-bg = #ffffffbb; @border = #000000; .about { box-sizing: border-box; position: relative; width: 310px; height: 350px; background: @background; background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden; .header { width: 310px; background: @header-bg; color: @header-text; font-size: 30pt; text-align: center; font-family: 'Reenie Beanie', cursive; } .card { position: absolute; top: 60px; left: 15px; width: 125px; height: 175px; border-radius: 15px; padding: 5px; box-shadow: 0 0 5px #444444; } .card:nth-child(2) { top: 60px; left: 15px; width: 125px; height: 175px; background: @card-bg-5; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-5; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-5; } .expbar { background: @card-bg-4; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-1; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(3) { top: 80px; left: 35px; width: 125px; height: 175px; background: @card-bg-4; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-3; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-3; } .expbar { background: @card-bg-5; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-2; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(4) { top: 100px; left: 55px; width: 125px; height: 175px; background: @card-bg-3; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-2; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-2; } .expbar { background: @card-bg-1; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-3; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } }.card:nth-child(5) { top: 120px; left: 75px; width: 125px; height: 175px; background: @card-bg-2; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-2; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-2; } .expbar { background: @card-bg-2; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-4; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(6), .top { top: 140px; left: 95px; width: 125px; height: 175px; background: @card-bg-1; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-1; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-1; } .expbar { background: @card-bg-3; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-5; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:not(.card.top) { content: ''; } .card:hover ~ .card { margin-left: 130px; transition: all 0.5s ease; } .c { width: 300px; text-align: right; position: absolute; right: 5px; bottom: 5px; }.bbcode_tooltip { text-decoration: 2px underline dotted @border; } .tooltip_content { color: @card-text-1; a{color: inherit;} background-color: @card-bg-1; border: 3px solid @border; position: relative;} a:link, a:visited, a:active { color: @link-color-1; border-bottom: 2px solid transparent; border-image: linear-gradient(90deg, rgba(214,41,0,1) 0%, rgba(255,155,85,1) 25%, rgba(255,255,255,1) 50%, rgba(212,97,166,1) 75%, rgba(165,0,98,1) 100%); border-image-slice: 1;} /* latin */ @font-face { font-family: 'Reenie Beanie'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/reeniebeanie/v20/z7NSdR76eDkaJKZJFkkjuvWxXPq1qw.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; } } [/style]

Code - PAN

Copy and Paste into Forums!

[styleclass=about][sc=header]Name[/sc][sc=card]3 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card]2 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=card top]1 [url=https://pfq.link/@Jnpp]coding[/url] [progress=75/100]75/100[/progress][/sc][sc=c][tip="[url=https://www.flagcolorcodes.com/pansexual]bg[/url] [url=https://pfq.link/@Jnpp]coding[/url]"][img]https://behindthemoonpfq.com/assets/images/pixel-art/personal/mochi.png[/img][/tip][/sc] [/styleclass] [style] @background = url('https://pokefarm.com/upload/:Jnpp/carded_about_me/Gender-Pansexual-Pride-Flag.png'); @card-text-1 = #000000; @card-text-2 = #000000; @card-text-3 = #000000; @card-bg-1 = #21B1FF; @card-bg-2 = #FFD800; @card-bg-3 = #FF218C; @border = #000000; @header-text = #212121; @header-bg = #ffffffbb; @link-color-1 = #000000; @link-color-2 = #000000; @link-color-3 = #000000; .about { box-sizing: border-box; position: relative; width: 310px; height: 350px; background: @background; background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden; .header { width: 310px; background: @header-bg; color: @header-text; font-size: 30pt; text-align: center; font-family: 'Reenie Beanie', cursive; } .card { position: absolute; top: 60px; left: 15px; width: 125px; height: 175px; border-radius: 15px; padding: 5px; box-shadow: 0 0 5px #444444; } .card:nth-child(2) { top: 60px; left: 15px; width: 125px; height: 175px; background: @card-bg-3; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-3; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-3; } .expbar { background: @card-bg-2; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-1; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(3) { top: 80px; left: 35px; width: 125px; height: 175px; background: @card-bg-2; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-2; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-2; } .expbar { background: @card-bg-3; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-1; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:nth-child(4), .top { top: 100px; left: 55px; width: 125px; height: 175px; background: @card-bg-1; background-size: cover; background-repeat: no-repeat; background-position: center center; color: @card-text-1; border: 4px solid @border; a:link, a:visited, a:active { color: @link-color-1; } .expbar { background: @card-bg-3; border: 2px solid black; border-radius: 5px; color: black; display: flex; align-items: center; justify-content: center; &>div { border-color: none; border-right: none; background: @card-bg-2; } &>span { display: flex; align-items: center; justify-content: center; color: black; background: white; padding: 5px; border-radius: 5px; border: 1px solid black; } } } .card:not(.card.top) { content: ''; } .card:hover ~ .card { margin-left: 130px; transition: all 0.5s ease; } .c { width: 300px; text-align: right; position: absolute; right: 5px; bottom: 5px; }.bbcode_tooltip { text-decoration: 2px underline dotted @border; } .tooltip_content { color: @card-text-1; a{color: inherit;} background-color: @card-bg-1; border: 3px solid @border; position: relative;} a:link, a:visited, a:active { color: @link-color-1; border-bottom: 2px solid transparent; border-image: linear-gradient(90deg, rgba(255,33,140,1) 0%, rgba(255,216,0,1) 50%, rgba(33,177,255,1) 100%); border-image-slice: 1;} /* latin */ @font-face { font-family: 'Reenie Beanie'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/reeniebeanie/v20/z7NSdR76eDkaJKZJFkkjuvWxXPq1qw.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; } } [/style]

Aemilia

👍 3

Posted 13/Jan/2024 04:31:45 (3 months ago)
Edited 20/Jan/2024 15:42:16 (3 months ago)

Added some small icons for yall to use~ Feel free to recommend to me more icons you'd like to see and I'll do my best!

Pride Icons

Circle Icons

Square Icons

JustCallMeMochi

👍 8

Posted 15/Jan/2024 03:32:04 (3 months ago)
Edited 15/Jan/2024 03:39:49 (3 months ago)

Example

B	I	N	G	O
Melan Vulpix Line	Melan Alolan Vulpix Line	Melan Tillink Line	Melan Greavard	Shiny Victini
Albino Noismog	Melan Sugarcoatl	Albino Kitwurm	Shiny Kitwurm	Melan Chilldoom
Shiny Magipede Line	Shiny Jestur (Both Comedy and Tragedy)		Shiny Bubbly Frillish (Male and Female)	Albino Apocalyptic Growlithe
Albino Lunamor	Albino Snowpoke Line	Albino Orthworm	Melan Amaura Line	Melan Snowpoke
Shiny Milotic	Albino Bubbly Frillish	Albino Victini	Melan Gastly	Albino Siberian Glameow

How to Use

Mochi's Free to Use BINGO Card! Tutorial! This code is very simple to use and will give you the ability to mark spaces as complete when you're finished. First: Every square is pre-loaded with the img code for sprites, simply replace "CODE" with the sprite img code. You can find these on the Wiki. Second: If you complete a square, swap what's in it with [sc=c]pokemon platform code[/sc]. This shows everyone your special and allows the square to turn to the color you have it set to! The default one I made is red! Third: If you are using these cards, you are able to edit any colors, you are only not allowed to use the card in the bingo thread. However, please be aware that I am not responsible if your template is deemed illegible. Also, as a tip, I recommend using mini sprites ([pkmn=whatever (S/A/M)]). Additionally, I recommend that you resize the height and width on the ABOUT ME version to suit your needs. Simply change the size of the px.

Code for Large Card

[table] [tr] [th]B[/th][th]I[/th][th]N[/th][th]G[/th][th]O[/th][/tr] [tr] [td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][/tr] [tr] [td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][/tr] [tr] [td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][sc=c]FREE[/sc][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][/tr] [tr] [td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][/tr] [tr] [td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][/tr][/table][ ][sc=credits][tip="[url=https://pokefarm.com/forum/thread/388973/Orthrus-Template-and-Graphics-Market]Coding and button art by JustCallMeMochi[/url]"][img]https://behindthemoonpfq.com/assets/images/pixel-art/personal/mochi.png[/img][/tip][/sc] [style] @header-bg = #900D09; @header-text = #FDF5DF; @cell-bg = #FDF5DF; @cell-text = #000000; @complete-bg = #900D09; @complete-text = #FDF5DF; @import 'skins/user/J/n/p/p/editable-bingo-card-css/__extra' [/style]

Code for About Me

[table] [tr] [th]B[/th][th]I[/th][th]N[/th][th]G[/th][th]O[/th][/tr] [tr] [td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][/tr] [tr] [td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][/tr] [tr] [td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][sc=c][img]https://pokefarm.wiki/images/7/79/Melanistic_Star.png[/img][/sc][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][/tr] [tr] [td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][/tr] [tr] [td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][td][img]https://pfq-static.com/img/pkmn/CODE.png[/img][/td][/tr][/table][ ][sc=credits][tip="[url=https://pokefarm.com/forum/thread/388973/Orthrus-Template-and-Graphics-Market]Coding and button art by JustCallMeMochi[/url]"][img]https://behindthemoonpfq.com/assets/images/pixel-art/personal/mochi.png[/img][/tip][/sc] [style] //*EDIT THESE*// @width = 150px; @height = 175px; @header-bg = #900D09; @header-text = #FDF5DF; @cell-bg = #FDF5DF; @cell-text = #000000; @complete-bg = #900D09; @complete-text = #FDF5DF; //*DO NOT TOUCH*// @import 'skins/user/J/n/p/p/about-bingo-card-css/__extra' [/style]

JustCallMeMochi

👍 0

Posted 31/Jan/2024 11:59:23 (2 months ago)

bumping! feel free to leave suggestions for freebies!!

eternalelixer

👍 4

Posted 31/Jan/2024 12:40:41 (2 months ago)

QUOTE originally posted by JustCallMeMochi

bumping! feel free to leave suggestions for freebies!!

maybe an eeveelution set of abouts/forums?

hey! i'm eternalelixer. i get nervous around new people ^_^ pfp

Loading...

Orthrus' FREE Templates and Graphics Stall!

Welcome!

Here, you'll find free templates and graphics made by JustCallMeMochi and Aemilia. If you'd like to commission us, please visit our main shop.

Forum Templates

Mochi and Aem's F2U Clefairy Post

About Me Templates

Mochi's Carded PRIDE About Me's

Signature Templates

Mochi's F2U Carded Signature

Extras

Mochi's F2U Bingo Card

Mochi ✪ 21 ✪ they/he/kit

Type Race and Hunts!

Rules

Full Templates

Clefairy

Split Image Links

Darkrai

Split Image Links

Jirachi

Split Image Links

Charmander

Split Image Links

Pyukumuku

Split Image Links

Munna

Split Image Links

Yamask

Split Image Links

Eevee

Split Image Links

Corsola

Split Image Links

Headers

Love Myself

Image Link

Icons

PFQ Assets

Dividers

List Icons

Pride Icons

Circle Icons

Square Icons

Progress

Type Banners

Miscellaneous Images

by Kaede

Preview

Name - Age - Pronouns

Star Piece

How to Use

Code

Copy and Paste into your signature!

Preview

Start

Continue

Fin

Texty

Texty

Texty 2

Title 1

Title 2

Title 3

Title 4

How to Use

Code

Copy and Paste into Forums!

Preview for ENBY Version

How to Use

Code - ENBY

Copy and Paste into Forums!

Code - TRANS

Copy and Paste into Forums!

Code - ACE

Copy and Paste into Forums!

Code - ARO

Copy and Paste into Forums!

Code - BI

Copy and Paste into Forums!