Username: 
Password:    
Remember Me

Search by :  Username E-mail Region Interest AOL IM ICQ Number Yahoo! ID MSN Username Jabber

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

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;"> <!-- BEGIN GAME INFO --> <tr><th colspan="4" style="font-size:24px;background:#999;color:#000;font-weight:normal;text-align:left;">GAMETITLE</th></tr> <!-- CHARACTER LIST --> <tr> <td style="width:125px;background:#CCC;text-align:center;"> <a href="URL"><img src="IMG" width="100" height="100" border="0"></a> <br/><b>Character Name</b> <br/><i>Other info</i> <br/><small>Played By Name</small></td> <td style="width:125px;background:#CCC;text-align:center;"> <a href="URL"><img src="IMG" width="100" height="100" border="0"></a> <br/><b>Character Name</b> <br/><i>Other info</i> <br/><small>Played By Name</small></td> <td style="width:125px;background:#CCC;text-align:center;"> <a href="URL"><img src="IMG" width="100" height="100" border="0"></a> <br/><b>Character Name</b> <br/><i>Other info</i> <br/><small>Played By Name</small></td> <td style="width:125px;background:#CCC;text-align:center;"> <a href="URL"><img src="IMG" width="100" height="100" border="0"></a> <br/><b>Character Name</b> <br/><i>Other info</i> <br/><small>Played By Name</small></td> </tr> <!-- END CHARACTER LIST --> <!-- ADDRESS --> <tr><td colspan="4" style="text-align:right;background:#BBB;padding:5px;"> <b>@ <lj user="GAMEURL"></b> </td></tr> <!-- END GAME INFO --> </table>

SEE IT IN ACTION:

damosel@IJ :]