A Guide to Making a Fancypost {scrollies, dashed border, rounded edges, etc}

[bruno.]

^{Ever seen those fancy posts people use? Perhaps in their character gallery, or an advanced thread? Ever wonder how you can make one? well, read on my friends! 8D Credit to Bruno, do not steal. <3
EDIT : You may not steal any of this guide, OR an of my works of fancyposts, neither is acceptable.}

(click to show/hide)

Oakpaw
Heart beats fast
Colors and promises
How to be brave
How can I love when I'm afraid to fall
But watching you stand alone
All of my doubt suddenly goes away somehow

-----



------

I have died everyday waiting for you
Darling don't be afraid I have loved you
For a thousand years
I'll love you for a thousand more

Time stands still
Beauty in all she is
I will be brave
I will not let anything take away
What's standing in front of me
Every breath
Every hour has come to this

^{Step One !}

(click to show/hide)

<sup>There are a few websites that you will need to have. if you don't have them and/or can't access them, you fail won't be able to make these.

The Sites;;
a cat-finding website for pictures {flickr, sobi.org, etc.}
TekTek {I will ONLY give instructions for this HTML site}
and last but not least,
CoolChaser {or any fancy font site}

Note;; enter all of your stuff gathered into a Word document, or something like that ;]</sup>

^{Step Two !}

(click to show/hide)

<sup>Enter CoolChaser and TekTek {on my last step} and look around. First, we're going to use CoolChaser. Type in your text on the very first box, then select your favorite text. Copy it. Now enter TekTek. Paste your selected text into the "Your text," box. Now, under the Gradient Setup is two boxes. Click on the first one, and choose your color and shade. Do the same for the second color box. Now check down at the bottom, and it will say and look something like this,

тнιѕ ιѕ ωнαт уσυя тєχт ѕнσυℓ∂ ℓσσк ℓιкє. иєαт, нυн؟

You go and try that xD</sup>

^{Step Three !}

(click to show/hide)

_{Go onto your site {flickr, sobi.org, etc.} and type in the desired text and cat colour in the search engine, if that site has one. Be sure that once you select your image, you are allowed to use it and to give credit to the author if they wish for it. Choose your one and get the DIRECT link.}

^{Step Four !}

(click to show/hide)

_{Now, for actually making the "box" around your post. You guys have all this in a Word document, correct? Alright, so first, you use this code;;}

Code: [Select]

[center][fancypost bgcolor=This is the color inside! bordercolor=This is the border color@ borderwidth=How big the border is!px]

[fancyimage]Put your picture here. NO IMG's CODES![/fancyimage]
[font=georgia][color=Color of your text goes here.]

YOUR TEXT HERE

[/color][/font]
[/fancypost][/center]_{You try and fill that out ^^ Remember, the picutre goes inside of the fancyimage, but you do NOT need this code,}

Code: [Select]

