Post Flair Showoff! (has flair templates too!)

[moon]

I really like yours, actually!

I'm still thinking on how to make yours better without ruining the super elegance that you've already got going ^^ even sat down and started watching Nimh haha.

 

[Ooka]

I wish you could have separate style for vertical/horizontal

 

[colours]

if you're creative enough you can

 

[Ooka]

I could probably build a bridge with toothpicks but it'd be easier and a lot more fun if I had lumber. :)

 

[colours]

but when lumber isn't available, you gotta work with the toothpicks that you have

the amazing thing about humanity is that we're capable of pretty creative things even on limited materials.

---

this isnt to say i disagree with you, but it's possible to photoshop a decent flair that looks different on legacy/standard. it's definitely doable!

 

[Sheep]

ooka your flair looks really good!!

 

[Ooka]

ooka your flair looks really good!!

Thank you, yours is my favorite 😱

 

[Hyzenthlay]

I may as well post my own template. It's not much, but it shows how gradient works I guess. All it needs is a little tweaking!

Main Block
background: linear-gradient(to left, rgba(255, 248, 247) 00%, rgba(240, 240, 240) 100%);
box-shadow: 1px 1px 0em #fcecea;

Avatar container
box-shadow: 0px 1px 1em #a3866e;

Your name
background-image: -webkit-linear-gradient(left, #B40404, #FE2E2E, #FA8258);
    background-image:    -moz-linear-gradient(left, #B40404, #FE2E2E, #FA8258);
    background-image:     -ms-linear-gradient(left, #B40404, #FE2E2E, #FA8258);
    background-image:      -o-linear-gradient(left, #B40404, #FE2E2E, #FA8258);
    background-image:         linear-gradient(to right, #B40404, #FE2E2E, #FA8258);
    color:transparent;
    -webkit-background-clip: text;
    background-clip: text;
font-family: Noto Serif;
font-size: 25px;
letter-spacing: 2px;
font-style: oblique;

Statistics
font-family: Merriweather;
background-image: -webkit-linear-gradient(left, #8A0829, #DF013A, #DF013A);
    background-image:    -moz-linear-gradient(left, #8A0829, #DF013A, #DF013A);
    background-image:     -ms-linear-gradient(left, #8A0829, #DF013A, #DF013A);
    background-image:      -o-linear-gradient(left, #8A0829, #DF013A, #DF013A);
    background-image:         linear-gradient(to right, #8A0829, #DF013A, #DF013A);
    color:transparent;
    -webkit-background-clip: text;
    background-clip: text;

Mini Biography
color: transparent;

 

[Meadow]

Just started experimenting with these! Mine must look pretty embarrassing, though—I've only got the bare minimum, at best! xD

Main Block
background-image: url('https://i.imgur.com/67Eh51G.png');
color: #333;

Your Name
color: #339933;
font-family: "Segoe UI", "Open Sans";
font-style: italic;
padding: 3px;

The rest is empty! :D

 

[Corrin]

hey guys! I finally finished up a flair, how is it?

 

[colours]

I actually REALLY like the background like.... I genuinely like it. :O

 

[Fairy]

It's so delightfully colorful and playful! 10/10 would use myself!

 

[moon]

joining the white club

 

[Fairy]

trying to break the mold and make my "avatar" sit on the bottom of the flair, haha.

 

[moon]

trying to break the mold and make my "avatar" sit on the bottom of the flair, haha.

omg teach me your magic!

statistics background pic?

 

[Fairy]

Statistics:
padding-left:50px; padding-right:50px; padding-bottom:50px; color: transparent; background: url('https://www.pokecommunity.com/customprofilepics/profilepic271436_290.gif'); background-size:100%; background-repeat:no-repeat;

Mini Bio: 
color:transparent;

enjoy! n_n

 

[moon]

Whole new style, hehehe

 

[Ninja Paladin]

background-image: url(https://i.imgur.com/9LSxODt.gif), linear-gradient(#060607, #060607, black); background-repeat: no-repeat; background-size: contain;

 outline: 1px dotted #d5d5d5; outline-offset: 3px; border: 1px dotted #d5d5d5; border-radius: 5%;

font-family: "Alegreya Sans SC"; font-style: italic; font-variant: small-caps; letter-spacing: -1px; line-height: 45%; color: #808080; outline: 1px dotted #d5d5d5; outline-offset: 3px; border: 1px dotted #d5d5d5; padding: 5px; border-radius: 5%; background-image: linear-gradient(#117F9E, black); background-clip: text; -webkit-background-clip: text; color: transparent;

font-family: "Alegreya Sans SC"; font-style: italic; font-variant: small-caps; letter-spacing: -1px; line-height: 88%; color: #808080; outline: 1px dotted #d5d5d5; outline-offset: 3px; border: 1px dotted #d5d5d5; padding: 1px; margin-top: 15px; border-radius: 5%;

font-family: "Alegreya Sans SC"; font-style: italic; font-variant: small-caps; letter-spacing: -1px; line-height: 45%; color: #808080; outline: 1px dotted #d5d5d5; outline-offset: 3px; border: 1px dotted #d5d5d5; padding: 5px; margin-top: 15px; border-radius: 5%;

 

[Corrin]

I shared these with Rika when she messaged me but I'll post them here too, some background posts tumblr

https://peekachiu.tumblr.com/post/75995876149/250-images-background-masterpost <- right click and view the image in a new tab with these, they've been resized by html
https://tenshiikisu.tumblr.com/post/79015021080/heres-my-collection-of-pixel-backgrounds-tile <- more tile ones here

 

[Fairy]

I've got resources of free to use/edit seamless background if anyone wants anything specific and can't find it too.