[CODE] very simple character archive (3 versions)
#1
[html]

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



Character Name

You can put links to a profile or an image... whatever you want, really, here. :3


'Souls Wiki Profile

Detailed Profile
character status, notes, key, whatever you wanna put here. :] I tend to use this space for how many active threads I have at the moment, or "dead character" or "inactive character."

2009 :: Year Title
  1. Δ 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
  2. Ω 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.

Very Simple Character Archive by Sie!

<style>
.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



Character Name

You can put links to a profile or an image... whatever you want, really, here. :3

'Souls Wiki Profile

Detailed Profile

character status, notes, key, whatever you wanna put here. :] I tend to use this space for how many active threads I have at the moment, or "dead character" or "inactive character."
2009 :: Year Title
  1. Δ 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
  2. Ω 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.

Very Simple Character Archive by Sie!

<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


Character Name

Detailed Profile

Post Log

# active threads
Basic Information

  1. Name

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend dapibus iaculis.


  2. Age & DoB

    ##, Month DD


  3. Species

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend dapibus iaculis.


  4. Relations

    Mother— name [whereabouts]

    Father— name [whereabouts]

    Siblings— name [f/m, whereabouts]


    Other— name [f/m, whereabouts]


  5. 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.


  6. 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.


  7. 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.


  8. 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.


  9. 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.


Post Log
  1. 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.

  2. 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.

  3. 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.


<style>
.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]


Messages In This Thread

Forum Jump: