Post Flair Showoff! (has flair templates too!)

[Frequency]

i love the glowing colors, how did you do that? it looks sooo coool!

Little bit of box shadow went a loooong way. I was very surprised how well it worked out.

box-shadow: 2px 2px 10px 2px #00F857;

Throw that into the main block if you wanna fiddle with it based on mine.

 

[FlameChrome]

Little bit of box shadow went a loooong way. I was very surprised how well it worked out.

box-shadow: 2px 2px 10px 2px #00F857;

Throw that into the main block if you wanna fiddle with it based on mine.

i will fiddle with it and go from there, thanks!

 

[Meadow]

Yay, I think I'm semi-satisfied with mine! ...Well, just maaaaybe ahaha. It could probably use a bit more tweaking, but that can wait for another day in the distant future. :D

 

[moon]

I'm now empowered by fluffy boy!

 

[FlameChrome]

i really just been using the template fairy gave me, well she gave me a post flair and i just been editing it to fit whatever i want of it.

 

[tokyodrift]

new flair time!

 

[Flowerchild]

i dont remember what mine is

edit: oh

 

[Uecil]

Just wanted to share mine. I like using a lot of css codes.

Spoiler:

Main block

CSS
border-left: solid;
border-bottom: 5px solid;
border-color:#(insert hex code);
border-radius:0px 0px 25% 25% ;
background: URL(url for bg image);
cursor: url(https://66.media.tumblr.com/tumblr_m2wjmlkTow1qfamg6.gif), auto;

Avatar container

CSS
border-radius: 50%;
border: #(insert hex code) 5px solid;


Your name

CSS
text-transform: uppercase;
background-image: url(insert image or gif url here);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
font-family: 'Press start 2p';
font-style: bold;
font-size: 25px;#

Statistics

CSS
border-radius: 25px;
border-left: 5px solid #(insert hex code);
border-right: 5px solid #(insert hex code);background: #fff;
padding: 10px;
-webkit-box-shadow: 15px 5px 19px -7px rgba(224,217,224,1);
-moz-box-shadow: 15px 5px 19px -7px rgba(224,217,224,1);
box-shadow: 15px 5px 19px -7px rgba(224,217,224,1);
color: #(insert hex code);
font-family: 'Play';
font-size: 10px;

Mini Biography

CSS
border-radius: 25px;
border-left: 5px solid #(insert hex code);
border-right: 5px solid #(insert hex code);
background: #fff;
padding: 10px;
-webkit-box-shadow: 15px 5px 19px -7px rgba(224,217,224,1);
-moz-box-shadow: 15px 5px 19px -7px rgba(224,217,224,1);
box-shadow: 15px 5px 19px -7px rgba(224,217,224,1);
COLOR: #(insert hex code);
font-family: 'Play';
font-size: 10px;

 

[starseed galaxy auticorn]

Honestly, for my first time adding flair... I'm in love with the way it came out. It's absolutely perfect. <3

 

[FlameChrome]

Honestly, for my first time adding flair... I'm in love with the way it came out. It's absolutely perfect. <3

i agree, looks good

 

[starseed galaxy auticorn]

I tweaked it some to look better. I'm still learning how to do the flair thing, so you'll have to bear with me. ^^;

Update: I finally have it the way I want, and I think it looks so much better than before imo. <3

 

[Hyzenthlay]

Sooo, I don't much like the way it turned out when viewed from above the post, because it was definitely designed for the left side! Sometimes sacrifices must be made. D:

I'm very happy with the legacy postbit!

Spoiler:

 

[starseed galaxy auticorn]

New post flair for the holidays~

 

[moon]

Sooo, I don't much like the way it turned out when viewed from above the post, because it was definitely designed for the left side! Sometimes sacrifices must be made. D:

I'm very happy with the legacy postbit!

Spoiler:

it looks AMAZING

New post flair for the holidays~

Very holiday :D:D

 

[Trev]

hi hi pls give feedback I tried rly hard to make this look good and I know the space background is random but legit idk where the hell to find good looping repeating backgrounds

 

[Nah]

hi hi pls give feedback I tried rly hard to make this look good and I know the space background is random but legit idk where the hell to find good looping repeating backgrounds

move the usertitle down and to the left a few pixels is all I really think needs to be done

 

[Trev]

move the usertitle down and to the left a few pixels is all I really think needs to be done

I actually can't, I've attempted to use both margin and padding and it won't adjust the spacing vertically. The horizontal space is intentional, it looks weird when it's close to the username (which isn't supposed to be visible lol)

 

[alisaie]

hmmmm. prolly will tweak it some more until it's more to my liking but eyy

 

[Witch]

Still trying to figure this stuff out. Shoo. *shakes cane* new fangled contraption

 

[Hyzenthlay]

It'll do for now! As much as I love the festive username decorations, it does mess with flairs a bit. xp