Post by sans on Jan 22, 2016 2:20:25 GMT
Alright nerds let's time to share some tips on making your own Post template like the one I recently done.
Basics
[div style=""][/div]Pretty much the skeleton of the post template, without it you don't get a post template.
Div style is a weird mix of HTML and CSS codes mashed together, it takes a bit of messing around to figure out what works and what doesn't. You can continue to add more code between the comma's, which is where the fun customization comes in, if you're a roleplayer it can help to have different post templates for different characters.
Note; div-style codes are in a continuous sentence (example:div style="widith:300px;background-color:white;etc...)
Width
width:#px;determines how wide your post template will be; without it, your template will resize itself to the forum standard.
Recommended at 200-400px
Note; always put this code first before adding in extra's
Background
background-color:prefered color here;
or
background-image:url('IMAGE URL HERE');
Basically, you can have text over an image or a custom set color! For background images, I highly recommend to use tiled backgrounds as it works better if your post stretches down. This code is optional, as without it the code will just use the forums default background.
Borders
border:#px solid (color hex # here);This is exactly what it sounds like, basically a border around your post! You're not defaulted to having a solid border either! There's also dotted, dashed, double, groove, inset, outset, hidden, and mixed! Feel free to try all of them out!
Recommended at 4-7px
Example;
this is a dashed border at 4px!
The border radius can also be altered with
which effects how rounded the border will be.
Fonts and text size
Note; If the user who is viewing your post doesn't have the selected font you have set, it will not show up properly
Recommended font sizes at 10-15px
and that's it for the basics! There's certainly a lot more UBBC codes for the post templates that you can use at your disposal (which you can find here) but this is just the basics for those who are new to making post templates. So heres what you could have by the end of it with just the basic codes I've listed is this
text text text text text text text
border-radius:#px;which effects how rounded the border will be.
Fonts and text size
font-family:georgia;font-size:#pxNote; If the user who is viewing your post doesn't have the selected font you have set, it will not show up properly
Recommended font sizes at 10-15px
and that's it for the basics! There's certainly a lot more UBBC codes for the post templates that you can use at your disposal (which you can find here) but this is just the basics for those who are new to making post templates. So heres what you could have by the end of it with just the basic codes I've listed is this
[div style="width:300px;background-color:#ccffff;border:4px dotted #000000;border-radius:10px;font-family:comic sans ms;font-size:15px;"]
text text text text text text text
[/div]text text text text text text text
