• Our software update is now concluded. You will need to reset your password to log in. In order to do this, you will have to click "Log in" in the top right corner and then "Forgot your password?".
  • Welcome to PokéCommunity! Register now and join one of the best fan communities on the 'net to talk Pokémon and more! We are not affiliated with The Pokémon Company or Nintendo.

Post Flair Showoff! (has flair templates too!)

37,467
Posts
16
Years
    • they/them
    • Seen Apr 19, 2024
    I really like yours, actually!



    BWKdhtY.gif
    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

    [font=Maven Pro][color=#A75EE2]Cosmic[/color][/fon
    2,626
    Posts
    16
    Years
  • I could probably build a bridge with toothpicks but it'd be easier and a lot more fun if I had lumber. :)
     
    8,973
    Posts
    19
    Years
  • 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!
     
    Last edited:

    Hyzenthlay

    [span=font-size: 16px; font-family: cinzel; color:
    7,807
    Posts
    11
    Years
  • 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!

    Code:
    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

    [span="font-family: Handlee; font-size: 15px; font
    10,719
    Posts
    16
    Years
  • Just started experimenting with these! Mine must look pretty embarrassing, though—I've only got the bare minimum, at best! xD

    Code:
    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
     
    Last edited:
    17,133
    Posts
    12
    Years
    • she / they
    • Seen Jan 12, 2024
    It's so delightfully colorful and playful! 10/10 would use myself!
     
    17,133
    Posts
    12
    Years
    • she / they
    • Seen Jan 12, 2024
    trying to break the mold and make my "avatar" sit on the bottom of the flair, haha.
     
    37,467
    Posts
    16
    Years
    • they/them
    • Seen Apr 19, 2024
    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?
     
    Last edited:
    17,133
    Posts
    12
    Years
    • she / they
    • Seen Jan 12, 2024
    Code:
    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
     
    146
    Posts
    17
    Years
  • Code:
    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%;
     
    17,133
    Posts
    12
    Years
    • she / they
    • Seen Jan 12, 2024
    I've got resources of free to use/edit seamless background if anyone wants anything specific and can't find it too.
     
    Back
    Top