-complete list of fancypost codes [UPDATED 4/13]

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/.
  • [fancypost bgcolor=; background: url(http://media.giphy.com/media/46jPT3qWOuZBC/giphy.gif); background-size: 140%; height: 70px; width: 500px; border: 5px solid black][/fancypost]
    [fancypost bgcolor=; min-height: 100px; width: 510px; border: none; overflow: auto][justify]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel mauris sit amet ipsum porta venenatis. Nulla at augue ut risus blandit vulputate. Curabitur sapien nulla, varius eget volutpat eu, sodales eget risus. In quis orci vitae felis ullamcorper lacinia. Mauris lorem quam, cursus sit amet tempor at, volutpat nec massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed faucibus sodales erat sit amet pretium. Cras rhoncus, libero sed posuere ultrices, lorem neque pretium arcu, ac congue nibh massa eu felis. Nunc eget augue erat, auctor ultricies leo. Suspendisse ornare, ante sed pharetra elementum, augue est adipiscing ipsum, ac aliquam sem felis ac tortor. Nulla ac ligula sed sem laoreet rutrum eget non orci. Suspendisse in justo lacus. Nullam turpis ante, cursus ut lobortis eget, tincidunt ac massa. Proin hendrerit justo magna.


    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel mauris sit amet ipsum porta venenatis. Nulla at augue ut risus blandit vulputate. Curabitur sapien nulla, varius eget volutpat eu, sodales eget risus. In quis orci vitae felis ullamcorper lacinia. Mauris lorem quam, cursus sit amet tempor at, volutpat nec massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed faucibus sodales erat sit amet pretium. Cras rhoncus, libero sed posuere ultrices, lorem neque pretium arcu, ac congue nibh massa eu felis. Nunc eget augue erat, auctor ultricies leo. Suspendisse ornare, ante sed pharetra elementum, augue est adipiscing ipsum, ac aliquam sem felis ac tortor. Nulla ac ligula sed sem laoreet rutrum eget non orci. Suspendisse in justo lacus. Nullam turpis ante, cursus ut lobortis eget, tincidunt ac massa. Proin hendrerit justo magna.[/fancypost]

  • [quote][fancypost bgcolor=; bordercolor=White; borderwidth=2px; width: 450px; height: 150px; background:url(http://tinyurl.com/puqupkd) center; background-size: 100% 100%;][/fancypost][fancypost bgcolor=; bordercolor=; borderwidth=0px; font-family: Georgia; font-size: 12pt; color: white;]arthur p. + male + royalblue[/fancypost][fancypost bgcolor=; bordercolor=; borderwidth=0px; background:url(http://i.imgur.com/VWbWQng.png); width: 270px; height: 50px; margin-top: -53px; margin-left: 230px;][/fancypost]

    The post was edited 1 time, last by danny-chan ().

  • [fancypost bgcolor=#ff5050; bordercolor=#660066; borderwidth= 7px; border-radius: 50px 50px 0px 0px;] Ic: Text for icc here... [/fancypost]
    [fancypost bgcolor=#0033cc; bordercolor=#660066; borderwidth= 7px;]



    Oc: Text for occ here...


    [/fancypost]
    [fancypost bgcolor=#ff5050; bordercolor=#660066; borderwidth= 7px; border-radius: 0px 0px 50px 50px;]

    Other: Put your text for other stuff here...
    [align=center][size=4pt][c] Enchanted (c) Raichulover123 [/size]

    [/fancypost]

  • [fancypost bgcolor=; background: url(http://images.lowes.com/produc…028181/028181637549lg.jpg); INSERTOTHERCODESHERE]


    [img height=310 width=310]https://cdn.society6.com/cdn/0009/p/2006366_1530261_lz.jpg[/img]


    IC: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel mauris sit amet ipsum porta venenatis. Nulla at augue ut risus blandit vulputate. Curabitur sapien nulla, varius eget volutpat eu, sodales eget risus. In quis orci vitae felis ullamcorper lacinia. Mauris lorem quam, cursus sit amet tempor at, volutpat nec massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed faucibus sodales erat sit amet pretium. Cras rhoncus, libero sed posuere ultrices, lorem neque pretium arcu, ac congue nibh massa eu felis. Nunc eget augue erat, auctor ultricies leo. Suspendisse ornare, ante sed pharetra elementum, augue est adipiscing ipsum, ac aliquam sem felis ac tortor. Nulla ac ligula sed sem laoreet rutrum eget non orci. Suspendisse in justo lacus. Nullam turpis ante, cursus ut lobortis eget, tincidunt ac massa. Proin hendrerit justo magna.


    OOC: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel mauris sit amet ipsum porta venenatis. Nulla at augue ut risus blandit vulputate. Curabitur sapien nulla, varius eget volutpat eu, sodales eget risus. In quis orci vitae felis ullamcorper lacinia. Mauris lorem quam, cursus sit amet tempor at, volutpat nec massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed faucibus sodales erat sit amet pretium. Cras rhoncus, libero sed posuere ultrices, lorem neque pretium arcu, ac congue nibh massa eu felis. Nunc eget augue erat, auctor ultricies leo. Suspendisse ornare, ante sed pharetra elementum, augue est adipiscing ipsum, ac aliquam sem felis ac tortor. Nulla ac ligula sed sem laoreet rutrum eget non orci. Suspendisse in justo lacus. Nullam turpis ante, cursus ut lobortis eget, tincidunt ac massa. Proin hendrerit justo magna.



    [/fancypost]


    Ok, so, that looks awesome, but how do I fix the picture? Also is there a way I can change the background to an image as well?

    The post was edited 1 time, last by Red Sky Sailor {school} ().

  • For the picture, try this:

    Code
    1. [img height=NUMBERHERE width=NUMBERHERE][/img]


    Just fill in the "NUMBERHERE" with the number that fits your fancy post height and width.


    Also, for background, use this:

    Code
    1. [fancypost bgcolor=; background: url(IMG LINK HERE); INSERTOTHERCODESHERE]


    Just replace the capital letters with whatever they tell you to do :3

  • mine isn't working


    am I doing something wrong


    border-radius: 50px;


    do I put it in parenthesis


    how do I make it work
    >:( >:( >:(


    I feel so frickin dumb

  • [fancypost bgcolor=; background: url(http://38.media.tumblr.com/0b9…l1xsHPtR1tua5gvo1_500.gif); background-size: 100%; background-repeat: no-repeat; background-position: bottom; height: 200px; width: 450px; border: 5px solid black][/fancypost]
    [fancypost bgcolor=; opacity: 0.8; border: none; width: 455px; height: 150px; padding: 10px; overflow: hidden][fancypost bgcolor=; border: none; width: 455px; height: 150px; padding: 0px; padding-right: 27px; overflow: auto][fancypost bgcolor=; border: none; width: 455px; min-height: 150px; padding: 0px; font-size: 12px; line-height: 14px; text-align: justify; color: black; font-family: times new roman]Hang on, show me the fancypost code you have so far, and I'll see if I can fix it for you, then teach you how to fix it :3


    [/fancypost][/fancypost][/fancypost]

  • [fancypost borderwidth=0px; width:415px;text-align:justify;font-size:11px;color:#a6a6a6]
    the 'border-radius: 50px;' code needs to be inside of a fancypost code

    Code
    1. [fancypost bgcolor=; border: ##px solid color; CODES GO HERE;]text goes here[/fancypost]
  • [fancypost bgcolor=; border: 65px solid color; border-radius: 50px;;]Wow, I am dumb. I didn't even know there was a [fancypost] thing.[/fancypost]


    Omg I made another one! oops


    thx lol

  • [fancypost bgcolor=#cdf7f4; bordercolor=#07f9e9; borderwidth=0px; font-family: verdana; font-style: bold; font-size: 18px; margin-bottom: -13px; letter-spacing: 13px; text-align: 12px;]Bravery is the Key[/fancypost]
    [fancypost bgcolor=# borderwidth=px;]text here[/fancypost]


  • [justify][size=40pt]✯✯✯✯✯[/size]
    [hr]
    [font=arial][size=7pt]
    having trouble here; when previewed you can see what I would like it to look like. I've tried to make the lines on the right thinner, but it doesn't seem to be working. if it can't be resolved, I can just remove it, its no biggie. c": thanks!



    can someone help? :^/

  • [fancypost bgcolor=; bordercolor=pink; borderwidth=3px; background: linear-gradient(#BA7BED, #90C3D4); font-family: segoe script;color:purple;height:px; width:500px;border-radius:90px 90px 90px 90px;text-align: center;]


    [fancyimage]http://data.whicdn.com/images/87837533/large.png[/fancyimage]
    [size=17pt]JUST SMILE. ITS THE ONLY THING YOU CAN DO.[/size]
    [fancypost bgcolor=pink; border: 1px double transparent; height: px; width: 400px; border-radius: 4000px 4000px 4000px 4000px; opacity: 0.33;overflow: auto; width: 400px; height:100px;]


    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
    [/fancypost]
    [spoiler]


    [/fancypost]

    The post was edited 1 time, last by ✯เllยรเ๏ภ✯ ().

  • [fancypost bgcolor=white; border: 0px; width: 155px; height: 33px; border-radius: 2em 0em 0em 2em; text-align: center; font-size: 15px; font-family: georgia; color: coral; margin-top: 80px; margin-right: -10px;]❤It's Just A Bunch Of Hocus Pocus![/fancypost] [fancypost bgcolor=white; border: 0px; width: 170px; height: 170px;][fancypost bgcolor=; background:url(http://25.media.tumblr.com/b8e…64c8Fzen1qc8syyo8_250.gif); Background-size: 100% 100%; background-repeat: no-repeat; border: 0px; width: 150px; height: 150px; margin-left: -6px; margin-top: 4px;][/fancypost][/fancypost]


    I made the fancypost above to put in a signature.

  • [fancypost bgcolor=; border-top: none; border-bottom: 20px dotted pink; border-right: none; border-left: none][/fancypost]


    [fancypost bgcolor=; background: linear-gradient(pink, pink, lightblue, lightblue); height: 150px; border: solid 3px white; overflow: auto]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.[/fancypost]


    [fancypost bgcolor=; border-top: none; border-bottom: 20px dotted lightblue; border-right: none; border-left: none][/fancypost]

  • [FANCYPOST bgcolor=black bordercolor=red; border: 3px red double; border-radius: 50px; Height: 450px; Width: 300px; Overflow:Auto][align=center]
    [fancypost bgcolor=transparent; background: url("http://img01.deviantart.net/3d19/i/2010/204/b/5/butterfly__tattoo_3_by_kauniitaunia.jpg"); background-size: 150% 150%; border: 4px #FF4D4D solid; border-radius: 250px; height: 150px; width: 85px; margin-top: 20px][/fancypost]



    Okay so I was wondering how I would make the scroll bar be vertical and not horizontal?

  • [fancypost bgcolor=black; bordercolor=red; borderwidth=3px; width: 250px][size=13pt]"They say: ''There's no place like home.'..."[/size]


    [fancypost bgcolor=; height: 250px; width: 230px; overflow: auto][justify][size=7pt]May I see your code?[/size][/justify][/fancypost]
    [size=13pt]"I hope they're right."[/size]