FP tutoring for Raine (p)

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=salmon; border-width: 0px; width: 435px; text-align: center; font-family: georgia; font-size: 42px; text-transform: lowercase; letter-spacing: -3px; color: #edf2ef; text-shadow: 2px 2px 5px #000000;]


    cupercakes
    [/fancypost]

    [fancypost bgcolor=lightpink; bordercolor=; borderwidth=0px;width:435px;height:10px;]
    [move]Feeling: smarticle[/move]
    [/fancypost]


    [fancypost bgcolor=LEAVE BLANK; bordercolor=LEAVE BLANK; borderwidth=0px; height: 243px; width: 150px; overflow: auto; width: Numberpx; height: NUMBERpx;background:url(http://i42.tinypic.com/nodlr5.jpg);][/fancypost] [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 110px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx;border-top: 0px double #HEX CODE HERE; border-left: 0px double #HEX CODE HERE; border-bottom:3px double khaki; border-right: 0px double #HEX CODE HERE;]


    A very beautiful palette, and with this we end our lesson on colors c: We may head back once we move to more advanced fancies, but for now let us move on to borders. There are 6 types of borders, not including the basic one (see below) and each border allows for a new way to decorate fancies. The code for a different type of border should replace the original border code, therefore if you wish to have a new border, you'll have to delete the default bordercolor and borderwidth. The code for a different border is as follows:
    border: BORDERTYPE SIZEpx COLOR;

    [/fancypost]
    [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 120px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx]


    Assignment: edit the border of a fancypost :)

    [/fancypost]



    Dashed, dotted, double, etc. borders


    Display Spoiler

    [fancypost bgcolor=salmon; border-width: 0px; width: 435px; text-align: center; font-family: georgia; font-size: 42px; text-transform: lowercase; letter-spacing: -3px; color: #edf2ef; text-shadow: 2px 2px 5px #000000;]


    cupercakes
    [/fancypost]

    [fancypost bgcolor=lightpink; bordercolor=; borderwidth=0px;width:435px;height:10px;]
    [move]Feeling: smarticle[/move]
    [/fancypost]


    [fancypost bgcolor=LEAVE BLANK; bordercolor=LEAVE BLANK; borderwidth=0px; height: 243px; width: 150px; overflow: auto; width: Numberpx; height: NUMBERpx;background:url(http://i42.tinypic.com/nodlr5.jpg);][/fancypost] [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 110px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx;border-top: 0px double #HEX CODE HERE; border-left: 0px double #HEX CODE HERE; border-bottom:3px double khaki; border-right: 0px double #HEX CODE HERE;]


    Pokemon omfg I looked at the coding and saw the problem, at the sizepx, you put a ; before it. The ; needs to be after it all C:

    [/fancypost]
    [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 120px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx]


    Text

    [/fancypost]

    [fancypost bgcolor=salmon; border-width: 0px; width: 435px; text-align: center; font-family: georgia; font-size: 42px; text-transform: lowercase; letter-spacing: -3px; color: #edf2ef; text-shadow: 2px 2px 5px #000000;]


    cupercakes
    [/fancypost]

    [fancypost bgcolor=lightpink; bordercolor=; borderwidth=0px;width:435px;height:10px;]
    [move]Feeling: smarticle[/move]
    [/fancypost]


    [fancypost bgcolor=LEAVE BLANK; bordercolor=LEAVE BLANK; borderwidth=0px; height: 243px; width: 150px; overflow: auto; width: Numberpx; height: NUMBERpx;background:url(http://i42.tinypic.com/nodlr5.jpg);][/fancypost] [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 110px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx;border-top: 0px double #HEX CODE HERE; border-left: 0px double #HEX CODE HERE; border-bottom:3px double khaki; border-right: 0px double #HEX CODE HERE;]


    Looking snazzy! Checked the code, and it's a similar problem as before. The ; needs to be after the color :)

    [/fancypost]
    [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 120px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx]


    Text

    [/fancypost]

    [fancypost bgcolor=salmon; border-width: 0px; width: 435px; text-align: center; font-family: georgia; font-size: 42px; text-transform: lowercase; letter-spacing: -3px; color: #edf2ef; text-shadow: 2px 2px 5px #000000;]


    cupercakes
    [/fancypost]

    [fancypost bgcolor=lightpink; bordercolor=; borderwidth=0px;width:435px;height:10px;]
    [move]Feeling: smarticle[/move]
    [/fancypost]


    [fancypost bgcolor=LEAVE BLANK; bordercolor=LEAVE BLANK; borderwidth=0px; height: 243px; width: 150px; overflow: auto; width: Numberpx; height: NUMBERpx;background:url(http://i42.tinypic.com/nodlr5.jpg);][/fancypost] [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 110px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx;border-top: 0px double #HEX CODE HERE; border-left: 0px double #HEX CODE HERE; border-bottom:3px double khaki; border-right: 0px double #HEX CODE HERE;]


    I see the problem exactly now c: fancypost bgcolor=skyblue; border: dotted 9px COLOR=purple ; height:400px;width:400px; in the code, you shouldn't have COLOR=purple. It should just be purple. Therefore, the code should be fancypost bgcolor=skyblue; border: dotted 9px purple;

    [/fancypost]
    [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 120px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx]


    Text

    [/fancypost]

    [fancypost bgcolor=salmon; border-width: 0px; width: 435px; text-align: center; font-family: georgia; font-size: 42px; text-transform: lowercase; letter-spacing: -3px; color: #edf2ef; text-shadow: 2px 2px 5px #000000;]


    cupercakes
    [/fancypost]

    [fancypost bgcolor=lightpink; bordercolor=; borderwidth=0px;width:435px;height:10px;]
    [move]Feeling: smarticle[/move]
    [/fancypost]


    [fancypost bgcolor=LEAVE BLANK; bordercolor=LEAVE BLANK; borderwidth=0px; height: 243px; width: 150px; overflow: auto; width: Numberpx; height: NUMBERpx;background:url(http://i42.tinypic.com/nodlr5.jpg);][/fancypost] [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 110px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx;border-top: 0px double #HEX CODE HERE; border-left: 0px double #HEX CODE HERE; border-bottom:3px double khaki; border-right: 0px double #HEX CODE HERE;]


    Marvelous! Now, to continue with the border lesson, we will learn how to use more than one table in a fancy c: Just as we did so with the previous code, this one will REPLACE the normal border code. The code is border-top: NUMBERpx bordertype color; border-left: NUMBERpx bordertype color; border-bottom: NUMBERpx bordertype color; border-right: NUMBERpx bordertype color;

    [/fancypost]
    [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 120px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx]


    ASSIGNMENT: Edit a fancy to have more than one border :)

    [/fancypost]

    [fancypost bgcolor=salmon; border-width: 0px; width: 435px; text-align: center; font-family: georgia; font-size: 42px; text-transform: lowercase; letter-spacing: -3px; color: #edf2ef; text-shadow: 2px 2px 5px #000000;]


    cupercakes
    [/fancypost]

    [fancypost bgcolor=lightpink; bordercolor=; borderwidth=0px;width:435px;height:10px;]
    [move]Feeling: smarticle[/move]
    [/fancypost]


    [fancypost bgcolor=LEAVE BLANK; bordercolor=LEAVE BLANK; borderwidth=0px; height: 243px; width: 150px; overflow: auto; width: Numberpx; height: NUMBERpx;background:url(http://i42.tinypic.com/nodlr5.jpg);][/fancypost] [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 110px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx;border-top: 0px double #HEX CODE HERE; border-left: 0px double #HEX CODE HERE; border-bottom:3px double khaki; border-right: 0px double #HEX CODE HERE;]


    Perfect! You're a fast learner c; I'll be back in a few hours to continue to tables. Gotta work ona project @_@

    [/fancypost]
    [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 120px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx]


    Text

    [/fancypost]

    [fancypost bgcolor=salmon; border-width: 0px; width: 435px; text-align: center; font-family: georgia; font-size: 42px; text-transform: lowercase; letter-spacing: -3px; color: #edf2ef; text-shadow: 2px 2px 5px #000000;]


    cupercakes
    [/fancypost]

    [fancypost bgcolor=lightpink; bordercolor=; borderwidth=0px;width:435px;height:10px;]
    [move]Feeling: smarticle[/move]
    [/fancypost]


    [fancypost bgcolor=LEAVE BLANK; bordercolor=LEAVE BLANK; borderwidth=0px; height: 243px; width: 150px; overflow: auto; width: Numberpx; height: NUMBERpx;background:url(http://i42.tinypic.com/nodlr5.jpg);][/fancypost] [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 110px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx;border-top: 0px double #HEX CODE HERE; border-left: 0px double #HEX CODE HERE; border-bottom:3px double khaki; border-right: 0px double #HEX CODE HERE;]


    Table time!
    Before I begin, where should we start off? Single tables to adding more, or just the simple 2x2 and adding to the bottom? We will cover all eventually however c:/size]

    [/fancypost]
    [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 120px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx]


    [size=10]Text



    [/fancypost]

    [fancypost bgcolor= #8f8f8f; bordercolor= #000000; borderwidth= 2px; ][fancypost bgcolor=; bordercolor=; borderwidth=0px; font-family: times new roman; font-style: ; font-size: 28px; margin-bottom: -13px; letter-spacing: 7px; text-align: right]Raine~[/fancypost]


    [fancyimage]http://25.media.tumblr.com/f50…o41t1J7K1qgawlzo1_500.gif[/fancyimage]


    Oh, and it rains in your bedroom, everything is wrong
    It rains when you're here and it rains when you're gone
    'Cause I was there when you said forever and always~


    [fancypost bgcolor=#ffffff; bordercolor=; borderwidth=0px; overflow: auto; height: 200px; width: 180px;][font=times new roman]
    IC










    [/fancypost]

    [fancypost bgcolor=#ffffff; bordercolor=; borderwidth=0px; overflow: auto; height: 200px; width: 180px;][color=black][font=times new roman]
    OOC


    Whatever is simplest, I guess :p
    You should always start with the easy stuff!



    [/fancypost]


    [size=3pt][color=transparent]#ravenfancy    [/size]


    [/fancypost]

    [fancypost bgcolor=salmon; border-width: 0px; width: 435px; text-align: center; font-family: georgia; font-size: 42px; text-transform: lowercase; letter-spacing: -3px; color: #edf2ef; text-shadow: 2px 2px 5px #000000;]


    cupercakes
    [/fancypost]

    [fancypost bgcolor=lightpink; bordercolor=; borderwidth=0px;width:435px;height:10px;]
    [move]Feeling: smarticle[/move]
    [/fancypost]


    [fancypost bgcolor=LEAVE BLANK; bordercolor=LEAVE BLANK; borderwidth=0px; height: 243px; width: 150px; overflow: auto; width: Numberpx; height: NUMBERpx;background:url(http://i42.tinypic.com/nodlr5.jpg);][/fancypost] [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 110px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx;border-top: 0px double #HEX CODE HERE; border-left: 0px double #HEX CODE HERE; border-bottom:3px double khaki; border-right: 0px double #HEX CODE HERE;]


    Alright, regular table it is! For now, since fancies get to be extremely confusing with tables, the 2x1 will do for now c: To insert a table in a fancypost, it should be posted where text would usually be. The code for a 2x1 table is below, and for this assignment i want you to put one in a fancy and edit it c:

    [/fancypost]
    [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 120px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx]


    Text

    [/fancypost]



    Code
    1. [table][tr][td][fancypost bgcolor=white; bordercolor=black; borderwidth=4px; height: 100px; width: 100px; ][font=arial][color=black][size=13pt]Text [/size][/color][/font][/fancypost]
    2. [fancypost bgcolor=white; bordercolor=black; borderwidth=4px; height: 100px; width: 100px; ][font=arial][color=black][size=13pt]Text [/size][/color][/font][/fancypost][/td][td][fancypost bgcolor=white; bordercolor=black; borderwidth=4px; height: 200px; width: 100px; ][font=arial][color=black][size=13pt]Text [/size][/color][/font][/fancypost][/td][/tr][/table]

    [fancypost bgcolor=skyblue; border-top: 5px ridge red; border-left: 5px ridge blue; border-bottom: 5px ridge red; border-right: 5px ridge blue; height:500px;width:500px;]


    Pokemon Week
    X and Y


    [fancyimage]http://www.vgu.tv/wp-content/u…5/Pokemon-X-Y-Artwork.jpg [/fancyimage]

    [fancypost bgcolor=white; bordercolor=black; borderwidth=4px; height: 100px; width: 120px; ][size=13pt]Like this? [/size][/fancypost] [fancypost bgcolor=white; bordercolor=black; borderwidth=4px; height:100px; width: 120px; ][size=13pt]Text [/size][/fancypost]



    [/fancypost]

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

    [fancypost bgcolor=salmon; border-width: 0px; width: 435px; text-align: center; font-family: georgia; font-size: 42px; text-transform: lowercase; letter-spacing: -3px; color: #edf2ef; text-shadow: 2px 2px 5px #000000;]


    cupercakes
    [/fancypost]

    [fancypost bgcolor=lightpink; bordercolor=; borderwidth=0px;width:435px;height:10px;]
    [move]Feeling: smarticle[/move]
    [/fancypost]


    [fancypost bgcolor=LEAVE BLANK; bordercolor=LEAVE BLANK; borderwidth=0px; height: 243px; width: 150px; overflow: auto; width: Numberpx; height: NUMBERpx;background:url(http://i42.tinypic.com/nodlr5.jpg);][/fancypost] [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 110px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx;border-top: 0px double #HEX CODE HERE; border-left: 0px double #HEX CODE HERE; border-bottom:3px double khaki; border-right: 0px double #HEX CODE HERE;]


    Goshdarnit I picked up the wrong code through my notes. Try this one xD

    [/fancypost]
    [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 120px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx]


    Text

    [/fancypost]


    Code
    1. [table][tr][td][fancypost bgcolor=white; bordercolor=black; borderwidth=4px; height: 100px; width: 100px; ][font=arial][color=black][size=13pt]Text [/size][/color][/font][/fancypost][/td][td][fancypost bgcolor=white; bordercolor=black; borderwidth=4px; height: 100px; width: 100px; ][font=arial][color=black][size=13pt]Text [/size][/color][/font][/fancypost][/td][/tr][/table]


    edited it!

    [fancypost bgcolor=salmon; border-width: 0px; width: 435px; text-align: center; font-family: georgia; font-size: 42px; text-transform: lowercase; letter-spacing: -3px; color: #edf2ef; text-shadow: 2px 2px 5px #000000;]


    cupercakes
    [/fancypost]

    [fancypost bgcolor=lightpink; bordercolor=; borderwidth=0px;width:435px;height:10px;]
    [move]Feeling: smarticle[/move]
    [/fancypost]


    [fancypost bgcolor=LEAVE BLANK; bordercolor=LEAVE BLANK; borderwidth=0px; height: 243px; width: 150px; overflow: auto; width: Numberpx; height: NUMBERpx;background:url(http://i42.tinypic.com/nodlr5.jpg);][/fancypost] [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 110px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx;border-top: 0px double #HEX CODE HERE; border-left: 0px double #HEX CODE HERE; border-bottom:3px double khaki; border-right: 0px double #HEX CODE HERE;]


    Exactly! Now I would like you to try editing colors for text, borders, background, even the font c:

    [/fancypost]
    [fancypost bgcolor=white; bordercolor=LEAVE BLANK; borderwidth=0px; height: 120px; width: 250px;overflow: auto; width: Numberpx; height: NUMBERpx]


    Text

    [/fancypost]