List of Fancypost Codes

This is an archived version of FeralFront. While you can surf through all the content that was ever created on FeralFront, no new content can be created.
If you'd like some free FeralFront memorabilia to look back on fondly, see this thread from Dynamo (if this message is still here, we still have memorabilia): https://feralfront.com/thread/2669184-free-feralfront-memorabilia/.

    Was this helpful? 60

    1. Yes it was extremely helpful! (40) 67%
    2. Yeah, it helped me understand a few more things. (16) 27%
    3. No. It wasn't. But thank you anyways. (6) 10%
    4. It's not your fault.. I'm just unteachable xD (8) 13%

    View My Fancypost Examples;; Here
    Basic Fancypost
    ~~~~~~~~~~~~~~

    Display Spoiler


    [/align]


    /Additions/


    Scrollie Bar


    Display Spoiler


    Code
    1. [fancypost bgcolor=HEX CODE; bordercolor=HEX CODE; borderwidth=NUMBERpx; overflow: auto; width: NUMBERpx; height: NUMBERpx;][/fancypost]


    Dashed/Dotted Borders


    Display Spoiler


    Code
    1. [fancypost bgcolor=HEX CODE; bordercolor=HEX CODE; borderwidth=NUMBERpx; border-top: NUMBERpx dashed HEXCODE; border-left: NUMBERpx dashed HEXCODE; border-bottom: NUMBERpx dashed HEXCODE; border-right: NUMBERpx dashed #HEXCODE;;][/fancypost]


    Or if you just want a dashedd edge, not for a whole BRAND NEW fancypost, use this code.

    Code
    1. border-top: NUMBERpx dashed HEXCODE; border-left: NUMBERpx dashed HEXCODE; border-bottom: NUMBERpx dashed HEXCODE; border-right: NUMBERpx dashed HEXCODE;


    Here's the code for a DOTTED edge c:

    Code
    1. border-top: NUMBERpx dotted HEXCODE; border-left: NUMBERpx dotted HEXCODE; border-bottom: NUMBERpx dotted HEXCODE; border-right: NUMBERpx dotted HEXCODE;



    Rounded Edges


    Display Spoiler


    Code
    1. [fancypost bgcolor=HEXCODE; bordercolor=HEXCODE; borderwidth=HEXCODE; border-radius: NUMBERpx;;][/fancypost]


    For a normal addition.

    Code
    1. border-radius: NUMBERpx;


    Picture Background


    Display Spoiler
    Display Spoiler


    Code
    1. [align=center][fancypost bgcolor= HEXCODE; width: 555px; border-radius: 20px;]
    2. [fancypost bgcolor= HEXCODE; bordercolor= HEXCODE borderwidth=0px; width: 450px; overflow: auto; height: 125px; text-align: center; font: FONTSIZEpx Font Face; color: TEXTCOLORCODE; padding: 20px; margin-top: 5px; margin-bottom: 15px; border-radius: 20px;]
    3. Text Here[/fancypost][/align]


    Hope This Was Helpful! Feel Free To Post If You Have Any Questions!

    The post was edited 1 time, last by ✘ sleeeeeeeeeeeenky ().

    I wish I could give you a hug ;A; This is such a help! Thank you for making this, love :3

    Omg, this is epic!
    Thank you SOOOO much! :D


    Hey, is there actually a site were you can make those things? Cuz I really dunno how you would EVER make templates o3o

    Well, I just used my experience from what I knew xD
    I got from what I knew from someone else's guide, but I kept forgetting to bookmark it so I just made my own. xD

    [fancypost bgcolor=#0FDDAF ; width: 555px; border-radius: 20px;]
    [fancypost bgcolor= HEXCODE; bordercolor= HEXCODE borderwidth=0px; width: 450px; overflow: auto; height: 125px; text-align: center; font: FONTSIZEpx Font Face; color: TEXTCOLORCODE; padding: 20px; margin-top: 5px; margin-bottom: 15px; border-radius: 20px;]
    [fancypost bgcolor=HEXCODE; bordercolor=HEXCODE; borderwidth=NUMBERpx; background:url(http://kinjaldarukhanawala.fil…ppy-hippy-man-rainbow.jpg);;]
    I just love this! <3


    Oh, ok! :3
    They look very good!


    But how I get that scroll away? [/fancypost]


    Yeah, I love the pic, Kristen :3

    [fancypost bgcolor=orange; bordercolor=blue; borderwidth= 10px;]


    [fancyimage][/fancyimage]


    Hi!



    [/fancypost]