InsaneJournal

Tweak says, "I have an Oedipus complex."

la belle damoiselle sans vie (damosel) wrote in rp_tutorials,
@ 2009-02-18 23:23:00

Entry tags:

layouts: cdj

Character Directory

REPLACE THE FOLLOWING:

1. 999 with the background color hex for your game title
2. 000 with the text color hex for your game title
3. CCC with the background color hex for your cells
4. BBB with the background color hex for your game address bar (the bit with the @)
4. GAMETITLE with the name of your game
5. GAMEURL with the username of your game's community

And in each cell:

6. URL with the URL of the character's journal, and
7. IMG with the URL of the character's icon

NOTE: this needs to go in a journal entry, not in your userinfo, because it employs CSS. If you need it in your userinfo, use this version.

If you want to use the layout as shown, leave the hexes as is.

To add more characters, just duplicate everything between the "CHARACTER LIST" comments. To add another game section, duplicate everything between the "BEGIN" and "END" comments.

<table align="center" cellpadding="10" cellspacing="15" style="background:#FFF;font-size:12px;font-family:verdana, sans-serif;line-height:1.4em;">

<tr><th colspan="4" style="font-size:24px;background:#999;color:#000;font-weight:normal;text-align:left;">GAMETITLE</th></tr>

<tr>
 <td style="width:125px;background:#CCC;text-align:center;"> <a href="URL"><img src="IMG" width="100" height="100" border="0"></a> Character Name Other info Played By Name</td>
 <td style="width:125px;background:#CCC;text-align:center;"> <a href="URL"><img src="IMG" width="100" height="100" border="0"></a> Character Name Other info Played By Name</td>
 <td style="width:125px;background:#CCC;text-align:center;"> <a href="URL"><img src="IMG" width="100" height="100" border="0"></a> Character Name Other info Played By Name</td>
 <td style="width:125px;background:#CCC;text-align:center;"> <a href="URL"><img src="IMG" width="100" height="100" border="0"></a> Character Name Other info Played By Name</td>
</tr>

<tr><td colspan="4" style="text-align:right;background:#BBB;padding:5px;"> @ <lj user="GAMEURL"> </td></tr>

</table>

SEE IT IN ACTION:

damosel@IJ :]

(Post a new comment)

	hammertech 2009-02-19 12:07 am UTC (link)
	I quite like this and see people who want this sort of layout on their user info (where their character directory is) a lot. So, what I would suggest is writing up another that's strictly HTML for the user info and adding it in for people who want it there. (Reply to this)

	idle_muse 2009-03-13 09:52 pm UTC (link)
	This is lovely! But my boxes are up and down, rather than side by side? Help please! (Reply to this)

	thevoicewithin 2009-04-01 07:34 pm UTC (link)
	I love this layout for characters. I use it in my sample journal here. I was curious though if there was a way to make it a little wider? If you go look you'll see that two of my characters have long names and I would prefer for them to be on one line instead of two. (Reply to this)

	hammertech 2009-04-03 03:36 am UTC (link)
	I just wanted to comment and say I see this layout everywhere. It's majorly popular! (Reply to this)

	peripetymod 2009-04-25 08:26 pm UTC (link)
	Tweaked and used for our Quidditch Roster. Thank you so much! (Reply to this) (Thread)

	hammertech 2009-05-19 05:17 am UTC (link)
	That looks gorgeous. (Reply to this) (Parent)

	arevolvingworld 2009-05-01 06:53 am UTC (link)
	Took for my current characters here and for the list of taken characters at founding_mod (Reply to this)

	ex_dcfc159 2009-07-04 09:47 pm UTC (link)
	I'm using this with credit here. Thank you so much! (Reply to this)

	animatronics 2009-07-11 05:25 pm UTC (link)
	Image shack just rm'd your picture :/ Thought you might want to know. I like the table in your journal, though, and might be using it as a spiffier one for my own! I will credit, if I use :D (Reply to this) (Thread)

	damosel 2009-07-11 05:34 pm UTC (link)
	Yeah, imageshack just started having issues last night. WTG HACKERS YOU SURE SHOWED US :P I'll move stuff to photobucket in a while. (Reply to this) (Parent) (Thread)

	animatronics 2009-07-11 05:38 pm UTC (link)
	Hah! That's actually kind of awesome. And here I had been debating making the move over to imageshack. Looks like I'm staying at photobucket for w bit XD (Reply to this) (Parent)

	melliflu 2009-08-04 10:09 pm UTC (link)
	Using with credit here (for a cast list)! (Reply to this)

	the_whitehouse 2009-08-20 12:37 am UTC (link)
	Oooooo I like. Taking and crediting. (Reply to this)

	irish_cdj 2009-11-07 06:49 am UTC (link)
	In use HERE!! (Reply to this)

	needtakehave 2010-07-24 04:24 am UTC (link)
	I used it here and here! (Reply to this)

	amelioration 2010-08-20 12:04 pm UTC (link)
	Used it here, though I'm not done tweaking it. My head just won't let me do anything more right now. :P Will throw in a credit when I get back at it..! (Reply to this)

	rain_surfer 2010-09-08 05:21 am UTC (link)
	Just wanted to say thank you so much for this layout and that I'll be using it in one of my boards :) (Reply to this)

	thecdj_ofangel 2010-09-20 05:56 pm UTC (link)
	Used HERE!! (Reply to this)

	mistojen 2011-03-29 03:36 pm UTC (link)
	This is simple and clean, I love it! I'm using it here, in case you'd like to see. (Reply to this)

	the_wolfsbane 2011-12-14 03:47 am UTC (link)
	Love it! Thank you so much! (Reply to this)

	erinm_4600 2013-03-03 05:56 am UTC (link)
	Snagged and put to good use in multiple places, with much thanks! (Reply to this)