[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]
#2
You're a crazy woman!! This is super helpful. o:
#3
<3
#4
I am going to have to use some of this for my Hybrid post log, which I have decided to actually organize or something weird like that omg. :>
#5
ILU ALL. <3

I'm pretty sure I'm fond of this, but I'm splitting up Kae's threads by year/era. I hit the per-post limit with just her threads from 2009-2010. >____>
#6
i like this.

i wish I had the time to use it, but it would take me HOMG hours to re-haul Kansas's archived threads.

perhaps I'll use it for Rio! <333
#7
this is one of those things that should be pinned. -hinthint.- >__>;
i love the usefulness! ♥
#8
Aww, there are enough pinned things in this forum, I think. ^_^ I did link this from my wiki page and everything, if you want I'll put it on my resources page as well?

-hugloves-
#9
I dunno, do things get deleted if they get too outdated, like when they fall to the bottom of the very last available page? D:

The same with the css guide, which is ridiculously helpful. I'd be sad if they go bye-bye. ;[ There's also the need to search for the topic when you want it.
#10
Nuh, nothing is deleted anymore. :3 The forum's default is to show topics that have been replied to in the last 30 days; however, you can scroll to the bottom of the forum and use the drop down box to display topics from "the beginning" and scroll back quite a while.

You can also search for it if it falls off of the first page--search is on the upper right hand side in the second menu, beneath Plot/Rules/Joining bar, on the far side.

Maybe if it's okay by the SA, I could add a link to this thread here from this thread here in Profiles & Archives listings? :o Gotta ask first. ^_^
#11
what about adding links to the threads in the resources thread thats already pinned?
#12
Good call. Big Grin -trundles off to do this-
#13
QUOTE (Kaena Lykoi @ May 30 2010, 07:46 PM)
Maybe if it's okay by the SA, I could add a link to this thread here from this thread here in Profiles & Archives listings? :o Gotta ask first. ^_^[/quote]
I added it!

I might add a second reply with some super basic post log ideas, eg:

Quote:
    [*] Date Thread link with [Participant] at [Location]
    [*] Oct 26, 2007 Profiles & Archive Listings with 'Souls Assemblage at Profiles & Archive Listings

And a simpler list style like yours too in HTML. Big Grin


Forum Jump: