a guide to fancyposts! (wip)
Nov 2, 2014 5:23:16 GMT -5
Post by Civet. on Nov 2, 2014 5:23:16 GMT -5
a guide to fancyposts!
Since there was no guide for this, I decided to make one. ProBoards coding is quite different from the usual "[fancypost bgcolor=#ffffff]" and all, and is more related to HTML and CSS. Here are some codes below!
BLOCKQUOTE
"Blockquote" is a code, just like a regular fancypost, except it's easier is make. It creates a transparent box for putting text in, and you can repeat it as many times as you want (like a fancypost inside a fancypost) until you get a size you want. I'm using three "blockquote"s for my default posting template, but you can have more or less if you want.
[blockquote]TEXT[/blockquote]
And if you want two:
[blockquote][blockquote]TEXT[/blockquote][/blockquote]
And so on.
REGULAR FANCYPOST
Was this what you were waiting for? I had a feeling.
If you want the fancypost looking neat, there's more to it than just colors. Although, I've already done it for you:
TEXT TEXT TEXT TEXT
Here's the code! And if you're not the best in coding (like me), don't replace anything that isn't in CAPITAL LETTERS.
[div align="center"][div style="background-color:#HEXCODE;border:NUMBERpx solid #COLOR;padding:5px;width:NUMBERpx;"]TEXT TEXT TEXT TEXT[/div][/div]
BORDER TYPES
Now, that, my friend, is easy. There are nine types of borders, and here they are:
NONE: no border at all.
SOLID: a solid border, only one color.
DOTTED: a border consisting of dots.
DASHED: a border consisting of dashes.
DOUBLE: a border is split into two. So, if you say "3px" for the border, both borders around the fancypost will be one pixel big. Note that "2px" and "1px" onlt makes it solid.
GROOVE: a 3D border.
RIDGE: another 3D border.
INSET: another 3D border.
OUTSET: another 3D border.
UNIVERSAL TEXT COLOR/FONT/FONT SIZE
No need to keep on putting a color when you have horizontal rules! Yeah!
TEXT TEXT TEXT TEXT OMG THIS TEXT IS GIANT GOODNESS IT NEEDS TO
LOSE WEIGHT
LOSE WEIGHT
Universal color:
color:#HEXCODE;
Universal font size:
font-size:NUMBERpx;
Universal font:
font-family:FONT;
And, if you want your text centered/justified/aligned to the right:
text-align:TEXTALIGN
Replace the 'TEXTALIGN' with center, justify, or right.
SCROLLIES
An essential part of a fancypost, especially for advanced coders.
TEXT TEXT TEXT
TEXT
TEXT
TEXT
THIS
IS
A
SCROLLIEEEEEEEE!
TEXT
TEXT
TEXT
TEXT
THIS
IS
A
SCROLLIEEEEEEEE!
TEXT
Scrollie code:
height:NUMBERpx;overflow:auto;