Graphics Tutor Needed

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= transparent; bordercolor= transparent; borderwidth= 0px; font-family: andale mono; font-size: 36px; margin-bottom: -13px; letter-spacing: 13px; text-align: left; color: aqua;][i]Wingless Says...[/fancypost][fancypost bgcolor= ; border: 20px navy; height: 1460px; width: 550px; background:url(http://oi48.tinypic.com/k5fo8.jpg); color: black; border-radius: 60px;]


    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 480px; width: 350px; overflow: auto; width: 350px; height: 480px; opacity: 0.450;]
    [align=center]-IC-


    [/fancypost]




    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 480px; width: 350px; overflow: auto; width: 350px; height: 480px; opacity: 0.450;]
    [align=center]-OOC-
    I'm up to teach Fancyposts and signatures, they're the same thing basically.


    [/fancypost]



    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 150px; width: 250px; overflow: auto; width: 250px; height: 250px; opacity: 0.450;][align=center]-Hashtags-


    [/fancypost]


    [align=center]Like my fancypost? Click on the pretty flower to head to my fancypost shop!
    [color=black]❋
    ------------------------------
    [color=black][size=1]#winglessmadeit (c)Wingless
    [/fancypost]

    The post was edited 1 time, last by ωιηgℓєѕѕ ιѕ α нσмєѕтυ¢к ().

    [fancypost bgcolor= transparent; bordercolor= transparent; borderwidth= 0px; font-family: andale mono; font-size: 36px; margin-bottom: -13px; letter-spacing: 13px; text-align: left; color: aqua;][i]Wingless Says...[/fancypost][fancypost bgcolor= ; border: 20px navy; height: 1460px; width: 550px; background:url(http://oi48.tinypic.com/k5fo8.jpg); color: black; border-radius: 60px;]


    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 480px; width: 350px; overflow: auto; width: 350px; height: 480px; opacity: 0.650;]
    [align=center]-IC-


    [/fancypost]




    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 480px; width: 350px; overflow: auto; width: 350px; height: 480px; opacity: 0.650;]
    [align=center]-OOC-
    So where would you like to get started? Fancyposts or signatures?
    [/fancypost]



    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 150px; width: 250px; overflow: auto; width: 250px; height: 250px; opacity: 0.650;][align=center]-Hashtags-


    [/fancypost]


    [align=center]Like my fancypost? Click on the pretty flowers to head to my fancypost shop and shops I work at!
    ❋ -- [color=black]❋
    ------------------------------
    [color=black][size=1]#winglessmadeit (c)Wingless
    [/fancypost]

    [fancypost bgcolor= transparent; bordercolor= transparent; borderwidth= 0px; font-family: andale mono; font-size: 36px; margin-bottom: -13px; letter-spacing: 13px; text-align: left; color: aqua;][i]Wingless Says...[/fancypost][fancypost bgcolor= ; border: 20px navy; height: 1460px; width: 550px; background:url(http://oi48.tinypic.com/k5fo8.jpg); color: black; border-radius: 60px;]


    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 480px; width: 350px; overflow: auto; width: 350px; height: 480px; opacity: 0.650;]

    -IC-


    [/fancypost]




    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 480px; width: 350px; overflow: auto; width: 350px; height: 480px; opacity: 0.650;]

    -OOC-
    So, let's start on the one I'm not teaching myself how to do, FANCYPOSTS! [yaaaay! cx]
    Here's the basic code for a fancypost.


    Code
    1. [align=center][fancypost bgcolor= COLOR; border: WIDTHpx TYPE COLOR;]
    2. TEXT
    3. [/fancypost][/align]


    IMPORTANT: In order for a fancypost to function properly, after each code's semi-colon [;] you must space before putting in the next code.
    The color for borders and backgrounds [bg] can be any color of your choosing, even # colors!
    WIDTH is how wide in pixels your border will be in size. Try around no more than 100px for a good thick border, it doesn't take much!
    TYPE can be any of these for the style of the border: inset, outset, groove, ridge, dashed, double, dotted, or solid.
    You can align the fancypost to the center, right, or left by changing the [align=center]

    comands.


    Now time to toss in some codes that are basically essential to any fancypost:

    Code
    1. overflow: auto; width: NUMBERpx; height: NUMBERpx;


    Code
    1. height: NUMBERpx; width: NUMBERpx;


    Code
    1. color: COLOR;


    Code
    1. font-family: FONT;


    The first one is for scrollable posts and the second is for basic height and width. Only one of these is needed in every fancypost or text box. If you want the fancy/text box to scroll when it goes past your wanted size, choose the first one and punch in your desired size of fancypost. If you don't want it to scroll, just use height and width. I remember making the mistake of using BOTH of the codes, but if that ever happens, scrollies will always be the ones to be the proper code.


    The third code is one for text color. This is pretty obvious, but # colors can also be used.
    The fourth is for font. Just stick the font in where it says font! [ex: Times New Roman=times new roman]


    That's the basics for Fancyposts, right now I don't feel like typing and I'm gonna go to bed.
    Is there anything in particular that you would like to learn right away?
    [/fancypost]



    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 150px; width: 250px; overflow: auto; width: 250px; height: 250px; opacity: 0.650;][align=center]-Hashtags-


    [/fancypost]


    [align=center]Like my fancypost? Click on the pretty flowers to head to my free fancypost shop and shops I work at!
    ❋ -- [color=black]❋
    ------------------------------
    [color=black][size=1]#winglessmadeit (c)Wingless
    [/fancypost]

    [fancypost bgcolor=#00F4FF; border: 5px dashed blue; overflow: auto; width: 100px; height: 150px; font-family: Comic Sans;]
    Thats fine
    [/fancypost]

    [fancypost bgcolor= transparent; bordercolor= transparent; borderwidth= 0px; font-family: andale mono; font-size: 36px; margin-bottom: -13px; letter-spacing: 13px; text-align: left; color: aqua;][i]Wingless Says...[/fancypost][fancypost bgcolor= ; border: 20px navy; height: 1460px; width: 550px; background:url(http://oi48.tinypic.com/k5fo8.jpg); color: black; border-radius: 60px;]


    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 480px; width: 350px; overflow: auto; width: 350px; height: 480px; opacity: 0.650;]
    [align=center]-IC-


    [/fancypost]




    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 480px; width: 350px; overflow: auto; width: 350px; height: 480px; opacity: 0.650;]
    [align=center]-OOC-


    Heres a few more codes!



    Code
    1. background: url(URL);


    This is simple, for and fancy with a picture background, you leave the "bgcolor:" color code blank, so it I'll look like this. "bgcolor: ;" and post the code in the brackets. Just get the url for the picture you want and put it in the parentheses, and you're good to go!


    Code
    1. border-radius: NUMBERpx;


    This is to round the corners of your Fancyposts, just 200px will make it a circle! [my fancypost I'm using has this code, and I'm using just 60px.]


    Code
    1. text-shadow: 3px 3px 3px COLOR;


    This one gives a colored shadow to the text, # colors can be used as well!


    Code
    1. text-shadow: 1px 1px COLOR, 1px -1px COLOR, -1px 1px COLOR, -1px -1px COLOR;


    This outlines the text with any color [+ # colors.]


    Code
    1. margin-ALIGNMENT: NUMBERpx;


    This is puts the fancypost anywhere you'd like! [its usually used for Fancyposts inside Fancyposts, which is basically another basic fancypost code inside another fancypost.] you can use left or right, bottom or top!


    [/fancypost]



    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 150px; width: 250px; overflow: auto; width: 250px; height: 250px; opacity: 0.650;][align=center]-Hashtags-


    [/fancypost]


    [align=center]Like my fancypost? Click on the pretty flowers to head to my free fancypost shop and shops I work at!
    ❋ -- [color=black]❋
    ------------------------------
    [color=black][size=1]#winglessmadeit (c)Wingless
    [/fancypost]

    [fancypost bgcolor= transparent; bordercolor= transparent; borderwidth= 0px; font-family: andale mono; font-size: 36px; margin-bottom: -13px; letter-spacing: 13px; text-align: left; color: aqua;][i]Wingless Says...[/fancypost][fancypost bgcolor= ; border: 20px navy; height: 1460px; width: 550px; background:url(http://oi48.tinypic.com/k5fo8.jpg); color: black; border-radius: 60px;]


    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 480px; width: 350px; overflow: auto; width: 350px; height: 480px; opacity: 0.650;]
    [align=center]-IC-


    [/fancypost]




    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 480px; width: 350px; overflow: auto; width: 350px; height: 480px; opacity: 0.650;]
    [align=center]-OOC-
    c:
    So...there anything specific you saw that you'd like to learn?
    [/fancypost]



    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 150px; width: 250px; overflow: auto; width: 250px; height: 250px; opacity: 0.650;][align=center]-Hashtags-


    [/fancypost]


    [align=center]Like my fancypost? Click on the pretty flowers to head to my free fancypost shop and shops I work at!
    ❋ -- [color=black]❋
    ------------------------------
    [color=black][size=1]#winglessmadeit (c)Wingless
    [/fancypost]

    [fancypost bgcolor= ; background: url(http://fc09.deviantart.net/fs7…y_sven_werren-d5t1frc.jpg); border: 4px dashed #66FFFF; border-radius: 200px; height: 200px; width: 250px; overflow: auto; width: 300px; height: 250px; color: #FF6600; font-family: Comic Sans MS; text-shadow: 3px 3px 3px ;]
    (I had a really good one on my old account but I dont remember how i did it)
    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]

    [fancypost bgcolor= transparent; bordercolor= transparent; borderwidth= 0px; font-family: andale mono; font-size: 36px; margin-bottom: -13px; letter-spacing: 13px; text-align: left; color: aqua;][i]Wingless Says...[/fancypost][fancypost bgcolor= ; border: 20px navy; height: 1460px; width: 550px; background:url(http://oi48.tinypic.com/k5fo8.jpg); color: black; border-radius: 60px;]


    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 480px; width: 350px; overflow: auto; width: 350px; height: 480px; opacity: 0.650;]
    [align=center]-IC-


    [/fancypost]




    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 480px; width: 350px; overflow: auto; width: 350px; height: 480px; opacity: 0.650;]
    [align=center]-OOC-
    Kk.
    [/fancypost]



    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 150px; width: 250px; overflow: auto; width: 250px; height: 250px; opacity: 0.650;][align=center]-Hashtags-


    [/fancypost]


    [align=center]Like my fancypost? Click on the pretty flowers to head to my free fancypost shop and shops I work at!
    ❋ -- [color=black]❋
    ------------------------------
    [color=black][size=1]#winglessmadeit (c)Wingless
    [/fancypost]

    [fancypost bgcolor= transparent; bordercolor= transparent; borderwidth= 0px; font-family: andale mono; font-size: 36px; margin-bottom: -13px; letter-spacing: 13px; text-align: left; color: aqua;][i]Wingless Says...[/fancypost][fancypost bgcolor= ; border: 20px navy; height: 1460px; width: 550px; background:url(http://oi48.tinypic.com/k5fo8.jpg); color: black; border-radius: 60px;]


    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 480px; width: 350px; overflow: auto; width: 350px; height: 480px; opacity: 0.650;]
    [align=center]-IC-


    [/fancypost]




    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 480px; width: 350px; overflow: auto; width: 350px; height: 480px; opacity: 0.650;]
    [align=center]-OOC-
    Sure! Here *tosses in next lesson*





    Code
    1. letter-spacing: NUMBERpx;


    This will either put more space between letters or squish them together. Make a negitivate number for closer together and a positive number for farther apart. This is good for titles or text outside your text boxes.


    Code
    1. text-style: STYLE;


    This will make every letter in your fancypost italicized, strikethrough'ed, underlined, or bolded. italic, underline, bold, or strikethrough for the code.


    Code
    1. [fancypost borderwidth=0; border-left: NUMBERpx TYPE COLOR; border-bottom: NUMBERpx TYPE COLOR;]


    This is for a fancypost with two borders instead of four. You can change the left and bottom commands to change the two border places.


    [/fancypost]



    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 150px; width: 250px; overflow: auto; width: 250px; height: 250px; opacity: 0.650;][align=center]-Hashtags-


    [/fancypost]


    [align=center]Like my fancypost? Click on the pretty flowers to head to my free fancypost shop and shops I work at!
    ❋ -- [color=black]❋
    ------------------------------
    [color=black][size=1]#winglessmadeit (c)Wingless
    [/fancypost]

    [fancypost bgcolor= ; background: url(http://fc09.deviantart.net/fs7…y_sven_werren-d5t1frc.jpg); border: 4px dashed #66FFFF; border-radius: 50px; height: 300px; width: 350px; overflow: auto; width: 400px; height: 350px; color: #6600CC; font-family: Comic Sans MS; text-shadow: 3px 3px 3px; letter-spacing: 4px; text-style: underlined;]

    (I dont understand that last one?)


    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]

    [fancypost bgcolor= transparent; bordercolor= transparent; borderwidth= 0px; font-family: andale mono; font-size: 36px; margin-bottom: -13px; letter-spacing: 13px; text-align: left; color: aqua;][i]Wingless Says...[/fancypost][fancypost bgcolor= ; border: 20px navy; height: 1460px; width: 550px; background:url(http://oi48.tinypic.com/k5fo8.jpg); color: black; border-radius: 60px;]


    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 480px; width: 350px; overflow: auto; width: 350px; height: 480px; opacity: 0.650;]
    [align=center]-IC-


    [/fancypost]




    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 480px; width: 350px; overflow: auto; width: 350px; height: 480px; opacity: 0.650;]
    [align=center]-OOC-
    It's just like instead of a border all the way around, you have a border on just two sides of the fancypost.
    [/fancypost]



    [fancypost bgcolor= white; border: 20px navy; font-family: georgia; color: black; border-radius: 60px; height: 150px; width: 250px; overflow: auto; width: 250px; height: 250px; opacity: 0.650;][align=center]-Hashtags-


    [/fancypost]


    [align=center]Like my fancypost? Click on the pretty flowers to head to my free fancypost shop and shops I work at!
    ❋ -- [color=black]❋
    ------------------------------
    [color=black][size=1]#winglessmadeit (c)Wingless
    [/fancypost]


    [fancypost borderwidth=0; border-left: NUMBERpx TYPE COLOR; border-bottom: NUMBERpx TYPE COLOR;]


    [fancypost bgcolor= ; background: url(http://fc09.deviantart.net/fs7…y_sven_werren-d5t1frc.jpg); borderwidth= 4; border-left: 3px dashed blue; border-bottom: 3px dotted purple;overflow: auto; width: 400px; height: 350px; color: #6600CC; font-family: Comic Sans MS; text-shadow: 3px 3px 3px; letter-spacing: 4px; text-style: underlined;]

    (I dont understand that last one?)


    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]