Fancypost Tutoring (Private)

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/.
  • PERFECT. Congrats, you have mastered basic fancyposts. :P :)


    You insert codes after every ';' of the string. So, here's an example.


    bordercolor= #000000; borderwidth= 3px;]


    Notice how there's a space after every ';'. That starts a new code, adding to the string. And can you see the ']' at the end of the code? That ends it, making it capped. You insert the next code between the ';' and the ']'. So, for the next code to go, you put this:


    ; CODE HERE]


    Okay? :)

  • Not yet; I haven't taught you any codes to insert. It's just a head's-up for the next parts. First, I'll teach you how to make dashed edges. For this one, you don't insert the code at the end. It's pretty weird. But, you paste it over part of the code. Here is the code for dashed edges:


    Code
    1. border-top: NUMBERpx dashed HEX COLOR; border-left: NUMBERpx dashed HEX COLOR; border-bottom: NUMBERpx dashed HEX COLOR; border-right: NUMBERpx dashed HEX COLOR;


    Paste it over the 'bordercolor = HEX COLOR; borderwidth= NUMBERpx;]' part of the basic code. So, with the dashed borders, the code is:



    Okay? Try it. Put together a fancypost, fill it in the same way you would with solid borders.

  • Hm...


    Just fill out the whole code I gave you.


    Or, practice inserting codes. Preview your post before you post it to see if they work, and if it doesn't, revise it! See where you went wrong. If you're inserting the codes manually, compare what you did to the code I gave you. See if they're the same. Then fill it out.

  • Perfect! -Claps-
    But you need to use the dashed edges code I gave you.



    [fancypost bgcolor= #00F5FF; border-top: 3px dashed #FFFFFF; border-left: 3px dashed #FFFFFF; border-bottom: 3px dashed #FFFFFF; border-right: 3px dashed #FFFFFF;]


    [fancyimage]http://www.glitterboom.com/img/stars/002.gif[/fancyimage]
    [font=georgia][color=#FFFFFF]


    I'm a dreamer~
    I'm a believer~
    You can't hurt me~
    -----
    OOC ;;


    IC ;;
    -----
    I can walk on water
    I can fly
    I will keep on flying
    'Till I die!


    [size=6pt]Template [c] Nilzii
    EXAMPLE POST[/size]


    [/fancypost]


    Like that. Notice the borders. The code for a post like this is above, but it's not the code for this post.

  • Great job!!


    Would you like to try again, or would you like to move on to a new code?


    You can also do dotted borders. All you have to do is change 'dashed' to 'dotted' in this part of the code:



    border-top: NUMBERpx dashed HEX COLOR; border-left: NUMBERpx dashed HEX COLOR; border-bottom: NUMBERpx dashed HEX COLOR; border-right: NUMBERpx dashed HEX COLOR;]

  • Well, this one is simple. Scroll bars! Just add it to the end of the code.


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


    I suggest using a number between 100-150 when putting a number in. Depending on how much you're going to type. Small posts = 30-50, medium = 50-100, large = 100-150.


    [fancypost bgcolor= #FFFFFF; border-top: 4px dashed #000000; border-left: 4px dashed #000000; border-bottom: 4px dashed #000000; border-right: 4px dashed #000000; overflow: auto; width: Numberpx; height: 70px;]


    [fancyimage]http://www.glitterboom.com/img/stars/002.gif[/fancyimage]


    Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text



    [/fancypost]

  • Close. Remember, you need to add it at the first part of the code. In between the ';' and the ']' part.



    Try that code. Or study it and try to put the code in like that.

  • [fancypost bgcolor= #608341; border-top: 5px dashed #5DFC0A; border-left: 5px dashed #5DFC0A; border-bottom: 5px dashed #5DFC0A; border-right: 5px dashed #5DFC0A;overflow: auto; width: 300px; height: 160px]


    [fancyimage]https://colorslive.com/halfs/000/021/083/_210837.jpg [/fancyimage]



    YOUR TEXT HER100

    [/fancypost]

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

  • Better. You know, you can also leave the width part blank. It'll fit the fancypost to how big it should be. ;)


    BTW. I was just tutored in making graphics. Do you think this is good?


  • Oh, I found that a good program is GIMP7.0


    It's the one that I used to make that photo, and the download is free. It comes with everything you need, too.