[img]link[/img]_{Also, try the sizing. That's the next step, but you can try it now c:}

^{Step Five !}

(click to show/hide)

^{You should try and make the name of the character larger, and the lyrics/poem a little smaller than the name. That's what I do, at least xD Put the sizing code around the title, and make it ... 18. Then the same for the lyrics. Let's make those 12. And you can keep the text the same ^^
Now, for the spacing. I usually put one space between title and lyrics, two between lyrics and text, and two between text and credits. So you go ahead and try!}

^{Step Six !}

(click to show/hide)

^{Did yours not turn out like mine? Well, if you have any further questions you are free to post here or PM me! 8D}

^{ADVANCED OPTIONS !}

(click to show/hide)

Ever wonder how to make an awesome, checked border, rounded edges, scrolling text, or even multiple fancyposts inside one fancypost? Don't know what it is? Example is here ;;

fancypost [c] bruno do not use FAITHJOY ?!

text goes here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here ooc: plot ideas: muse: tags:

CHECKED/DOTTED BORDERS

(click to show/hide)

This is the most simple advanced code, yet it can look very pretty if you do it right. First of all, this is the code :

Code: [Select]

[fancypost bgcolor=#colorhere; border: borderwidthpx dashed/dotted<YOUMUSTPICKANDDELETETHIS #bordercolor;][/fancypost]You can see that it's mostly like the normal fancypost code except for a few things. BGcolor changes the Background, border width changes the border width, as the border color changes the border color. YOU MUST DELETE ONE OF THE DASHED/DOTTED AND REMOVE THE OTHER ONE AND THE NOTES. You must - or else good like getting it to work. c: Font changes what font your whole fancypost will be in, as does the font size and text color. Now look what I can do once I fill everything out with pretty colors and sizes!

text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here

MULTIPLE FANCYPOSTS

(click to show/hide)

Code: [Select]

[fancypost bgcolor=#color bordercolor=#color borderwidth=sizepx]text goes here~[fancypost bgcolor=#color bordercolor=#color borderwidth=sizepx;]text goes here~
[/fancypost]
[/fancypost]

why 'ello there =]

quite a pretty code, ain't it?

Once again, the only things you have to mess around with you'e already seen and this is a very easy code, so I'm not gonna go into more details. Just post if you need more help.

SCROLLIES

(click to show/hide)

^{Use this code, first of all:}

Code: [Select]

[fancypost bgcolor= color; bordercolor=color borderwidth=0px; overflow: auto; height: numberpx][/fancypost]^{The only thing that you need to do is enter in the BGcolor, the bordercolor, and if you are making a borderwidth, then that too. Once you do that, if will turn out like this:}

text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here

BACKGROUND IMAGE

(click to show/hide)

Code: [Select]

[fancypost bgcolor= ; background: url(link here); bordercolor=colour; borderwidth=_px]words here[/fancypost]You can leave the bg blank, but where it says 'link here' replace it with the direct link of your image. Make sure the image is not copyrighted also or that is art theft. Fill in the bordercolour and width and you're good to go.

TABLES

(click to show/hide)

Code: [Select]

[table]
[tr]
[td][/td]
[td][/td]
[/tr]
[/table]This code is kind of hard to get down, but once you get the hang of it it is easy. ^w^ At the beginning of the advanced options, you see my example? I used a table code there, see how the boxes where you type and the picture are side by side? But that's kind of harder to do so I'll just go with the more basic way.

First off, decide which side you want you template on and which side you want your picture on: left or right. Let's say you want your picture on the left. In that case, you would enter in the img code and the direct link to the pic in the first td /td code. Then same thing for the template, only on the bottom td /td code. And, it would end up somewhat like this:

asdjaksdjaksd

ROUNDED EDGES

(click to show/hide)

Code: [Select]

fancypost bgcolor=#colorhere; border: _px solid #colorhere; border-radius: _px]words go here[/fancypost]

(click to show/hide)

^{As your skills and understand of the coding lengthen, you can try going on and adding more and more into your codes to make it prettier and more well-developed. If you have any suggestions of what I can add up here, please do tell, and I'll put it up. :]}

[Linda is switching accounts.]

Very nice tutorial! Bumperooni! ^_^

[bruno.]

^{Thank ya! I may have missed something up there, so if you want me to add something or to go further into detail, just tell me c:}

[bruno.]

Bump <3

[Viperfang]

WooHoo! I'll be reading over this! (and bookmarking it)

[bruno.]

Yay! 8D It's great to hear this helped!

[˙•٠•●♥Emily♥●•٠•˙]

mine:

ємιℓу

[bruno.]

I luff helping people <3 xDDD

[˙•٠•●♥Emily♥●•٠•˙]

I luff helping people <3 xDDD

my background colour didnt work

[bruno.]

Can i see the code from that? c:

[˙•٠•●♥Emily♥●•٠•˙]

Code: [Select]

[center][fancypost bgcolor=#ccff00=5=ispx]

[fancyimage]https://encrypted-tbn0.google.com/images?q=tbn:ANd9GcRHvNmbVSThW_GvvKFMxz3D0idFyuwgiy9J2_0pCR3yQh1HkI5Y[/fancyimage]
[font=georgia][color=blue]

[color=#AA00FF]є[/color][color=#8824E4]м[/color][color=#6649CA]ι[/color][color=#436EAF]ℓ[/color][color=#229395]у[/color]

[/color][/font]
[/fancypost][/center]

[bruno.]

take out the

Code: [Select]

=5=isin the BG color ;]

[˙•٠•●♥Emily♥●•٠•˙]

ємιℓу

[bruno.]

Take out the px too. c:

[˙•٠•●♥Emily♥●•٠•˙]

ємιℓу


hello