InsaneJournal

Tweak says, "A wizard's staff has a knob..."

Ally -- are you already gone? (wastintime) wrote in rp_tutorials,
@ 2010-07-02 23:51:00

Entry tags:

layouts: playlists

[Table] Character Playlist

harmony dodderidge

Good Day Sunshine by The Beatles	Play ►
Time After Time by Cyndi Lauper	Play ►
Little Wing by Jimi Hendrix	Play ►

More Examples

Code (for single playlist)

<table cellpadding=8px align="center">
<tr>
<td align="center" valign="top" bgcolor="white" style="border: 2px black solid;"><img src="IMAGE URL" width="300px" height="200px" style="border: 1px black solid;">
name name
<table width=100% cellpadding="4px" cellspacing="0" style="margin-top:10px;">
<tr bgcolor="#E0E0E0">
<td align="justify">Title by Artist</td>
<td align="right"><a href="YT URL" target="_blank" style="text-decoration:none;">Play ►</a></td>
</tr>
<tr>
<td align="justify">Title by Artist</td>
<td align="right"><a href="YT URL" target="_blank" style="text-decoration:none;">Play ►</a></td>
</tr>
<tr bgcolor="#E0E0E0">
<td align="justify">Title by Artist</td>
<td align="right"><a href="YT URL" target="_blank" style="text-decoration:none;">Play ►</a></td>
</tr>
</table></td>
</tr>
</table>

Code (for table of 3 playlists)

<table cellpadding=8px cellspacing=10px align="center">
<tr>
<td align="center" valign="top" bgcolor="white" style="border: 2px black solid;"><img src="IMAGE URL" width="300px" height="200px" style="border: 1px black solid;">
name name
<table width=100% cellpadding="4px" cellspacing="0" style="margin-top:10px;">
<tr bgcolor="#E0E0E0">
<td align="justify">Title by Artist</td>
<td align="right"><a href="YT URL" target="_blank" style="text-decoration:none;">Play ►</a></td>
</tr>
<tr>
<td align="justify">Title by Artist</td>
<td align="right"><a href="YT URL" target="_blank" style="text-decoration:none;">Play ►</a></td>
</tr>
<tr bgcolor="#E0E0E0">
<td align="justify">Title by Artist</td>
<td align="right"><a href="YT URL" target="_blank" style="text-decoration:none;">Play ►</a></td>
</tr>
</table></td>

<td align="center" valign="top" bgcolor="white" style="border: 2px black solid;"><img src="IMAGE URL" width="300px" height="200px" style="border: 1px black solid;">
name name
<table width=100% cellpadding="4px" cellspacing="0" style="margin-top:10px;">
<tr bgcolor="#E0E0E0">
<td align="justify">Title by Artist</td>
<td align="right"><a href="YT URL" target="_blank" style="text-decoration:none;">Play ►</a></td>
</tr>
<tr>
<td align="justify">Title by Artist</td>
<td align="right"><a href="YT URL" target="_blank" style="text-decoration:none;">Play ►</a></td>
</tr>
<tr bgcolor="#E0E0E0">
<td align="justify">Title by Artist</td>
<td align="right"><a href="YT URL" target="_blank" style="text-decoration:none;">Play ►</a></td>
</tr>
</table></td>

The graphics are 300px x 200px. If you have any questions you can leave a comment here or email me at xvanyaeldax@gmail.com

	wfmods 2010-08-31 08:24 pm UTC (link)
	This looks awesome, going to borrow it for character development :) Thank you! (Reply to this)