Information Formatting Tips and Tricks

Vosrik

Weaver of Stories
SWRP Supporter
SWRP Writer
Joined
Jan 27, 2016
Messages
2,207
Reaction score
1,663
Formatting Tips and Tricks

Introduction

Have you ever looked at a beautifully formatted character sheet and thought, “Man, how do they make it look that good?” then this is the guide just for you!

Hi there, I’m Vosrik, site veteran and previously Faction Leader of the Jedi during the Dawn of the Republic Timeline. I’ve had plenty of experience writing in Bulletin Board Code (BBC) not only on SWRP but also on previous forums. After having seen and reviewed a multitude of character sheets, I decided to make a nice tips and tricks guide that covers some basic to advanced formatting, fonts, and colours. Due to a few updates to site formatting since my previous Tips and Tricks guide, I wanted to post an updated version that will hopefully encourage people to not just stick to the basic character template and “flower up” their character sheets, so to speak.

Note that this tips and tricks guide only deals with the appearance, not content, of your character sheet. If you’re looking to learn how to make a solid character with good backstory and a meaningful personality, I’ll direct you to the Default Character Sheet Template thread so you can get a basic idea of what’s required and how we like to see character formats on SWRP. If you already have one or more characters, but you’re looking to improve their content or depth, I’ll point you to the Character Creation and You guide excellently written by former Admin @Boli. If you’re looking to begin learning about the very basics of Bulletin Board Code, you should take a look at the fabulous BBCode Guide by @Zay, which also has some great generic character sheet templates! Our backend Administrator @Aberforth also created a cool guide on the use of tabs and columns, something I haven’t played around with much but might in the future.

Although this Tips and Tricks guide will probably have the most use in character sheets, you’re definitely not limited to just using what you learn there. Perhaps try spicing up introductory posts when starting a new thread, or maybe even use different fonts or colours for each of your characters. The possibilities are endless!

Remember, if you have any questions whatsoever, feel free to shoot me a PM and I’ll do my best to help you out! Without further ado, let us begin.


gold_line.png


When you begin writing a post, the default mode is what’s called the Rich Text Editor, or RTE. This functions much like Word or Google Docs in that you can pick your colours, fonts, and sizes (among other things) without using any typical BBCode tags. Of course, you can still input BBCode tags and they will still translate properly once you submit the post. One of the main benefits to this mode is that you can save drafts of your posts in case you lose your page or exit the window.
The second mode available is the BBCode Editor. Activate this by clicking on the small icon on the top right hand corner of the RTE toolbox. If you’d like to switch back to the RTE, you can do so by clicking “Use Rich Text Editor” on the bottom left of the dialogue box. This particular mode works entirely in BBCode tags and loses the ability to save drafts of your work.

While I personally prefer using the RTE for writing up normal posts, you definitely do not want to do so when dealing with a large post that you’ll need to edit constantly. This includes character sheets, roleplay experiences posts, species or planet writeups, and so forth. The reason why is because if you click to edit your post, it automatically puts your post into the RTE and messes up any formatting you have. Often times it will copy BBCode tags, duplicate boxes, and sometimes even lose links or destroy lists and tables.
What I highly, highly recommend doing instead is writing up the post or character sheet in Word or Google Docs, writing out the BBCode tags and everything. That way, whenever you need to edit something on that post, do it on your separate copy and then copy/paste it into the BBCode editor mode. From there, you can preview it and make sure your formatting is all correct. Trust me, if you follow this then it will save you a LOT of issues and headaches. Another note, if you paste everything into the RTE, then the spacing ends up all weird; it’s better just dropping it into the BBCode editor.

Now, don’t be fooled by the limited fonts provided by the Rich Text Editor. XenForo also supports the Google Fonts Library! Not only that, but you’re also able to use any fonts that appear on Microsoft Word. However, there is a key difference between these two different font types.

Fonts that appear on Word are formatted as such:
Code:
[font=Ariel]Text here[/font]
Whereas Google Fonts have to be formatted this way:
Code:
[gfont=Fondamento]Text here[/gfont]
However, with both styles, the font names are case sensitive and won’t work if you don’t capitalize or put spaces where you need to. There are literally hundreds if not thousands of fonts available, so feel free to dive right in and find which ones you like best!

An extra thing that can improve the look of your posts are page dividers, like the ones I’ve used after each title. If you’re looking for a quick and easy one, head to Google and search “page dividers” under the images tab. You’ll find plenty of varying colours and sizes, but try finding one with a transparent background that’ll blend in better with the forum.


gold_line.png


If you’ve read a few threads, you’ll quickly notice that people here generally use colours when writing their character’s speech. This can be especially useful when quoting other character’s words in your own post. Although it’s by no means required, the method is helpful and I personally think it adds more flavour to a post rather than seeing a wall of grey text.

However, I would advise against using a particularly dark text colour. For example, if you use a dark navy blue, it’s just so dark that people literally have to highlight the text to see it, and that’s not very reader-friendly. Try using something like royalblue instead.
I would also suggest using discretion when implementing glows. While they certainly add a gorgeous effect, they can be especially hard to read with certain colour combinations. While technically called a glow, they’re essentially just shadows; you can use a darker glow colour to make it look as such. Try refraining from using dark colours with bright glows, as it can be hard on the eyes.

