Just a little fancypost tutor. Open to everyone!

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/.
  • [font=times]
    I've noticed many people asking for tutoring, so here I will be a tutor. Just pop in whenever, ask any questions. I will answer all and any to the best of my ability. Everyone and anyone can ask a question, at any time, about anything! Whether you want to learn basics or dotted borders, tables or gradient text, I can help with most anything. c:
    So whether you're just starting out with fancyposts or looking to learn more advanced features, jump on in!
    [hr]
    [font=times][size=8]
    Here I will group all of the questions asked, in order of rank of beginner to advanced.
    Check here to make sure your question hasn't already been asked!


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

  • Hello Lime c:
    You're the best person at fancyposts I know, so when I saw this, I was overjoyed.


    If you know, in the table code, well, I've tried them and I don't know how to set them up.


  • hello, i've never made a fancypost before and im hoping to learn. Is there anyway you could teach me a basic fancypost?


    This is the basic fancypost code.


    Code
    1. [fancypost bgcolor=; bordercolor=; borderwidth=px;]
    2. text here
    3. [/fancypost]


    It's fairly simple.
    Where it says 'bgcolor=;' you put a color. This is the background {bg, background for short} of the fancypost. It can either be a hex code color {e.g. #000000 is black, 'bgcolor=#000000;'} or you can use the name of a color {e.g.'black' ... 'bgcolor=black;'} Either way works, but with the hex code colors, you can get more personalized tones.
    A website i use is this one; Click Here!


    NOTE: if you want no background {Transparent} Just leave this part alone c:


    The next part of the code is 'bordercolor=;' The same thing as above, you can use either method of picking a color, except this will be the color of the border of the fancypost.


    The final part is 'borderwidth=px;' This is how thick the border is. I find a number between 2-7 is ideal, but it depends on the look you're going for. c:
    {example code: 'borderwidth=5px;'


    For the sake of this example, let's say a fancypost with a black background, and a white border that's six pixels wide.
    you could do this one of two ways;
    the first being like this:


    Code
    1. [fancypost bgcolor=black; bordercolor=white; borderwidth=6px;]
    2. text here
    3. [/fancypost]


    Pretty simple, right?


    Also, you could use hex codes.

    Code
    1. [fancypost bgcolor=#000000; bordercolor=#ffffff; borderwidth=6px]
    2. text here
    3. [/fancypost]


    Now, lets see what each looks like:


    The first one:
    [fancypost bgcolor=black; bordercolor=white; borderwidth=6px]
    text here
    [/fancypost]


    The second one:


    [fancypost bgcolor=#000000; bordercolor=#ffffff; borderwidth=6px]
    text here
    [/fancypost]


    They're exactly the same.


    This doesn't matter for basic colors, but when you get into different hues {e.g. baby blue, dark silve, etc.} It becomes a little harder to get the color you're looking for just by naming it, so hex codes come in handy.


    To put an image inside a fancypost, you use this code;

    Code
    1. [fancyimage]LINK HERE[/fancyimage]


    Remember, this goes inside the fancypost, not in the coding.


    For example, we'll use my image placeholder.

    Code
    1. [fancyimage]http://i.imm.io/wCAJ.jpeg[/fancyimage]


    That would be a basic image. Now, to put it in the fancypost, we'd do this:


    Code
    1. [fancypost bgcolor=black; bordercolor=white; borderwidth:6px]
    2. [fancyimage]http://i.imm.io/wCAJ.jpeg[/fancyimage]
    3. text here
    4. [/fancypost]


    You may notice putting an image in a fancypost is different than the regular 'img' tags. That's because not all images fit, but using this code, they'll be auto-resized to fit.


    Here's the fancypost from above;


    [fancypost bgcolor=black; bordercolor=white; borderwidth:6px]
    [fancyimage]http://i.imm.io/wCAJ.jpeg[/fancyimage]
    text here
    [/fancypost]


    And here it is with the 'img' tags instead of the 'fancyimage' tags


    [fancypost bgcolor=black; bordercolor=white; borderwidth:6px]
    [img width=505 height=378]http://i.imm.io/wCAJ.jpeg[/img]
    text here
    [/fancypost]


    See the difference?


    All right, that just about covers the very basics c:



    [hr]



    Hello Lime c:
    You're the best person at fancyposts I know, so when I saw this, I was overjoyed.


    If you know, in the table code, well, I've tried them and I don't know how to set them up.


    Thanks! 8D


    All right, this is the basic table code.

    Code
    1. [fancypost bgcolor=; ... and all the other stuff]
    2. [table][tr][td][fancypost, another][/fancypost][/td][td][another...][/fancypost][/td][/tr][/table]
    3. [/fancypost]


    It's a bit complicated at first. What it is, the first is table ['table'] and the second ['tr'] I have no idea xD


    But what I do know is that ['td'] Starts a new column.


    So, within any two 'td' tags, as many fancyposts as you place will be in column one, one on top of the other.


    For instance, let's say you have this:
    [.fancypost here]['table]['tr]['td][fancypost'][another][another][/td'][td']['fancypost]['/td]['/tr]['/table]


    You'd have a fancypost, inside being three fancyposts on the left, and one on the right. Make sense?
    I hope so...
    To make these right, remember in the fancypost to set the width and height, and modify it around to make it even. c:


    I think you can do more than two columns, but I've never tried it.


    Does that make any sense at all?

  • This had made more sense to me then any other person has put! You explain it better!

  • It does make sense, yet they're very complicated c: Bookmarking so I can use your words for reference.

  • I already have it book marked!

  • Could you use tinypic.come for the fancy image?

  • [fancypost bgcolor=white; bordercolor=black; borderwidth=7px;][fancyimage]http://www.dogwalker.com/wp-co…ing-a-German-Shepherd.jpg[/fancyimage]
    aмerιcanѕoldιer
    [size=7pt]ι'м jυѕт тryιng тo вe a ғaтнer, raιѕιng a daυgнтer and a ѕon. вe a lover тo тнeιr мoтнer, everyтнιng тo everyone. υp and aт 'eм вrιgнт and early, ι'м all вυѕιneѕѕ ιn мy ѕυιт. yeaн, ι'м dreѕѕed υp ғor ѕυceѕѕ ғroм нead down тo мy вooт. ι don'т do ιт ғor тнe мoney,тнere aιn'т вιllѕ ι can'т pay. ι don'т do ιт ғor тнe glory, ι jυѕт do ιт anyway. provιdιng ғor oυr ғυтυre ιѕ мy reѕponѕιвιlтy. yeaн, ι'м real good υnder preѕѕυre. вeιng all тнaт ι can вe. and ι can'т call ιn ѕιcĸ on мondayѕ caυѕe тнe weeĸendѕ вeen тo нard. ι jυѕт worĸ ѕтraιgнт тнroυgн тнe нolιdayѕ, ѕoмeтιмeѕ all nιgнт long. yoυ can вeт ι ѕтand ready wнen тнe wolғ growlѕ aт тнe door. нey ι'м ѕolιd, нey ι'м ѕтeady. нey ι'м тrυe down тo тнe core.[/size]


    нι lιмe! ι waѕ wonderιng ιғ yoυ coυld нelp мe paѕт тнιѕ poιnт.[/fancypost]

  • [justify][font=times][size=8]bump c:
    sorta forgot about this.
    If you're still interested, what exactly is it you're looking to learn?