britain

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/.


    not at all-- it's a concept... you probably know it xD


    maybe the term isn't common...


    you know how when you're editing... say, basic text? you want to change the color, the size, and the alignment, but if you don't nest, it doesn't work...


    Code
    1. [font=times new roman][align=center][color=black][/font][/color][/align]


    that code ^ doesn't work because alignment always has to be out side color and font, and if color came first, it should end, right?


    how about...


    black on outsides, then yellow, violet on inside not mixed randomly


    eh... not the best explaining job! does it -ish make sense? you probably already know how xD


    oh gosh, i'm so sorry for the late reply!


    so why don't we start with... a basic fancypost code, no details just yet...



    Code
    1. [FANCYPOST bgcolor=white bordercolor=black;]
    4. [/fancypost]



    when you want to put a fancypost inside a fancypost, it's quite literally just that- the code for one fancypost inside the code for another... :


    Code
    1. [FANCYPOST bgcolor=white bordercolor=black;]
    4. [FANCYPOST bgcolor=white bordercolor=black;]
    5. [/fancypost]
    8. [/fancypost]

    [FANCYPOST bgcolor=white bordercolor=black;]


    [FANCYPOST bgcolor=white bordercolor=black;]
    [/fancypost]


    [/fancypost]


    Alright! How can I make it detailed? ;;


    great... so then you want to make sure the inner fancypost isn't overflowing the first, so you can add height, width, and overflow to that... to add more details, you just have to write it as you usually would...


    For example:



    [FANCYPOST bgcolor=white bordercolor=violet; width: 300px; height: 200px; overflow: auto; border-radius: 40px 0px 10px 0px;]


    title



    [FANCYPOST bgcolor=lightskyblue bordercolor=violet; width: 260px; height: 80px; overflow: auto; opacity: .8; text-align: center; font-size: 16px; font-family: microsoft yi baiti;]
    text text text
    [/fancypost]
    [/fancypost]


    [FANCYPOST bgcolor=white bordercolor=violet; width: 300px; height: 200px; overflow: auto; border-radius: 60px 0px 60px 0px;]




    [FANCYPOST bgcolor=#89a1bc bordercolor=#b1c0e6; width: 200px; height: 80px; overflow: auto; opacity: .8;]
    text
    [/fancypost]
    [/fancypost]


    Awesome!<33 Thanks. c: How do I make the middle...circular?


    alright, then we can go over it cx


    so you know the code?


    ; border-radius: 40px


    for example ^


    it's measured in pixels, and you can get the feel of how many is good for whatever your purpose....


    see if you can do that without looking at the code i posted above :3
    it's always best to learn it well enough that you can write it all from scratch whenever you want; not only does it mean you know it well, but it also makes mistakes infinitely easier to find in your own fancyposts and in others' if they need it c:

    OHHH, YEAH! x'D Sorry, I'm pretty familiar with that. ;o;<33


    One more question. When some people post, they have like. A horizontal line, a vertical line, and a scrollie to post, but no background. How?! o-o xD


    ah xD okay!


    so two things we can do:


    we can go into making varied border-radiuses or we can answer that question with a lesson...


    of course, we can do both, but it may be easier to do varied border-radiuses first (simply to get them done because that will go faster)-- you decide c:


    alright xD
    then i suppose we'll go with the quicker one; it'll be fun to know how to do, too, so you can do something like this:


    [FANCYPOST bgcolor=transparent bordercolor=violet; border: 3px double #00F6FF; border-radius: 40px 40px 0px 0px;][size=28px]this could be a title :3[/size]
    [/fancypost]
    [FANCYPOST bgcolor=transparent bordercolor=violet; border: 3px double #00F6FF; height: 100px; overflow: auto; text-align: center; font-family: microsoft yi baiti; font-size: 16px; color: lightskyblue;]text text text
    [/fancypost]
    [FANCYPOST bgcolor=transparent bordercolor=violet; border: 3px double #00F6FF; border-radius: 0px 0px 40px 40px;][size=12px]credits or lyrics or notes?[/size]


    [/fancypost]


    so the code is surprisingly simple... just include four specifications instead of the one ;3


    you'll notice that the first one controls the upper left corner, and it goes clockwise from there...


    for example:


    ; border-radius: 60px 0px 40px 20px