Colour and glow codes are coded exactly the same way, and there are three ways you can input one using BBCode. They are as follows:
Code:
[color=yellow]Using the colour name[/color]
[glow=#ffff00]Using the hex code[/glow]
[color=rgb(255, 255, 0)]Using the RGB sequence[/color]
A useful website for finding the colour hex and RGB code is Color-hex.com

However, I find using the name of the colour itself much easier. Here’s the list of available colour names along with their hex codes. A quick note on greys - you can spell it either gray or grey, and you’ll still get the correct colour.

Reds
Indianred ■■■■■■■■■■ #CD5C5C
Tomato ■■■■■■■■■■ #FF6347
Crimson ■■■■■■■■■■ #DC143C
Firebrick ■■■■■■■■■■ #B22222
Red ■■■■■■■■■■ #FF0000
Darkred ■■■■■■■■■■ #8B0000
Maroon ■■■■■■■■■■ #800000

Oranges
Orange ■■■■■■■■■■ #FFA500
Darkorange ■■■■■■■■■■ #FF8C00
Orangered ■■■■■■■■■■ #FF4500

Yellows
Lightyellow ■■■■■■■■■■ #FFFFE0
Lightgoldenrodyellow ■■■■■■■■■■ #FAFAD2
Lemonchiffon ■■■■■■■■■■ #FFFACD
Palegoldenrod ■■■■■■■■■■ #EEE8AA
Yellow ■■■■■■■■■■ #FFFF00
Gold ■■■■■■■■■■ #FFD700
Goldenrod ■■■■■■■■■■ #DAA520
Darkgoldenrod ■■■■■■■■■■ #B8860B

Greens
Mintcream ■■■■■■■■■■ #F5FFA
Honeydew ■■■■■■■■■■ #F0FFF0
Lightgreen ■■■■■■■■■■ #90EE90
Palegreen ■■■■■■■■■■ #98FB98
Darkseagreen ■■■■■■■■■■ #8FBC8F
Mediumspringgreen ■■■■■■■■■■ #00FA9A
Springgreen ■■■■■■■■■■ #00FF7F
Limegreen ■■■■■■■■■■ #32CD32
Greenyellow ■■■■■■■■■■ #ADFF2F
Yellowgreen ■■■■■■■■■■ #9ACD32
Chartreuse ■■■■■■■■■■ #7FFF00
Lawngreen ■■■■■■■■■■ #7CFC00
Lime ■■■■■■■■■■ #00FF00
Mediumseagreen ■■■■■■■■■■ #3CB371
Seagreen ■■■■■■■■■■ #2E8B57
Green ■■■■■■■■■■ #008000
Forestgreen ■■■■■■■■■■ #228B22
Darkgreen ■■■■■■■■■■ #006400
Olive ■■■■■■■■■■ #808000
Olivedrab ■■■■■■■■■■ #688E23
Darkolivegreen ■■■■■■■■■■ #556B2F

Blues
Aliceblue ■■■■■■■■■■ #F0F8FF
Azure ■■■■■■■■■■ #F0FFFF
Lightcyan ■■■■■■■■■■ #E0FFFF
Lightblue ■■■■■■■■■■ #ADD8E6
Paleturquoise ■■■■■■■■■■ #AFEEEE
Powderblue ■■■■■■■■■■ #B0E0E6
Lightsteelblue ■■■■■■■■■■ #B0C4DE
Skyblue ■■■■■■■■■■ #87CEEB
Lightskyblue ■■■■■■■■■■ #87CEFA
Deepskyblue ■■■■■■■■■■ #00BFFF
Cyan or Aqua ■■■■■■■■■■ #00FFFF
Aquamarine ■■■■■■■■■■ #7FFFD4
Mediumaquamarine ■■■■■■■■■■ #66CDAA
Lightseagreen ■■■■■■■■■■ #20B2AA
Mediumturquoise ■■■■■■■■■■ #48D1CC
Turquoise ■■■■■■■■■■ #40E0D0
Darkturquoise ■■■■■■■■■■ #00CED1
Cadetblue ■■■■■■■■■■ #5F9EA0
Darkcyan ■■■■■■■■■■ #008B8B
Teal ■■■■■■■■■■ #008080
Cornflowerblue ■■■■■■■■■■ #6495ED
Steelblue ■■■■■■■■■■ #6A5ACD
Dodgerblue ■■■■■■■■■■ #1E90FF
Royalblue ■■■■■■■■■■ #4169E1
Blue ■■■■■■■■■■ #0000FF
Mediumblue■■■■■■■■■■ #0000CD
Navy ■■■■■■■■■■ #000080
Darkblue ■■■■■■■■■■ #00008B
Mediumslateblue ■■■■■■■■■■ #7B68EE
Slateblue ■■■■■■■■■■ #6A5ACD
Darkslateblue ■■■■■■■■■■ #485D8B
Midnightblue ■■■■■■■■■■ #191970

Purples
Lavenderblush ■■■■■■■■■■ #FFF0F5
Lavender ■■■■■■■■■■ #E6E6FA
Thistle ■■■■■■■■■■ #D8BFD8
Plum ■■■■■■■■■■ #DDA0DD
Violet ■■■■■■■■■■ #EE82EE
Orchid ■■■■■■■■■■ #DA70D6
Blueviolet ■■■■■■■■■■ #8A2BE2
Mediumpurple ■■■■■■■■■■ #9370D8
Mediumorchid ■■■■■■■■■■ #BA55D3
Magenta ■■■■■■■■■■ #FF00FF
Darkorchid ■■■■■■■■■■ #9932CC
Mediumvioletred ■■■■■■■■■■ #C71585
Darkviolet ■■■■■■■■■■ #9400D3
Darkmagenta ■■■■■■■■■■ #8B008B
Indigo ■■■■■■■■■■ #4B0082
Purple ■■■■■■■■■■ #800080

Pinks
Mistyrose ■■■■■■■■■■ #FFE4E1
Lightpink ■■■■■■■■■■ #FFB6C1
Pink ■■■■■■■■■■ #FFC0CB
Lightcoral ■■■■■■■■■■ #F08080
Lightsalmon ■■■■■■■■■■ #FFA07A
Darksalmon ■■■■■■■■■■ #E9967A
Coral ■■■■■■■■■■ #FF7F50
Salmon ■■■■■■■■■■ #FA8072
Palevioletred ■■■■■■■■■■ #D87093
Hotpink ■■■■■■■■■■ #FF69B4
Deeppink ■■■■■■■■■■ #FF1493
Fuchsia ■■■■■■■■■■ #FF00FF

Creams/Browns
Oldlace ■■■■■■■■■■ #FDF5E6
Seashell ■■■■■■■■■■ #FFF5EE
Linen ■■■■■■■■■■ #FAF0E6
Papayawhip ■■■■■■■■■■ #FFEFD5
Wheat ■■■■■■■■■■ #F5DEB3
Beige ■■■■■■■■■■ #F5F5DC
Cornsilk ■■■■■■■■■■ #FFF8DC
Bisque ■■■■■■■■■■ #FFE4C4
Moccasin ■■■■■■■■■■ #FFE4B5
Navajowhite ■■■■■■■■■■ #FFDEAD
Peachpuff ■■■■■■■■■■ #FFDAB9
Tan ■■■■■■■■■■ #D2B48C
Khaki ■■■■■■■■■■ #F0E68C
Burlywood ■■■■■■■■■■ #DEB887
Rosybrown ■■■■■■■■■■ #BC8F8F
Darkkhaki ■■■■■■■■■■ #BDB76B
Sandybrown ■■■■■■■■■■ #F4A460
Peru ■■■■■■■■■■ #CD853F
Chocolate ■■■■■■■■■■ #D2691E
Sienna ■■■■■■■■■■ #A0522D
Saddlebrown ■■■■■■■■■■ #8B4513
Brown ■■■■■■■■■■ #A52A2A

Whites/Greys/Black
White ■■■■■■■■■■ #FFFFFF
Whitesmoke ■■■■■■■■■■ #F5F5F5
Snow ■■■■■■■■■■ #FFFAFA
Floralwhite ■■■■■■■■■■ #FFFAF0
Ghostwhite ■■■■■■■■■■ #F8F8FF
Ivory ■■■■■■■■■■ #FFFFF0
Antiquewhite ■■■■■■■■■■ #FAEBD7
Lightgrey ■■■■■■■■■■ #D3D3D3
Gainsboro ■■■■■■■■■■ #DCDCDC
Silver ■■■■■■■■■■ #C0C0C0
Darkgrey ■■■■■■■■■■ #A9A9A9
Blancedalmond ■■■■■■■■■■ #FFEBCD
Grey ■■■■■■■■■■ #808080
Lightslategrey ■■■■■■■■■■ #778899
Slategrey ■■■■■■■■■■ #708090
Dimgrey ■■■■■■■■■■ #696969
Darkslategrey ■■■■■■■■■■ #2F4F4F
Black ■■■■■■■■■■ #000000​

An extra “colour” you can use is transparent. While you might ask, “Why would I want to use an invisible text colour?”, it has two basic uses. The first and perhaps least useful of the two is to write secret messages you can only see if you highlight the text. The second use is the ability to reposition tables, pictures, or anything else where you want them instead of using alignment tags.


gold_line.png


While normal boxes (abox, cbox) and their uses are detailed in @Zay’s Code & Character Sheet Templates thread, pboxes aren’t. A PBox is essentially a “pattern box” where the background of the box is a picture that you’re able to put text or other images on top of. The method of coding them are as follows:
Code:
[pbox=http://insert picture link]Write your text or post your image. Often times you’ll need to put lots of spaces so that the picture in the background shows.[/pbox]
You also have the option of inserting the link to a gif as well. However, note that if the picture is smaller than the width of the page or the box you’ve put it in, the image duplicates in the background to stretch across the page. If you have a smaller image, what you can do is put it into a similarly sized box (abox3=450px or cbox=200px for example) so that the image doesn’t duplicate.
Here’s what a gif would look like as a pbox, also implementing colour and glow:







BB-8










And here’s what that looks like in code (note how many spaces there are so that the whole gif shows):
Code:
[abox3=400px][pbox=https://media.giphy.com/media/3o7abB06u9bNzA8lu8/giphy.gif]






[center][size=6][color=white][glow=lightskyblue][i]BB-8[/i][/glow][/color][/size][/center]








[/pbox][/abox3]
For some idea as to how they can be used in character sheets, here are some excellent examples:
Example 1
Example 2


gold_line.png

Hopefully this tips and tricks guide is helpful to all you budding formatting experts. And again, if you have any questions, comments, or need any help, you’re feel free to shoot me a PM! I’m more than willing to give a hand if I can. :D Thanks for reading!

 
Last edited:

Vosrik

Weaver of Stories
SWRP Supporter
SWRP Writer
Joined
Jan 27, 2016
Messages
2,207
Reaction score
1,663
Here’s an example template that I use for most of my character sheets. I’ve got blank code at the bottom of the post for you to copy, fill in, and make your own.



ALQkYby.png




Character Name

Faction Rank Level Force Sensitivity
Homeworld Species Gender Age
Golden Retriever Puppy Theme


Character Information

  • large.jpg
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu justo vestibulum, ultricies tortor in, sollicitudin tortor. Mauris scelerisque, nisl non efficitur rhoncus, enim ante tempor libero, at viverra ligula mauris non odio. Nulla gravida pretium nulla nec commodo. Ut viverra quam ut magna suscipit, at hendrerit nibh auctor. Nulla tellus orci, euismod eget ex vitae, iaculis pretium justo. Ut efficitur a leo eget luctus. Phasellus interdum neque sed eros pharetra rhoncus. Etiam nisi nunc, consequat vitae tincidunt eu, scelerisque sed neque. Proin non cursus libero. Ut nec viverra nunc, in tempor neque. Praesent malesuada, libero quis auctor posuere, tortor mi mollis sapien, et aliquam leo sem ut sapien. Aenean imperdiet, magna ut iaculis eleifend, quam sem ornare magna, sed auctor lacus turpis sit amet massa. Sed nec dictum nunc, nec euismod ipsum. Cras in quam urna.
    Praesent sit amet orci risus. Integer consequat ullamcorper molestie. Nunc eget leo elit. Pellentesque hendrerit a magna ut dignissim. Aenean sed eros leo. Proin quis mauris vitae nunc posuere fringilla et id odio. Quisque condimentum sapien ac tortor pretium, vitae consequat dui tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec pulvinar sem.
    Donec ac lectus magna. Duis ultricies orci metus, porta condimentum magna rhoncus quis. Praesent eu mauris ut purus mollis rhoncus nec at tortor. Mauris sed efficitur orci. Sed nec nunc leo. Ut lorem dui, ultrices vitae molestie eget, ornare at augue. Phasellus augue libero, interdum eget fermentum eu, sodales nec ex. Cras nunc neque, egestas vitae pretium non, maximus eu urna.
    Mauris augue leo, scelerisque a sapien a, volutpat pulvinar augue. Vivamus et nisi eros. Duis finibus neque nec mi consectetur, sit amet feugiat mauris convallis. Nulla eget dui urna. Vestibulum congue elit at lorem convallis varius. Aenean tincidunt ligula vel justo rutrum, elementum blandit dolor placerat. Mauris sed semper velit. Vivamus posuere eu mauris sed condimentum.
    Nam eleifend libero et ligula tristique posuere. Nam ac ex in lectus fermentum ultricies. Suspendisse tincidunt molestie lacus in faucibus. Nulla elementum in lacus eu eleifend. Duis dictum, urna sed congue mattis, magna velit fermentum nisi, et finibus nisi arcu at sapien. Curabitur ullamcorper, lacus lobortis laoreet mattis, nisl nunc tempor nibh, eget iaculis ante lorem semper diam. Vivamus pharetra vel nibh at vehicula. Mauris sodales, felis ac euismod dignissim, erat neque feugiat tortor, et congue ex ex in massa. In et urna posuere, feugiat purus vitae, tempus velit. Nam convallis leo arcu. Quisque convallis sem nec turpis facilisis, non facilisis mauris vestibulum.
  • enhanced-buzz-23926-1348868272-12.jpg
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu justo vestibulum, ultricies tortor in, sollicitudin tortor. Mauris scelerisque, nisl non efficitur rhoncus, enim ante tempor libero, at viverra ligula mauris non odio. Nulla gravida pretium nulla nec commodo. Ut viverra quam ut magna suscipit, at hendrerit nibh auctor. Nulla tellus orci, euismod eget ex vitae, iaculis pretium justo. Ut efficitur a leo eget luctus. Phasellus interdum neque sed eros pharetra rhoncus. Etiam nisi nunc, consequat vitae tincidunt eu, scelerisque sed neque. Proin non cursus libero. Ut nec viverra nunc, in tempor neque. Praesent malesuada, libero quis auctor posuere, tortor mi mollis sapien, et aliquam leo sem ut sapien. Aenean imperdiet, magna ut iaculis eleifend, quam sem ornare magna, sed auctor lacus turpis sit amet massa. Sed nec dictum nunc, nec euismod ipsum. Cras in quam urna.
    Praesent sit amet orci risus. Integer consequat ullamcorper molestie. Nunc eget leo elit. Pellentesque hendrerit a magna ut dignissim. Aenean sed eros leo. Proin quis mauris vitae nunc posuere fringilla et id odio. Quisque condimentum sapien ac tortor pretium, vitae consequat dui tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec pulvinar sem.
    Donec ac lectus magna. Duis ultricies orci metus, porta condimentum magna rhoncus quis. Praesent eu mauris ut purus mollis rhoncus nec at tortor. Mauris sed efficitur orci. Sed nec nunc leo. Ut lorem dui, ultrices vitae molestie eget, ornare at augue. Phasellus augue libero, interdum eget fermentum eu, sodales nec ex. Cras nunc neque, egestas vitae pretium non, maximus eu urna.
    Mauris augue leo, scelerisque a sapien a, volutpat pulvinar augue. Vivamus et nisi eros. Duis finibus neque nec mi consectetur, sit amet feugiat mauris convallis. Nulla eget dui urna. Vestibulum congue elit at lorem convallis varius. Aenean tincidunt ligula vel justo rutrum, elementum blandit dolor placerat. Mauris sed semper velit. Vivamus posuere eu mauris sed condimentum.
    Nam eleifend libero et ligula tristique posuere. Nam ac ex in lectus fermentum ultricies. Suspendisse tincidunt molestie lacus in faucibus. Nulla elementum in lacus eu eleifend. Duis dictum, urna sed congue mattis, magna velit fermentum nisi, et finibus nisi arcu at sapien. Curabitur ullamcorper, lacus lobortis laoreet mattis, nisl nunc tempor nibh, eget iaculis ante lorem semper diam. Vivamus pharetra vel nibh at vehicula. Mauris sodales, felis ac euismod dignissim, erat neque feugiat tortor, et congue ex ex in massa. In et urna posuere, feugiat purus vitae, tempus velit. Nam convallis leo arcu. Quisque convallis sem nec turpis facilisis, non facilisis mauris vestibulum.
  • b9ef7618aaf916a16094de2767d91b86.jpg
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu justo vestibulum, ultricies tortor in, sollicitudin tortor. Mauris scelerisque, nisl non efficitur rhoncus, enim ante tempor libero, at viverra ligula mauris non odio. Nulla gravida pretium nulla nec commodo. Ut viverra quam ut magna suscipit, at hendrerit nibh auctor. Nulla tellus orci, euismod eget ex vitae, iaculis pretium justo. Ut efficitur a leo eget luctus. Phasellus interdum neque sed eros pharetra rhoncus. Etiam nisi nunc, consequat vitae tincidunt eu, scelerisque sed neque. Proin non cursus libero. Ut nec viverra nunc, in tempor neque. Praesent malesuada, libero quis auctor posuere, tortor mi mollis sapien, et aliquam leo sem ut sapien. Aenean imperdiet, magna ut iaculis eleifend, quam sem ornare magna, sed auctor lacus turpis sit amet massa. Sed nec dictum nunc, nec euismod ipsum. Cras in quam urna.
    Praesent sit amet orci risus. Integer consequat ullamcorper molestie. Nunc eget leo elit. Pellentesque hendrerit a magna ut dignissim. Aenean sed eros leo. Proin quis mauris vitae nunc posuere fringilla et id odio. Quisque condimentum sapien ac tortor pretium, vitae consequat dui tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec pulvinar sem.
    Donec ac lectus magna. Duis ultricies orci metus, porta condimentum magna rhoncus quis. Praesent eu mauris ut purus mollis rhoncus nec at tortor. Mauris sed efficitur orci. Sed nec nunc leo. Ut lorem dui, ultrices vitae molestie eget, ornare at augue. Phasellus augue libero, interdum eget fermentum eu, sodales nec ex. Cras nunc neque, egestas vitae pretium non, maximus eu urna.
    Mauris augue leo, scelerisque a sapien a, volutpat pulvinar augue. Vivamus et nisi eros. Duis finibus neque nec mi consectetur, sit amet feugiat mauris convallis. Nulla eget dui urna. Vestibulum congue elit at lorem convallis varius. Aenean tincidunt ligula vel justo rutrum, elementum blandit dolor placerat. Mauris sed semper velit. Vivamus posuere eu mauris sed condimentum.
    Nam eleifend libero et ligula tristique posuere. Nam ac ex in lectus fermentum ultricies. Suspendisse tincidunt molestie lacus in faucibus. Nulla elementum in lacus eu eleifend. Duis dictum, urna sed congue mattis, magna velit fermentum nisi, et finibus nisi arcu at sapien. Curabitur ullamcorper, lacus lobortis laoreet mattis, nisl nunc tempor nibh, eget iaculis ante lorem semper diam. Vivamus pharetra vel nibh at vehicula. Mauris sodales, felis ac euismod dignissim, erat neque feugiat tortor, et congue ex ex in massa. In et urna posuere, feugiat purus vitae, tempus velit. Nam convallis leo arcu. Quisque convallis sem nec turpis facilisis, non facilisis mauris vestibulum.
  • 9b6de8cf3ae3f21b8bab186d25751d78.jpg
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu justo vestibulum, ultricies tortor in, sollicitudin tortor. Mauris scelerisque, nisl non efficitur rhoncus, enim ante tempor libero, at viverra ligula mauris non odio. Nulla gravida pretium nulla nec commodo. Ut viverra quam ut magna suscipit, at hendrerit nibh auctor. Nulla tellus orci, euismod eget ex vitae, iaculis pretium justo. Ut efficitur a leo eget luctus. Phasellus interdum neque sed eros pharetra rhoncus. Etiam nisi nunc, consequat vitae tincidunt eu, scelerisque sed neque. Proin non cursus libero. Ut nec viverra nunc, in tempor neque. Praesent malesuada, libero quis auctor posuere, tortor mi mollis sapien, et aliquam leo sem ut sapien. Aenean imperdiet, magna ut iaculis eleifend, quam sem ornare magna, sed auctor lacus turpis sit amet massa. Sed nec dictum nunc, nec euismod ipsum. Cras in quam urna.
    Praesent sit amet orci risus. Integer consequat ullamcorper molestie. Nunc eget leo elit. Pellentesque hendrerit a magna ut dignissim. Aenean sed eros leo. Proin quis mauris vitae nunc posuere fringilla et id odio. Quisque condimentum sapien ac tortor pretium, vitae consequat dui tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec pulvinar sem.
    Donec ac lectus magna. Duis ultricies orci metus, porta condimentum magna rhoncus quis. Praesent eu mauris ut purus mollis rhoncus nec at tortor. Mauris sed efficitur orci. Sed nec nunc leo. Ut lorem dui, ultrices vitae molestie eget, ornare at augue. Phasellus augue libero, interdum eget fermentum eu, sodales nec ex. Cras nunc neque, egestas vitae pretium non, maximus eu urna.
    Mauris augue leo, scelerisque a sapien a, volutpat pulvinar augue. Vivamus et nisi eros. Duis finibus neque nec mi consectetur, sit amet feugiat mauris convallis. Nulla eget dui urna. Vestibulum congue elit at lorem convallis varius. Aenean tincidunt ligula vel justo rutrum, elementum blandit dolor placerat. Mauris sed semper velit. Vivamus posuere eu mauris sed condimentum.
    Nam eleifend libero et ligula tristique posuere. Nam ac ex in lectus fermentum ultricies. Suspendisse tincidunt molestie lacus in faucibus. Nulla elementum in lacus eu eleifend. Duis dictum, urna sed congue mattis, magna velit fermentum nisi, et finibus nisi arcu at sapien. Curabitur ullamcorper, lacus lobortis laoreet mattis, nisl nunc tempor nibh, eget iaculis ante lorem semper diam. Vivamus pharetra vel nibh at vehicula. Mauris sodales, felis ac euismod dignissim, erat neque feugiat tortor, et congue ex ex in massa. In et urna posuere, feugiat purus vitae, tempus velit. Nam convallis leo arcu. Quisque convallis sem nec turpis facilisis, non facilisis mauris vestibulum.
  • Threads

Format by @Vosrik

Code:
[abox3=70%][pbox=LARGE PBOX PICTURE]


[center][img]CHARACTER PICTURE[/img]



[exsize=50][gfont=TITLE FONT][color=PRIMARY COLOR][glow=SECONDARY COLOR][exsize=55]C[/exsize]haracter [exsize=55]N[/exsize]ame[/color][/glow][/gfont][/exsize]

[gfont=TEXT FONT][color=silver][exsize=12]Faction [color=SECONDARY COLOR][b]•[/b][/color] Rank [color=SECONDARY COLOR][b]•[/b][/color] Level [color=SECONDARY COLOR][b]•[/b][/color] Force Sensitivity
Homeworld [color=SECONDARY COLOR][b]•[/b][/color] Species [color=SECONDARY COLOR][b]•[/b][/color] Gender [color=SECONDARY COLOR][b]•[/b][/color] Age
[url=VOICE LINK]FACECLAIM[/url] [color=SECONDARY COLOR][b]•[/b][/color] [url=MUSIC LINK]Theme[/url][/exsize][/color][/gfont][/center]

[/pbox]
[pbox=BORDER PBOX PICTURE][center][exsize=30][gfont=TITLE FONT][color=silver][color=PRIMARY COLOR][exsize=35]C[/exsize][/color]haracter [color=PRIMARY COLOR]I[/color]nformation[/color][/gfont][/exsize][/center]
[/pbox]
[tabs][tab=Appearance][float_right][img]APPEARANCE PICTURE[/img][/float_right][gfont=TEXT FONT][color=silver]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu justo vestibulum, ultricies tortor in, sollicitudin tortor. Mauris scelerisque, nisl non efficitur rhoncus, enim ante tempor libero, at viverra ligula mauris non odio. Nulla gravida pretium nulla nec commodo. Ut viverra quam ut magna suscipit, at hendrerit nibh auctor. Nulla tellus orci, euismod eget ex vitae, iaculis pretium justo. Ut efficitur a leo eget luctus. Phasellus interdum neque sed eros pharetra rhoncus. Etiam nisi nunc, consequat vitae tincidunt eu, scelerisque sed neque. Proin non cursus libero. Ut nec viverra nunc, in tempor neque. Praesent malesuada, libero quis auctor posuere, tortor mi mollis sapien, et aliquam leo sem ut sapien. Aenean imperdiet, magna ut iaculis eleifend, quam sem ornare magna, sed auctor lacus turpis sit amet massa. Sed nec dictum nunc, nec euismod ipsum. Cras in quam urna.
Praesent sit amet orci risus. Integer consequat ullamcorper molestie. Nunc eget leo elit. Pellentesque hendrerit a magna ut dignissim. Aenean sed eros leo. Proin quis mauris vitae nunc posuere fringilla et id odio. Quisque condimentum sapien ac tortor pretium, vitae consequat dui tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec pulvinar sem.
Donec ac lectus magna. Duis ultricies orci metus, porta condimentum magna rhoncus quis. Praesent eu mauris ut purus mollis rhoncus nec at tortor. Mauris sed efficitur orci. Sed nec nunc leo. Ut lorem dui, ultrices vitae molestie eget, ornare at augue. Phasellus augue libero, interdum eget fermentum eu, sodales nec ex. Cras nunc neque, egestas vitae pretium non, maximus eu urna.
Mauris augue leo, scelerisque a sapien a, volutpat pulvinar augue. Vivamus et nisi eros. Duis finibus neque nec mi consectetur, sit amet feugiat mauris convallis. Nulla eget dui urna. Vestibulum congue elit at lorem convallis varius. Aenean tincidunt ligula vel justo rutrum, elementum blandit dolor placerat. Mauris sed semper velit. Vivamus posuere eu mauris sed condimentum.
Nam eleifend libero et ligula tristique posuere. Nam ac ex in lectus fermentum ultricies. Suspendisse tincidunt molestie lacus in faucibus. Nulla elementum in lacus eu eleifend. Duis dictum, urna sed congue mattis, magna velit fermentum nisi, et finibus nisi arcu at sapien. Curabitur ullamcorper, lacus lobortis laoreet mattis, nisl nunc tempor nibh, eget iaculis ante lorem semper diam. Vivamus pharetra vel nibh at vehicula. Mauris sodales, felis ac euismod dignissim, erat neque feugiat tortor, et congue ex ex in massa. In et urna posuere, feugiat purus vitae, tempus velit. Nam convallis leo arcu. Quisque convallis sem nec turpis facilisis, non facilisis mauris vestibulum.[/color][/gfont][/tab][tab=Biography][float_left][img]BIOGRAPHY PICTURE[/img][/float_left][gfont=TEXT FONT][color=silver]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu justo vestibulum, ultricies tortor in, sollicitudin tortor. Mauris scelerisque, nisl non efficitur rhoncus, enim ante tempor libero, at viverra ligula mauris non odio. Nulla gravida pretium nulla nec commodo. Ut viverra quam ut magna suscipit, at hendrerit nibh auctor. Nulla tellus orci, euismod eget ex vitae, iaculis pretium justo. Ut efficitur a leo eget luctus. Phasellus interdum neque sed eros pharetra rhoncus. Etiam nisi nunc, consequat vitae tincidunt eu, scelerisque sed neque. Proin non cursus libero. Ut nec viverra nunc, in tempor neque. Praesent malesuada, libero quis auctor posuere, tortor mi mollis sapien, et aliquam leo sem ut sapien. Aenean imperdiet, magna ut iaculis eleifend, quam sem ornare magna, sed auctor lacus turpis sit amet massa. Sed nec dictum nunc, nec euismod ipsum. Cras in quam urna.
Praesent sit amet orci risus. Integer consequat ullamcorper molestie. Nunc eget leo elit. Pellentesque hendrerit a magna ut dignissim. Aenean sed eros leo. Proin quis mauris vitae nunc posuere fringilla et id odio. Quisque condimentum sapien ac tortor pretium, vitae consequat dui tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec pulvinar sem.
Donec ac lectus magna. Duis ultricies orci metus, porta condimentum magna rhoncus quis. Praesent eu mauris ut purus mollis rhoncus nec at tortor. Mauris sed efficitur orci. Sed nec nunc leo. Ut lorem dui, ultrices vitae molestie eget, ornare at augue. Phasellus augue libero, interdum eget fermentum eu, sodales nec ex. Cras nunc neque, egestas vitae pretium non, maximus eu urna.
Mauris augue leo, scelerisque a sapien a, volutpat pulvinar augue. Vivamus et nisi eros. Duis finibus neque nec mi consectetur, sit amet feugiat mauris convallis. Nulla eget dui urna. Vestibulum congue elit at lorem convallis varius. Aenean tincidunt ligula vel justo rutrum, elementum blandit dolor placerat. Mauris sed semper velit. Vivamus posuere eu mauris sed condimentum.
Nam eleifend libero et ligula tristique posuere. Nam ac ex in lectus fermentum ultricies. Suspendisse tincidunt molestie lacus in faucibus. Nulla elementum in lacus eu eleifend. Duis dictum, urna sed congue mattis, magna velit fermentum nisi, et finibus nisi arcu at sapien. Curabitur ullamcorper, lacus lobortis laoreet mattis, nisl nunc tempor nibh, eget iaculis ante lorem semper diam. Vivamus pharetra vel nibh at vehicula. Mauris sodales, felis ac euismod dignissim, erat neque feugiat tortor, et congue ex ex in massa. In et urna posuere, feugiat purus vitae, tempus velit. Nam convallis leo arcu. Quisque convallis sem nec turpis facilisis, non facilisis mauris vestibulum.[/color][/gfont][/tab][tab=Personality][float_right][img]PERSONALITY PICTURE[/img][/float_right][gfont=TEXT FONT][color=silver]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu justo vestibulum, ultricies tortor in, sollicitudin tortor. Mauris scelerisque, nisl non efficitur rhoncus, enim ante tempor libero, at viverra ligula mauris non odio. Nulla gravida pretium nulla nec commodo. Ut viverra quam ut magna suscipit, at hendrerit nibh auctor. Nulla tellus orci, euismod eget ex vitae, iaculis pretium justo. Ut efficitur a leo eget luctus. Phasellus interdum neque sed eros pharetra rhoncus. Etiam nisi nunc, consequat vitae tincidunt eu, scelerisque sed neque. Proin non cursus libero. Ut nec viverra nunc, in tempor neque. Praesent malesuada, libero quis auctor posuere, tortor mi mollis sapien, et aliquam leo sem ut sapien. Aenean imperdiet, magna ut iaculis eleifend, quam sem ornare magna, sed auctor lacus turpis sit amet massa. Sed nec dictum nunc, nec euismod ipsum. Cras in quam urna.
Praesent sit amet orci risus. Integer consequat ullamcorper molestie. Nunc eget leo elit. Pellentesque hendrerit a magna ut dignissim. Aenean sed eros leo. Proin quis mauris vitae nunc posuere fringilla et id odio. Quisque condimentum sapien ac tortor pretium, vitae consequat dui tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec pulvinar sem.
Donec ac lectus magna. Duis ultricies orci metus, porta condimentum magna rhoncus quis. Praesent eu mauris ut purus mollis rhoncus nec at tortor. Mauris sed efficitur orci. Sed nec nunc leo. Ut lorem dui, ultrices vitae molestie eget, ornare at augue. Phasellus augue libero, interdum eget fermentum eu, sodales nec ex. Cras nunc neque, egestas vitae pretium non, maximus eu urna.
Mauris augue leo, scelerisque a sapien a, volutpat pulvinar augue. Vivamus et nisi eros. Duis finibus neque nec mi consectetur, sit amet feugiat mauris convallis. Nulla eget dui urna. Vestibulum congue elit at lorem convallis varius. Aenean tincidunt ligula vel justo rutrum, elementum blandit dolor placerat. Mauris sed semper velit. Vivamus posuere eu mauris sed condimentum.
Nam eleifend libero et ligula tristique posuere. Nam ac ex in lectus fermentum ultricies. Suspendisse tincidunt molestie lacus in faucibus. Nulla elementum in lacus eu eleifend. Duis dictum, urna sed congue mattis, magna velit fermentum nisi, et finibus nisi arcu at sapien. Curabitur ullamcorper, lacus lobortis laoreet mattis, nisl nunc tempor nibh, eget iaculis ante lorem semper diam. Vivamus pharetra vel nibh at vehicula. Mauris sodales, felis ac euismod dignissim, erat neque feugiat tortor, et congue ex ex in massa. In et urna posuere, feugiat purus vitae, tempus velit. Nam convallis leo arcu. Quisque convallis sem nec turpis facilisis, non facilisis mauris vestibulum.[/color][/gfont][/tab][tab=Skills and Possessions][float_left][img]SKILLS AND POSSESSIONS PICTURE[/img][/float_left][gfont=TEXT FONT][color=silver]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu justo vestibulum, ultricies tortor in, sollicitudin tortor. Mauris scelerisque, nisl non efficitur rhoncus, enim ante tempor libero, at viverra ligula mauris non odio. Nulla gravida pretium nulla nec commodo. Ut viverra quam ut magna suscipit, at hendrerit nibh auctor. Nulla tellus orci, euismod eget ex vitae, iaculis pretium justo. Ut efficitur a leo eget luctus. Phasellus interdum neque sed eros pharetra rhoncus. Etiam nisi nunc, consequat vitae tincidunt eu, scelerisque sed neque. Proin non cursus libero. Ut nec viverra nunc, in tempor neque. Praesent malesuada, libero quis auctor posuere, tortor mi mollis sapien, et aliquam leo sem ut sapien. Aenean imperdiet, magna ut iaculis eleifend, quam sem ornare magna, sed auctor lacus turpis sit amet massa. Sed nec dictum nunc, nec euismod ipsum. Cras in quam urna.
Praesent sit amet orci risus. Integer consequat ullamcorper molestie. Nunc eget leo elit. Pellentesque hendrerit a magna ut dignissim. Aenean sed eros leo. Proin quis mauris vitae nunc posuere fringilla et id odio. Quisque condimentum sapien ac tortor pretium, vitae consequat dui tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec pulvinar sem.
Donec ac lectus magna. Duis ultricies orci metus, porta condimentum magna rhoncus quis. Praesent eu mauris ut purus mollis rhoncus nec at tortor. Mauris sed efficitur orci. Sed nec nunc leo. Ut lorem dui, ultrices vitae molestie eget, ornare at augue. Phasellus augue libero, interdum eget fermentum eu, sodales nec ex. Cras nunc neque, egestas vitae pretium non, maximus eu urna.
Mauris augue leo, scelerisque a sapien a, volutpat pulvinar augue. Vivamus et nisi eros. Duis finibus neque nec mi consectetur, sit amet feugiat mauris convallis. Nulla eget dui urna. Vestibulum congue elit at lorem convallis varius. Aenean tincidunt ligula vel justo rutrum, elementum blandit dolor placerat. Mauris sed semper velit. Vivamus posuere eu mauris sed condimentum.
Nam eleifend libero et ligula tristique posuere. Nam ac ex in lectus fermentum ultricies. Suspendisse tincidunt molestie lacus in faucibus. Nulla elementum in lacus eu eleifend. Duis dictum, urna sed congue mattis, magna velit fermentum nisi, et finibus nisi arcu at sapien. Curabitur ullamcorper, lacus lobortis laoreet mattis, nisl nunc tempor nibh, eget iaculis ante lorem semper diam. Vivamus pharetra vel nibh at vehicula. Mauris sodales, felis ac euismod dignissim, erat neque feugiat tortor, et congue ex ex in massa. In et urna posuere, feugiat purus vitae, tempus velit. Nam convallis leo arcu. Quisque convallis sem nec turpis facilisis, non facilisis mauris vestibulum.[/color][/gfont][/tab][tab=Story][gfont=TEXT FONT][color=silver]Threads[/color][/gfont][/tab][/tabs]
[size=2][right][font=Philosopher][color=white]Format by @Vosrik[/color][/font][/right][/size][/abox3]

 
Last edited:

Vosrik

Weaver of Stories
SWRP Supporter
SWRP Writer
Joined
Jan 27, 2016
Messages
2,207
Reaction score
1,663
Updated November 23, 2017.
  • Fixed image in example puppy template
  • Changed BBCode link to @Zay's new and improved guide!
  • Added a link for @Aberforth's tab/column guide
  • added a back-to-top link thingy because user friendliness is a thing
  • included a hidden message which may or may not be there :D
  • Revamped the puppy template and edited a couple stuff
 
Last edited:

Vosrik

Weaver of Stories
SWRP Supporter
SWRP Writer
Joined
Jan 27, 2016
Messages
2,207
Reaction score
1,663
Updated September 4, 2018
  • Removed the spoiler tag for all the colours
  • Fixed some of the links to other guides
  • Added some updated profile examples
  • Fixed a couple spelling mistakes
 
Top