Directions & Use
There are directions to this character archive. They haven't really been edited for use outside of 'Souls (e.g., there are links to things you should do/can do at 'Souls) since I intended for this to be mostly-used at 'Souls (though you can also find it at RPG-Directory). BUT, yes. The directions, they are embedded into the CSS. You can leave them or strip them out, whatevs suits your fancy.
If you can use doHTML in your posts (you can at 'Souls) or HTML is enabled on your forums, you can use the VSCA directly on your forum. If not, you can always embed it into a web page. There's an example of a text-only VSCA here. I didn't do anything but put HTML and body tags around that (and maybe messed with the padding, but shh).
Text Only Very Simple Character Archive
Text Only Code
The basic thing with this one is that it's designed to sort of flow with the natural font stylings of the forum or something. It doesn't use colors or links or whatever, so it survives forum skins pretty damn well. XD
Text-Only VSCA Example
You can put links to a profile or an image... whatever you want, really, here. :3
→ 'Souls Wiki Profile
→ Detailed Profile
- Δ Thread Title (DD Mon) (M)
Thread description goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a lacinia odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam sit amet metus nec turpis ullamcorper hendrerit. Praesent vel sem quis leo commodo feugiat. Maecenas in eros quam. Donec laoreet, arcu a facilisis porttitor, elit dui lacinia tortor, nec volutpat nunc nibh quis tellus. Praesent tempus iaculis dolor ut mollis. Nulla facilisi. Morbi tincidunt venenatis lacinia. Aenean orci nisi, varius fringilla dapibus ut, aliquam vitae mauris. Curabitur commodo sagittis erat, quis ultricies lectus semper quis.
2010 :: Year Title - Ω Thread Title (DD Mon)
Thread description goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a lacinia odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam sit amet metus nec turpis ullamcorper hendrerit. Praesent vel sem quis leo commodo feugiat. Maecenas in eros quam. Donec laoreet, arcu a facilisis porttitor, elit dui lacinia tortor, nec volutpat nunc nibh quis tellus. Praesent tempus iaculis dolor ut mollis. Nulla facilisi. Morbi tincidunt venenatis lacinia. Aenean orci nisi, varius fringilla dapibus ut, aliquam vitae mauris. Curabitur commodo sagittis erat, quis ultricies lectus semper quis.
.vsca-credit { width:95%; margin:0 auto; font-family:georgia, serif; font-size:10px; text-transform:uppercase; letter-spacing:.05px; text-align:right;}
.vsca-archive {width:95%; margin:0 auto; font-family:'times new roman', times, serif; font-size:14px;}
.vsca-archive li {padding:2px 0px; margin:0px; list-style-type: decimal-leading-zero; font-weight:bold;}
.vsca-archive li em {font-family:georgia, serif; font-size:12px; letter-spacing:-.1px; line-height:16px; font-style:normal; font-weight:normal; }
.vsca-archive ol { list-style-position:inside; padding:0px; margin:0px; }
.vsca-archive p {text-indent:25px; margin:0px; padding:0px; }
.vsca-archive-warn {color:#AA0000; font-weight:bold;}
.vsca-archive li a {text-transform:lowercase;}
.vsca-post {font-size:15px; color:#8C0404;}
.vsca-archive .separator { font-family:'times new roman', times, serif; font-size:17px; text-transform:uppercase; border-bottom:1px dotted #000000; font-weight:bold; text-align:right; padding-right:10%;}
.vsca-header {font-family:georgia, serif; font-size:22px; text-transform:uppercase; letter-spacing:1px; font-weight:bold; }
.vsca-title {width:50%; float:left;}
.vsca-notes {float:right; width:50%;}
.vsca-list {clear:both; padding-top:10px;}
</style>
Skinned Very Simple Character Archive
Skinned VSCA Code
This is just a skinnable version of the above. 8D
Skinned VSCA Example
You can put links to a profile or an image... whatever you want, really, here. :3
→ 'Souls Wiki Profile
→ Detailed Profile
- Δ Thread Title (DD Mon) (M)
Thread description goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a lacinia odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam sit amet metus nec turpis ullamcorper hendrerit. Praesent vel sem quis leo commodo feugiat. Maecenas in eros quam. Donec laoreet, arcu a facilisis porttitor, elit dui lacinia tortor, nec volutpat nunc nibh quis tellus. Praesent tempus iaculis dolor ut mollis. Nulla facilisi. Morbi tincidunt venenatis lacinia. Aenean orci nisi, varius fringilla dapibus ut, aliquam vitae mauris. Curabitur commodo sagittis erat, quis ultricies lectus semper quis.
2010 :: Year Title - Ω Thread Title (DD Mon)
Thread description goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a lacinia odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam sit amet metus nec turpis ullamcorper hendrerit. Praesent vel sem quis leo commodo feugiat. Maecenas in eros quam. Donec laoreet, arcu a facilisis porttitor, elit dui lacinia tortor, nec volutpat nunc nibh quis tellus. Praesent tempus iaculis dolor ut mollis. Nulla facilisi. Morbi tincidunt venenatis lacinia. Aenean orci nisi, varius fringilla dapibus ut, aliquam vitae mauris. Curabitur commodo sagittis erat, quis ultricies lectus semper quis.
<style>
.vsca-credit { width:95%; margin:0 auto; font-family:georgia, serif; font-size:10px; text-transform:uppercase; letter-spacing:.05px; text-align:right;}
.char-archive {width:95%; margin:0 auto; font-family:'times new roman', times, serif; font-size:14px; background-color:#364D62; color:#D1E6FA; border:1px solid #0E161E; padding:5px;}
.char-archive li {padding:2px 0px; margin:0px; list-style-type: decimal-leading-zero; font-weight:bold; color:#98ACBF;}
.char-archive li em {font-family:georgia, serif; font-size:12px; letter-spacing:-.1px; line-height:16px; font-style:normal; font-weight:normal; color:#D1E6FA; }
.char-archive ol { list-style-position:inside; padding:0px; margin:0px; }
.char-archive p {text-indent:25px; margin:0px; padding:0px; }
.char-archive-warn {color:#FF6C6C; font-weight:bold;}
.char-archive a:link,.char-archive a:visited {color:#699AC8; text-decoration:none;}
.char-archive a:active,.char-archive a:hover {color:#7BB9F3; text-decoration:none;}
.char-post {font-size:15px; color:#7389AE;}
.char-archive .separator { font-family:'times new roman', times, serif; font-size:17px; text-transform:uppercase; border-bottom:1px dotted #729AC0; font-weight:bold; text-align:right; padding-right:10%; color:#121F2B;}
.char-header {font-family:georgia, serif; font-size:22px; text-transform:uppercase; letter-spacing:1px; font-weight:bold; color:#E8F0F8;}
.char-title {width:50%; float:left;}
.char-notes {float:right; width:50%;}
.char-list {clear:both; padding-top:10px;}
</style>
BB Code VSCA
Sorry, no preview available!
This one is pretty different from my usual character sheet. >_> Rather than having every single thing with its own little subheader, I've left this one mostly to block paragraph text—so rather than using an individual subheader for your character's name's pronunciation, meaning, origin, etc., you should just combine it all under one header. 8D
The Code
Example
- Name
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend dapibus iaculis.
- Age & DoB
##, Month DD
- Species
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend dapibus iaculis.
- Relations
Mother— name [whereabouts]
Father— name [whereabouts]
Siblings— name [f/m, whereabouts]
Other— name [f/m, whereabouts]
- Occupation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend dapibus iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam ante ipsum, euismod vel laoreet a, iaculis at ante. Aliquam fringilla nulla ut odio laoreet luctus. Curabitur orci lectus, suscipit id tristique at, ornare et tellus. Curabitur semper fringilla malesuada. Vivamus consequat nunc sit amet turpis egestas et facilisis sem hendrerit. Nunc imperdiet, dolor eu tristique pretium, urna orci scelerisque felis, sit amet imperdiet nulla dolor sit amet risus. Vestibulum at nisi eget justo semper ultricies. Aliquam vel lectus eu sapien convallis ultricies. In hac habitasse platea dictumst. Mauris feugiat hendrerit blandit.
- Residence
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend dapibus iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam ante ipsum, euismod vel laoreet a, iaculis at ante. Aliquam fringilla nulla ut odio laoreet luctus. Curabitur orci lectus, suscipit id tristique at, ornare et tellus. Curabitur semper fringilla malesuada. Vivamus consequat nunc sit amet turpis egestas et facilisis sem hendrerit. Nunc imperdiet, dolor eu tristique pretium, urna orci scelerisque felis, sit amet imperdiet nulla dolor sit amet risus. Vestibulum at nisi eget justo semper ultricies. Aliquam vel lectus eu sapien convallis ultricies. In hac habitasse platea dictumst. Mauris feugiat hendrerit blandit.
- Appearance
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend dapibus iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam ante ipsum, euismod vel laoreet a, iaculis at ante. Aliquam fringilla nulla ut odio laoreet luctus. Curabitur orci lectus, suscipit id tristique at, ornare et tellus. Curabitur semper fringilla malesuada. Vivamus consequat nunc sit amet turpis egestas et facilisis sem hendrerit. Nunc imperdiet, dolor eu tristique pretium, urna orci scelerisque felis, sit amet imperdiet nulla dolor sit amet risus. Vestibulum at nisi eget justo semper ultricies. Aliquam vel lectus eu sapien convallis ultricies. In hac habitasse platea dictumst. Mauris feugiat hendrerit blandit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend dapibus iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam ante ipsum, euismod vel laoreet a, iaculis at ante. Aliquam fringilla nulla ut odio laoreet luctus. Curabitur orci lectus, suscipit id tristique at, ornare et tellus. Curabitur semper fringilla malesuada. Vivamus consequat nunc sit amet turpis egestas et facilisis sem hendrerit. Nunc imperdiet, dolor eu tristique pretium, urna orci scelerisque felis, sit amet imperdiet nulla dolor sit amet risus. Vestibulum at nisi eget justo semper ultricies. Aliquam vel lectus eu sapien convallis ultricies. In hac habitasse platea dictumst. Mauris feugiat hendrerit blandit.
- Personality
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend dapibus iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam ante ipsum, euismod vel laoreet a, iaculis at ante. Aliquam fringilla nulla ut odio laoreet luctus. Curabitur orci lectus, suscipit id tristique at, ornare et tellus. Curabitur semper fringilla malesuada. Vivamus consequat nunc sit amet turpis egestas et facilisis sem hendrerit. Nunc imperdiet, dolor eu tristique pretium, urna orci scelerisque felis, sit amet imperdiet nulla dolor sit amet risus. Vestibulum at nisi eget justo semper ultricies. Aliquam vel lectus eu sapien convallis ultricies. In hac habitasse platea dictumst. Mauris feugiat hendrerit blandit.
- History
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend dapibus iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam ante ipsum, euismod vel laoreet a, iaculis at ante. Aliquam fringilla nulla ut odio laoreet luctus. Curabitur orci lectus, suscipit id tristique at, ornare et tellus. Curabitur semper fringilla malesuada. Vivamus consequat nunc sit amet turpis egestas et facilisis sem hendrerit. Nunc imperdiet, dolor eu tristique pretium, urna orci scelerisque felis, sit amet imperdiet nulla dolor sit amet risus. Vestibulum at nisi eget justo semper ultricies. Aliquam vel lectus eu sapien convallis ultricies. In hac habitasse platea dictumst. Mauris feugiat hendrerit blandit.
- ♦ Thread Title (DD Month)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend dapibus iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam ante ipsum, euismod vel laoreet a, iaculis at ante.
- ♦ Thread Title (DD Month)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend dapibus iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam ante ipsum, euismod vel laoreet a, iaculis at ante.
- ♦ Thread Title (DD Month)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend dapibus iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam ante ipsum, euismod vel laoreet a, iaculis at ante.
.char-archive {width:95%; margin:0 auto; font-family:'times new roman', times, serif; font-size:14px; color:#000000; padding:5px; border:1px solid #000000; background-color:#B9B9B9;}
.char-archive a:link, .char-archive a:visited {color:#622521;}
.char-archive a:hover, .char-archive a:active {color:#2F0B09;}
.char-archive li {padding:2px 0px; margin:0px; list-style-type: decimal-leading-zero; font-weight:bold;}
.char-archive li em {font-family:georgia, serif; font-size:12px; letter-spacing:-.1px; line-height:16px; font-style:normal; font-weight:normal; }
.char-archive li em strong {color:#61201C;}
.char-archive ol { list-style-position:inside; padding:0px; margin:0px; }
.char-archive p {text-indent:25px; margin:0px; padding:0px; }
.char-archive-warn {color:#AA0000; font-weight:bold;}
.char-archive li a {text-transform:lowercase;}
.char-post {font-size:15px; color:#8C0404;}
.char-archive .separator { font-family:'times new roman', times, serif; font-size:17px; text-transform:uppercase; border-bottom:1px dotted #000000; font-weight:bold; text-align:right; padding-right:10%;}
.char-header {font-family:georgia, serif; font-size:22px; text-transform:uppercase; letter-spacing:1px; font-weight:bold;}
.char-title {width:50%; float:left;}
.char-notes {float:right; width:50%; text-align:right;}
.char-list {clear:both; padding-top:10px;}
</style>[/html]