Can anyone teach me how to make a fancypost? I'd like to know how, since sometimes fancypost people can be busy with either their life or someone's order and such, so I'd really like to learn myself.
Fancypost Tutor
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/.
-
[align=center][font=georgia][size=8][color=white]i would love to teach you!
do you know anything about making fancyposts already? or shall we start from the beginning? :3
-
[align=center][font=georgia][size=8][color=white]here is the code for a very basic fancypost:
[font=georgia][size=8][color=white]
copy-and-paste the code above. then, follow these steps:
1. choose a background color. it can be a word, like "blue", or it can be a hex code, like "#002EB8". if you want a very specific color, i suggest using a hex code. click here for a good hex code generator website.
2. choose a border width. the number you choose must end with px, because that's how you measure on forums. measuring in px involves trial-and-error, but as you go on, you get to be pretty decent at estimating.
3. choose a border color. like the background color, it can be a word, or a hex color code.
4. choose a height. again, it's measured in px, so use the "preview" button with trial-and-error.
5. choose a width.
that's how you make a very basic fancypost. whenever you add want to add a code, put a ; and then the code.
-
[align=center][font=georgia][size=8][color=white]hey, you know dotted borders! that's cool c:
next: rounded corners.
put this code into the main fancypost code:
[font=georgia][size=8][color=white]if you make the height&width the same, you can make a circular fancypost, too.
-
[fancypost bgcolor= ; background:url http://images4.fanpop.com/imag…er-22635520-2560-1792.jpg height=650px width=700px; border: dashed bordercolor=black; borderwidth=5px;]
[fancypost bgcolor= ; background:url http://images4.fanpop.com/imag…er-22635520-2560-1792.jpg; height=350px width=400px; bordercolor=brown borderwidth=5px; border-radius: 35px;]
Meow :3
"Swooping is Bad."
Out of Character
How do you do the opacity? And yeah I know. It's not align, for some weird reason. :/ but hey it looks good on it! XD
༄༄༄
In Character
[/fancypost]
[/fancypost] -
[align=center]we'll cover opacity next :3
put this into the main fancypost code to make it see-through:
the higher the number, the less see-through it will be.
usually, opacity is used on a fancypost-inside-a-fancypost. like this:
-
[fancypost bgcolor= ; background:url http://images4.fanpop.com/imag…er-22635520-2560-1792.jpg height=650px width=700px; border: dashed bordercolor=black; borderwidth=5px;]
[fancypost bgcolor= white; height=350px width=400px; bordercolor=brown borderwidth=5px; border-radius: 35px; opacity: 0.15]"Swooping is Bad."
Out of Character
༄༄༄
In Character
[/fancypost]
[/fancypost] -
[align=center][font=georgia][size=8][color=white]good!
next: text on the border.
it's really just text inside a fancypost with no background or borders. for example:
[font=georgia][size=8][color=white]just say whether you want it left, right, or centered. then enter a size, color, and/or font if you want to customize the text.
but do not enter a background or border colour!!!since it's a separate fancypost, make sure you put the text-on-border code BEFORE the main fancypost code.
when you're finished, it should look something like this:
-
[align=center][font=georgia][size=8][color=white]no, it worked just fine! the only problem that you didn't have a fancypost.
text-on-border isn't a special code, it's just another fancypost. so you need another fancypost to put after it.
-
[font=georgia][size=8][color=white]closer!
as i said before, the text-on-border is an entirely separate fancypost. so you need to put the "/fancypost" for the first one directly after the text.
like this: