Welcome to your graphic tutoring class!
What would you like to begin learning first?
Z Private Tutoring with Insanity
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/.
-
-
Fancy fancyposts? Like ones with rounded edges, dashed borders etc.?
-
Alright, let's start with the simple 'rounded edges'.
The coding will appear like this:
After filling it all in, I completed what looks like this:
[fancypost bgcolor=white; bordercolor=green; borderwidth=5px; border-radius: 15px;]TEXT TEXT TEXT
[/fancypost]
The code appears as:
Now, see if you can do that.[/align]
-
[fancypost bgcolor=#33CCFF; bordercolor=#FFFF66; borderwidth=5px; border-radius:15px]
Like This?
[/fancypost]
-
[fancypost bgcolor=white; border-top: 2px dashed black; border-left: 2px dashed black; border-bottom: 2px dashed black; border-right: 2px dashed black; border-radius: 50px; font-family: georgia; color: green; text-align: center]Great, now this is the dotted curved fancypost. I use this style to create loads of others. But, I'll show you how to do that later. Now, see if you can make one of your own.[/fancypost]
-
[fancypost bgcolor=#34D100; bordercolor=#FFFF66; border-top: 2px dashed black; border-left: 2px dashed black; border-bottom: 2px dashed black; border-right: 2px dashed black; border-radius: 50px; font-family: georgia; color:#33CCFF; text-align: center]Cool![/fancypost]
-
Try making this Rounded Corners Double Post Scrollie.
Code- [align=center][fancypost bgcolor= HUE; background-color: REPEAT HUE; border-radius: 40px; width: 555px;][fancypost bgcolor= ; padding: 10px; border: 0px solid #1F1E1E;][fancypost bgcolor=; #000000 bordercolor=#212121 borderwidth=0px; font-family: georgia; font-size: 18px; margin-top: -30px; color: #f04a79; letter-spacing: 2px; text-transform: uppercase; text-align:left]TITLE WITH FANCY HUE ADDED[/fancypost]
- [fancypost bgcolor= HUE; bordercolor=REPEAT HUE borderwidth=0px; width: 450px; overflow: auto; height: 125px; text-align: center; font: 12px georgia; color: #0a0a45; padding: 20px; margin-top: 5px; margin-bottom: 15px; border-radius: 20px;]
- text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here[/fancypost][/align]
[fancypost bgcolor= red; background-color: red; border-radius: 40px; width: 555px;][fancypost bgcolor= ; padding: 10px; border: 0px solid #1F1E1E;][fancypost bgcolor=; #000000 bordercolor=#212121 borderwidth=0px; font-family: georgia; font-size: 18px; margin-top: -30px; color: #f04a79; letter-spacing: 2px; text-transform: uppercase; text-align:left]Gecko[/fancypost]
[fancypost bgcolor= green; bordercolor=green borderwidth=0px; width: 450px; overflow: auto; height: 125px; text-align: center; font: 12px georgia; color: #ffffff; padding: 20px; margin-top: 5px; margin-bottom: 15px; border-radius: 20px;]
text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here[/fancypost] -
Hmmmmm.
[fancypost bgcolor= beige; background-color: beige; border-radius: 40px; width: 555px;][fancypost bgcolor= brown; padding: 10px; border: 0px solid #1F1E1E;][fancypost bgcolor=; #000000 bordercolor=#212121 borderwidth=0px; font-family: georgia; font-size: 18px; margin-top: -30px; color: #f04a79; letter-spacing: 2px; text-transform: uppercase; text-align:left]Insanity[/fancypost]
[fancypost bgcolor= white; bordercolor= white borderwidth=0px; width: 450px; overflow: auto; height: 125px; text-align: center; font: 12px georgia; color: #0a0a45; padding: 20px; margin-top: 5px; margin-bottom: 15px; border-radius: 20px;]Put text here.[/fancypost]That's weird. I tripled the fancyposts, or else I did something extremely wrong.

-
Glorious!
Now, let's try a simple double post.[fancypost bgcolor=#000000 bordercolor=#ffffff borderwidth=6px]
[fancypost bgcolor=#ffffff bordercolor=#000000 borderwidth=6px]
TEXT TEXT TEXT[/fancypost]
[/fancypost] -
Hmmmmm.[fancypost bgcolor= beige; background-color: beige; border-radius: 40px; width: 555px;][fancypost bgcolor= brown; padding: 10px; border: 0px solid #1F1E1E;][fancypost bgcolor=; #000000 bordercolor=#212121 borderwidth=0px; font-family: georgia; font-size: 18px; margin-top: -30px; color: #f04a79; letter-spacing: 2px; text-transform: uppercase; text-align:left]Insanity[/fancypost]
[fancypost bgcolor= white; bordercolor= white borderwidth=0px; width: 450px; overflow: auto; height: 125px; text-align: center; font: 12px georgia; color: #0a0a45; padding: 20px; margin-top: 5px; margin-bottom: 15px; border-radius: 20px;]Put text here.[/fancypost]That's weird. I tripled the fancyposts, or else I did something extremely wrong.

Wait, perhaps you didn't use the code correctly?
I'll try again and give you my exact code.[fancypost bgcolor= green; background-color: green; border-radius: 40px; width: 555px;][fancypost bgcolor= ; padding: 10px; border: 0px solid #1F1E1E;][fancypost bgcolor=; #000000 bordercolor=#212121 borderwidth=0px; font-family: georgia; font-size: 18px; margin-top: -30px; color: #f04a79; letter-spacing: 2px; text-transform: uppercase; text-align:left]TITLE WITH FANCY HUE ADDED[/fancypost]
[fancypost bgcolor= red; bordercolor=red borderwidth=0px; width: 450px; overflow: auto; height: 125px; text-align: center; font: 12px georgia; color: #0a0a45; padding: 20px; margin-top: 5px; margin-bottom: 15px; border-radius: 20px;]
text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here[/fancypost] -
I see the problem.
Try using this code:Code- [align=center][fancypost bgcolor= HUE; background-color: REPEAT HUE; border-radius: 40px; width: 555px;][fancypost bgcolor= ; padding: 10px; border: 0px solid #1F1E1E;][fancypost bgcolor=; #000000 bordercolor=#212121 borderwidth=0px; font-family: georgia; font-size: 18px; margin-top: -30px; color: #f04a79; letter-spacing: 2px; text-transform: uppercase; text-align:left]TITLE WITH FANCY HUE ADDED[/fancypost]
- [fancypost bgcolor= HUE; bordercolor=REPEAT HUE borderwidth=0px; width: 450px; overflow: auto; height: 125px; text-align: center; font: 12px georgia; color: TEXT HUE; padding: 20px; margin-top: 5px; margin-bottom: 15px; border-radius: 20px;]
- text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here[/fancypost][/align]
-
*nods*
Alright, let's go back to the Double Post Curved Scrollie.
See if you can do that one.
Also, I suggest keeping the 'text here' parts, it displays the fact that it's a scrollie. -
Corrected fancypost:
[fancypost bgcolor= yellow; background-color: yellow; border-radius: 40px; width: 555px;][fancypost bgcolor= ; padding: 10px; border: 0px solid #1F1E1E;][fancypost bgcolor=; #000000 bordercolor=#212121 borderwidth=0px; font-family: georgia; font-size: 18px; margin-top: -30px; color: #f04a79; letter-spacing: 2px; text-transform: uppercase; text-align:left]Like This?[/fancypost]
[fancypost bgcolor= blue; bordercolor=blue borderwidth=0px; width: 450px; overflow: auto; height: 125px; text-align: center; font: 12px georgia; color: white; padding: 20px; margin-top: 5px; margin-bottom: 15px; border-radius: 20px;]
text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here[/fancypost]New:
[fancypost bgcolor=beige bordercolor=black borderwidth=6px]
[fancypost bgcolor=beige bordercolor=black borderwidth=6px]
TEXT TEXT TEXT[/fancypost]
[/fancypost] -
[fancypost bgcolor= #000000; background:url('http://i1176.photobucket.com/albums/x340/suimode/6A-%20Pattern%20Collection/PatternCollection_suimode100.jpg');]
Wonderful, now let's establish using a background image on your fancypost. This is the easiest form of a background image fancypost. In fact, this version doesn't even have a border, but we'll try it anyways.
[/fancypost]
-
[fancypost bgcolor= #000000; background:url('http://i1176.photobucket.com/albums/x340/suimode/6A-%20Pattern%20Collection/PatternCollection_suimode100.jpg');]
Where do you get different background patterns?
[/fancypost]
-
I normally just use websites like Colour Lovers Patterns {the only problem with the website is that you have to download the pattern, then you have to upload it online somewhere}. Besides that, I just use Google, despite how risky it is.
Oh, and this is my sub-account, Professor Curio, specifically made for my tutoring classes.
-
[fancypost bgcolor= brown; background-color: brown; border-radius: 40px; width: 555px;][fancypost bgcolor= ; padding: 10px; border: 0px solid #1F1E1E;][fancypost bgcolor=; #000000 bordercolor=#212121 borderwidth=0px; font-family: georgia; font-size: 18px; margin-top: -30px; color: black; letter-spacing: 2px; text-transform: uppercase; text-align:left]•}Insanity{•[/fancypost]
[fancypost bgcolor= beige; bordercolor=beige borderwidth=0px; width: 450px; overflow: auto; height: 125px; text-align: center; font: 12px georgia; color: black; padding: 20px; margin-top: 5px; margin-bottom: 15px; border-radius: 20px;]
Ah, I see. May I call you Professor, professor?[/fancypost] -
[fancypost bgcolor= #d1b190; background-color: #d1b190; border-radius: 40px; width: 555px;][fancypost bgcolor= ; padding: 10px; border: 0px solid #1F1E1E;][fancypost bgcolor=; #000000 bordercolor=#212121 borderwidth=0px; font-family: georgia; font-size: 18px; margin-top: -30px; color: #f04a79; letter-spacing: 2px; text-transform: uppercase; text-align:left]Professor Curio[/fancypost]
[fancypost bgcolor= #ffffff; bordercolor=#ffffff borderwidth=0px; width: 450px; overflow: auto; height: 125px; text-align: center; font: 12px georgia; color: #0a0a45; padding: 20px; margin-top: 5px; margin-bottom: 15px; border-radius: 20px;]
Yes, you certainly may. I'm testing out this fancypost right now, as I see you're testing out your own.[/fancypost] -
[fancypost bgcolor=#D966FF; bordercolor=#FF668C; borderwidth=5px; border-radius:15px]
How do you like this, Professor?
[/fancypost]
-
Looks great!
Now, let's try adding different templates and mixing them together.
For example, I created this one last night:
[fancypost bgcolor=; bordercolor=#ffffff; borderwidth= 3px; border-radius: 100px; border-top: 3px dashed #FFFFFF; border-left: 3px dashed #FFFFFF; border-bottom: 3px dashed #FFFFFF; border-right: 3px dashed #FFFFFF; background:url(http://i19.photobucket.com/alb…es/neonpaintsplatter1.jpg);]
[fancypost bgcolor=white; border-top: 2px dashed black; border-left: 2px dashed black; border-bottom: 2px dashed black; border-right: 2px dashed black; border-radius: 50px; font-family: georgia; color: #f00cf0; text-align: center]lÿṉḋṡεÿ αlεχαṉḋɾα αɾṃṡτɾøṉģ[/fancypost]
[fancypost bgcolor=white; border-top: 2px dashed black; border-left: 2px dashed black; border-bottom: 2px dashed black; border-right: 2px dashed black; border-radius: 50px; font-family: georgia; color: #f00cf0; text-align: center]ρhøτøģɾαρhεɾ[/fancypost]
[fancypost bgcolor=white; border-top: 2px dashed black; border-left: 2px dashed black; border-bottom: 2px dashed black; border-right: 2px dashed black; border-radius: 50px; font-family: georgia; color: #f00cf0; text-align: center]αɾτïṡτ[/fancypost]
[fancypost bgcolor=white; border-top: 2px dashed black; border-left: 2px dashed black; border-bottom: 2px dashed black; border-right: 2px dashed black; border-radius: 50px; font-family: georgia; color: #f00cf0; text-align: center]ḋαṉсεɾ[/fancypost]
[fancypost bgcolor=white; border-top: 2px dashed black; border-left: 2px dashed black; border-bottom: 2px dashed black; border-right: 2px dashed black; border-radius: 50px; font-family: georgia; color: #f00cf0; text-align: center]POST HERE POST HERE POST HERE[/fancypost]
✖✖✖
[size=6pt]Template by Curiosity[/size]
[/fancypost]
See if you can make something using several fancyposts inside of each other.
Another example would be this one that I made:
[fancypost bgcolor=#9eb9f0 bordercolor=#0855f0 borderwidth=2px-; letter-spacing: 0px; text-align: center; border: 1px solid; border: 3px dotted #ffffff; background:url(http://2.bp.warriors.com/-25eY…kid-1.jpg);border-radius: 20px;][font=georgia] ḋαṉṉÿ јαṃεṡøṉ
[fancypost bgcolor=#000000 bordercolor=#ffffff borderwidth=3px; border: 3px dotted #f593ac; border-radius: 20px; border-radius: 20px] [color=white] [font=georgia] "I was so happy when you smiled;
Your smile breaks through the clouds of gray.
Far from the sunny days that lie in sleep,
waiting with patience for the spring when the flowers can bloom renewed again." [/fancypost][fancypost bgcolor=#000000 bordercolor=#ffffff borderwidth=3px; border: 3px dotted #f593ac; border-radius: 20px; border-radius: 20px] [color=white] [font=georgia]TEXT TEXT TEXT[/fancypost]
[fancypost bgcolor=#000000 bordercolor=#ffffff borderwidth=3px; border: 3px dotted #f593ac; border-radius: 20px; border-radius: 20px] [color=white] [font=georgia]"Knowing there’s more beyond the pain of today.
Although the scars of yesterday remain,
you can go on living as much as your heart believes.
You can’t be born again although you can change.
Let’s stay together always."[/fancypost][color=white]C O M M E N T S ;;
M U S E ;;
[size=5pt] Fancypost © FFStudioZ; [/size]
[/fancypost]Of course, you may want to use the pictured curved template:
[fancypost bgcolor=; bordercolor=#ffffff; borderwidth= 3px; border-radius: 100px; background:url(http://www.ibiblio.org/wm/pain…nsky/kandinsky.comp-8.jpg);]
TEXT TEXT TEXT[/fancypost]