Post Flair Showoff! (has flair templates too!)

[moon]

OH WAIT NEVERMIND yeah i was confused for a bit; yeah my name is done w/CSS

yeah dont use the site i gave you, i thought you were talking about generic gradient text or something. xD my name is essentially a gif wrapped around text.

Your Name:

background-image: url('https://78.media.tumblr.com/784a8631831a7a35ba0d4765486e4516/tumblr_nyb968BJZP1tchrkco1_500.gif');background-clip: text;-webkit-background-clip: text; color: transparent;

that's pretty much the code on how to make it happen. :o

I LOVE THAT EFFECT 8D

 

[Hyzenthlay]

OH WAIT NEVERMIND yeah i was confused for a bit; yeah my name is done w/CSS

yeah dont use the site i gave you, i thought you were talking about generic gradient text or something. xD my name is essentially a gif wrapped around text.

Your Name:

background-image: url('https://78.media.tumblr.com/784a8631831a7a35ba0d4765486e4516/tumblr_nyb968BJZP1tchrkco1_500.gif');background-clip: text;-webkit-background-clip: text; color: transparent;

that's pretty much the code on how to make it happen. :o

That's a really cool effect! I'll try it out sometime. :)

I've still got so much to learn about CSS.

 

[moon]

That's a really cool effect! I'll try it out sometime. :)

I've still got so much to learn about CSS.

Your theme looks really sleek now! Sometimes a huge lot isn't needed.

 

[TY]

I agree with Rika it looks very nice

 

[colours]

don't always go for extravagancy; sometimes simple, clean and sleek postbits can look just as nice.

 

[Arcaneum]

Hey guys - how we finding them so far!

Also coming in to just show off the best flair - mine of course *beams*

 

[Fairy]

hey you guys can use mine as a template if you want

Spoiler:

background-color:#ffe0de; background-image:url('https://i.imgur.com/F6dpLhU.png'), url('https://i.imgur.com/WMj8ECL.png'); background-repeat:repeat-x; background-position: top, bottom;

order: 1px solid #fff; box-shadow: 0 0 5px #a45176;

color: transparent; background: url("https://www.dailydot.com/wp-content/uploads/afa/f7/giphy_3.gif") repeat; -webkit-background-clip: text; padding-bottom:6px; font-size:35pt; font-family:lobster two; font-style:italic; text-shadow: 0 -3px 1px #fff;

text-align:center; font-family:poppins; color:#d6729f;

text-align:center; font-family:poppins; color:#d6729f;

also I will totally make flairs if people are too lazy or don't know how o/

 

[TY]

Also coming in to just show off the best flair - mine of course *beams*

what do you mean yours is the best i mean its obvious mine is the best

 

[Hyzenthlay]

hey you guys can use mine as a template if you want

also I will totally make flairs if people are too lazy or don't know how o/

So pretty, I love it! <3

As for my current flair, it was originally meant to tide me over until adventure can make me a better one. ;) But you're right, sometimes simple is best, especially when considering different resolutions and postbit display.

 

[Cherrim]

aaaaaaah i gave it a try, finally!

I mostly used Nah's template and worked from there to make it pink. I might tinker with it a bit more, but I'm happy with it so far. :DD

Spoiler:

Main

background-color:#fff; 
background-image: url('https://i.imgur.com/HU9tWgH.jpg'); 
background-position: center, center; 
background-repeat: repeat;
border: solid #f75596 1px;

Avatar:

border: solid #ffffff 1px; 
box-shadow: 0px 0px 1em #a32055;
margin-right: 20px;

Name:

font-family: "Gloria Hallelujah"; 
font-size: 30pt; 
letter-spacing: 4pt; 
color: #f75596;
text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff, 0 0 5px #a32055;

Statistics/Bio:

text-align: center; 
margin: 15px;
font-family: "Arvo"; 
color: #ffffff; 
text-shadow: -1px 0 #a32055, 0 1px #a32055, 1px 0 #a32055, 0 -1px #a32055, 0 0 5px #cccccc; 
background-color: #f75596;
box-shadow: 0px 0px 1em #a32055;
padding: 10px;
border: solid #ffffff 1px;

 

[Mawa]

I used the one made by Nah and did some adjustments, thanks a lot this is amazing!

I wish my image would fit in the Center tho. just a little bit too large.

 

[Sheep]

omg you guys are so good at flairs
meanwhile i love my simple sparkly pink to white gradient hehe

 

[moon]

Might as well post my own code too:

Main Block
background-color: #000000;
color: #CC311D;
background-image: url('https://www.hanedanrpg.com/photos/hanedanrpg/14/69392.jpg');
background-position: center;
background-size: cover;
padding-top: 5px;
padding-bottom: 5px;
border-right: #ffffff 20px dashed;

Avatar Container
display: none;

Your Name
color: #ffffff;
font-family: "press start 2p";
font-size: 77%;
letter-spacing: 2px;
text-shadow: 2px 2px 0px #CC9772;
text-transform: uppercase;
padding-top: 50px;

Statistics
color: #ffffff;
font-family: 'geo';
opacity: 0.0;

Mini Biography
opacity: 1.0; text-transform: lowercase !important; color: #ffffff; font-family: 'press start 2p'; font-size: 53%; padding-top: 70px; text-shadow: 1px 1px 0px #85A691;

 

[Nah]

height / width / display: none;
^ these will NOT WORK! To not make you distort the threads, haha. Sorry!

oh hey so I noticed that mine has these in parts of it, what do I do to remove them but still make my flair work?

 

[moon]

oh hey so I noticed that mine has these in parts of it, what do I do to remove them but still make my flair work?

Experiment. If you just keep your flair the way it is now, it'll remain un-broken until you try to save it again.

 

[Fairy]

oh hey so I noticed that mine has these in parts of it, what do I do to remove them but still make my flair work?

Yeah, I wrote the code for yours before the whole flair allowance thing was fully worked out. Sorry!

In your case you can completely remove the height/width code as it's only there to control how much of the Statistic/Mini Bio boxes are visible. But since the sizing is accurate regardless it seems they'll display just fine without it. :)

 

[colours]

I LOVE RAINBOWS

 

[Fairy]

yeah kinda obsessing with the rainbow game rn

 

[moon]

/tests

 

[Hyzenthlay]

I used the one made by Nah and did some adjustments, thanks a lot this is amazing!

I wish my image would fit in the Center tho. just a little bit too large.

I really like yours, actually!

/tests