Time To Get To Work (Fancypost Tutoring) [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/.

    It didn't work because you used a ; at the end of the (DIRECT LINK HERE) instead of a,


    In coding ; cancels a code so that you can use another one. In the cursor code, after the direct link you need a comma because after the link there is an auto. So you don't use this:


    cursor: url(DIRECT LINK HERE); auto;


    You use this:


    cursor: url(DIRECT LINK HERE), auto;

    [fancypost bgcolor=; background: linear-gradient(cyan, limegreen); height:450px; width:500px; border: 10px double limegreen]
    [shadow=white,left][size=20pt]Mistoffelees[/shadow][/size]

    [fancypost bgcolor=grey; height:150px; width:200px; overflow: auto; border: 7px dotted cyan;opacity: 0.5; overflow: auto]

    ~OOC~
    TEXT


    [/fancypost]    		 [fancypost bgcolor=grey; height:150px; width:200px; overflow: auto; border: 7px dotted cyan;opacity: 0.5; overflow: auto]

    ~IC~
    TEXT


    [/fancypost]


    [fancypost bgcolor=grey; height:150px; width:450px; overflow: auto; border: 7px dotted cyan;opacity: 0.5; overflow: auto]

    Lyrics
    TEXT


    [/fancypost]


    ©Mistoffelees
    [/fancypost]

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

    [align=center][fancypost bgcolor=; border:2px black solid; background:url(https://pbs.twimg.com/media/BECPfK7CAAAGpWP.jpg); height:250px; width:530px; background-size:100%; background-position: center; border-radius:3em 3em 0em 0em; color:skyblue; text-align:left;]
    [fancypost bgcolor=slategray; border: 1px black solid; border-radius:2em 2em 0em 0em; width: 450px; height: 165px; padding: 10px; overflow: hidden][fancypost bgcolor=; border: none; width: 450px; height: 165px; padding: 0px; padding-right: 27px; overflow: auto][fancypost bgcolor=; border: none; width: 450px; min-height: 165px; padding: 0px; font-size: 10px; line-height: 12px; text-align: justify; color: black; font-family: verdana]
    I base a lo of my lessons on the ones from those guides, but I still come up with and type out my own codes and lesson from scratch :3
    [/fancypost][/fancypost][/fancypost]
    [fancypost borderwidth=0px; text-shadow: 1px 1px black, 1px -1px black, -1px 1px black, -1px -1px black;][size=30pt][font=times new roman]Ivypool[/fancypost][/fancypost]


    [fancypost bgcolor=black borderwidth=2px; height:37px; width:530px; border-radius:0em 0em 3em 3em; color:skyblue; font-family:century gothic; margin-top:-10px;][size=15pt][b]NOBODY WANTS TO PLAY WITH A BROKEN TOY

    [fancypost borderwidth=0px; margin-bottom: -50px; margin-left: -20px; width: 380px;][img width=50 height=50]http://www.netanimations.net/large%20gears.gif[/img][/fancypost][fancypost bgcolor=silver; border: 0px; border-radius: 2em; width: 380px; height: 370px; overflow: hidden;][fancypost borderwidth=0px; width: 380px; height: 370px; padding: 0px; padding-right: 30px; overflow: auto;][fancypost borderwidth=0px; width: 380px; min-height: 370px; padding: 0px; font-size: 11px; font-family: courier; color: black;]







    Ic




    I think its awesome you get yours from scratch, I can hardly remember the exact code for most fancies so I 'scavenge' for codes in a way[/fancypost][/fancypost][/fancypost]
    [fancypost borderwidth=0px; margin-top: -50px; margin-left: -20px; width:380px;][img width=50 height=50]http://www.netanimations.net/large%20gears.gif[/img][/fancypost]    		 [fancypost borderwidth=0px; margin-bottom: -50px; margin-right: -70px; width: 100px;][img width=50 height=50]http://www.netanimations.net/large%20gears.gif[/img][/fancypost][fancypost bgcolor=silver; border: 0px; border-radius: 2em 2em 0em 0em; width: 100px; height: 180px; overflow: hidden;][fancypost borderwidth=0px; width: 100px; height: 180px; padding: 0px; padding-right: 30px; overflow: auto;][fancypost borderwidth=0px; width: 100px; min-height: 180px; padding: 0px; font-size: 11px; font-family: courier; color: black;]




    Ooc




    TEXT
    [/fancypost][/fancypost][/fancypost]
    [fancypost bgcolor=silver; border: 0px; border-radius: 0em 0em 2em 2em; width: 100px; height: 180px; overflow: hidden;][fancypost borderwidth=0px; width: 100px; height: 180px; padding: 0px; padding-right: 30px; overflow: auto;][fancypost borderwidth=0px; width: 100px; min-height: 180px; padding: 0px; font-size: 11px; font-family: courier; color: black;]Storytime




    Once upon a time there lived a peachy peachy mommy peach tree. But one day her legs(The stump if you're an idiot) were chopped off in the most violent way possible. With her peachy peachy peach babies watching. The last peachy baby was ignored for having worms in his eyeballs and left to rot alone. But one day when The last peachy peachy peach baby was about to shrivel up and die on the ground with his mothers feet dead(Stump again) near him, a child found him and exclaimed,"Peachy Peachy Peach Baby!!! You don't belong in a can!" he grabbed up the rotten squishy peachy peachy peach baby and ran off with it in one hand stopping by the garbage can next to the grocery store. He plucked a tin can and stuffed the squishy peachy peachy peach baby into the can and darted into the store placing the 'peach can' with the other peaches. A week later the grocery store was robbed by a thug that stole all of the peaches including peachy peachy peace baby. The thug ran to his home and quickly cooked a giant peach cobbler with all the peaches. He ate it all in one big bite! After a minute he laid dead on the floor. The moral of this story is dont eat rotten peaches in your peachcobbler Happy thanksgiving! :)




    [/fancypost][/fancypost][/fancypost]
    [fancypost borderwidth=0px; margin-top: -50px; margin-right: -70px; width: 100px;][img width=50 height=50]http://www.netanimations.net/large%20gears.gif[/img][/fancypost]


    #princessofhearts© beware hidden scrolling

    Ive had not as long as that, Maybe a month or two possibly three?? We kind of stopped after the summer and we got going again pretty recently

    [align=center][fancypost bgcolor=transparent; bordercolor=black; borderwidth=1px; height: 120px; width: 350px; background:url(https://media2.giphy.com/media/8yBNHM2An7eaA/200.gif) center; background-size: 100%; margin-top: -10px; margin-center: 90px;]
    [/fancypost]
    [fancypost bgcolor= transparent; bordercolor= transparent; borderwidth= 0px; font-family: bookman oldstyle; font-style: italics; font-size: 35px; letter-spacing: -3px; text-align: center; margin-top: -20px; color: white; text-shadow: 1px 1px 1px black;]( ORCA )[/fancypost]

    [fancypost bgcolor=transparent; border: none; width: 380px; height: 180px; padding: 10px; overflow: hidden; margin-left: -5pt; margin-top: -5px;][fancypost bgcolor=; border: none; width: 380px; height: 180px; padding: 0px; padding-right: 27px; overflow: auto;][fancypost bgcolor=; border: none; width: 380px; min-height: 180px; padding: 0px; font-size: 11px; line-height: 12px; letter-spacing: 1px; text-align: justify; cursor: url("http://cur.cursors-4u.net/nature/images8/nat712.gif"), auto;]
    Agree with misto.







    Also, life lesson; don't put your hand over a candle. Ouch!


    [fancypost bgcolor=transparent; bordercolor=transparent; borderwidth=1px; height: 20px; width: 246px; font-family: georgia; color: white; text-transform: lowercase; text-align: center; margin-top: -5pt; font-size: 7pt;]
    hidden scrolling | [c][/fancypost]

    [align=center][fancypost bgcolor=transparent; bordercolor=black; borderwidth=1px; height: 120px; width: 350px; background:url(https://media2.giphy.com/media/8yBNHM2An7eaA/200.gif) center; background-size: 100%; margin-top: -10px; margin-center: 90px;]
    [/fancypost]
    [fancypost bgcolor= transparent; bordercolor= transparent; borderwidth= 0px; font-family: bookman oldstyle; font-style: italics; font-size: 35px; letter-spacing: -3px; text-align: center; margin-top: -20px; color: white; text-shadow: 1px 1px 1px black;]( ORCA )[/fancypost]

    [fancypost bgcolor=transparent; border: none; width: 380px; height: 180px; padding: 10px; overflow: hidden; margin-left: -5pt; margin-top: -5px;][fancypost bgcolor=; border: none; width: 380px; height: 180px; padding: 0px; padding-right: 27px; overflow: auto;][fancypost bgcolor=; border: none; width: 380px; min-height: 180px; padding: 0px; font-size: 11px; line-height: 12px; letter-spacing: 1px; text-align: justify; cursor: url("http://cur.cursors-4u.net/nature/images8/nat712.gif"), auto;]
    I know that one.


    [fancypost bgcolor=transparent; bordercolor=transparent; borderwidth=1px; height: 20px; width: 246px; font-family: georgia; color: white; text-transform: lowercase; text-align: center; margin-top: -5pt; font-size: 7pt;]
    hidden scrolling | [c][/fancypost]

    [align=center][fancypost bgcolor=; border:2px black solid; background:url(https://pbs.twimg.com/media/BECPfK7CAAAGpWP.jpg); height:250px; width:530px; background-size:100%; background-position: center; border-radius:3em 3em 0em 0em; color:skyblue; text-align:left;]
    [fancypost bgcolor=slategray; border: 1px black solid; border-radius:2em 2em 0em 0em; width: 450px; height: 165px; padding: 10px; overflow: hidden][fancypost bgcolor=; border: none; width: 450px; height: 165px; padding: 0px; padding-right: 27px; overflow: auto][fancypost bgcolor=; border: none; width: 450px; min-height: 165px; padding: 0px; font-size: 10px; line-height: 12px; text-align: justify; color: black; font-family: verdana]
    XD


    So, what do you guys want to go over next?
    [/fancypost][/fancypost][/fancypost]
    [fancypost borderwidth=0px; text-shadow: 1px 1px black, 1px -1px black, -1px 1px black, -1px -1px black;][size=30pt][font=times new roman]Ivypool[/fancypost][/fancypost]


    [fancypost bgcolor=black borderwidth=2px; height:37px; width:530px; border-radius:0em 0em 3em 3em; color:skyblue; font-family:century gothic; margin-top:-10px;][size=15pt][b]NOBODY WANTS TO PLAY WITH A BROKEN TOY

    [align=center][fancypost bgcolor=transparent; bordercolor=black; borderwidth=1px; height: 120px; width: 350px; background:url(https://media2.giphy.com/media/8yBNHM2An7eaA/200.gif) center; background-size: 100%; margin-top: -10px; margin-center: 90px;]
    [/fancypost]
    [fancypost bgcolor= transparent; bordercolor= transparent; borderwidth= 0px; font-family: bookman oldstyle; font-style: italics; font-size: 35px; letter-spacing: -3px; text-align: center; margin-top: -20px; color: white; text-shadow: 1px 1px 1px black;]( ORCA )[/fancypost]

    [fancypost bgcolor=transparent; border: none; width: 380px; height: 180px; padding: 10px; overflow: hidden; margin-left: -5pt; margin-top: -5px;][fancypost bgcolor=; border: none; width: 380px; height: 180px; padding: 0px; padding-right: 27px; overflow: auto;][fancypost bgcolor=; border: none; width: 380px; min-height: 180px; padding: 0px; font-size: 11px; line-height: 12px; letter-spacing: 1px; text-align: justify; cursor: url("http://cur.cursors-4u.net/nature/images8/nat712.gif"), auto;]
    Sure! I'll give it a go!


    [fancypost bgcolor=transparent; bordercolor=transparent; borderwidth=1px; height: 20px; width: 246px; font-family: georgia; color: white; text-transform: lowercase; text-align: center; margin-top: -5pt; font-size: 7pt;]
    hidden scrolling | [c][/fancypost]

    bloom. wrote:
    margins


    Without margins a 150x150 box


    [fancypost bgcolor=green; height 300px; width: 300px; border: 5px solid black]
    [fancypost bgcolor=black; height: 150px; width: 150px; border: 5px solid white][/fancypost]
    [/fancypost]


    With a right margin of -10px
    [fancypost bgcolor=green; height 300px; width: 300px; border: 5px solid black]
    [fancypost bgcolor=black; height: 150px; width: 150px; border: 5px solid white; margin-right: -10px][/fancypost]
    [/fancypost]


    I highly recommend using negative numbers because they give you more control of where the fancypost is going because once you get into the higher positive numbers(90px) you won't get the actual effect of the number. I was using a right margin code and noticed my fancy wasn't moving in the example. So, I used 90px with a right margin code, and it went left But, using a -90px, the fancypost started going off of the screen, but it was going in the right direction. So, to make things much easier on you as the coder, use a negative number.


    Okay, your first ever homework assignment:
    Make a fancypost with the following:
    -Margins(1pt)
    -Four boxes(4pts)
    -Two background codes(2pts)
    -Different style borders(1pt)
    -Scrolling(1pt)
    -Opacity(1pt)


    That's 10pts in total!