InsaneJournal

Tweak says, "Sharp objects + eye = NO."

Ally -- are you already gone? (wastintime) wrote in rp_tutorials,
@ 2010-04-10 21:44:00

Current mood:	bouncy
Entry tags:	layouts: playlists

[Other] Customizable Soundtrack

Working Example:

jonas ackerly &
kobe catchlove

♥ ♥ ♥ ♥ ♥

♬ i saw her standing there
by The Beatles
"How could I dance with another when I saw her standing there?"

♬ a song for you
by The Carpenters
"I know your image of me is what I hope to be."

♬ hold my hand
by Hootie & the Blowfish
"I wanna love you the best that, the best that I can."

♬ come on, get higher
by Matthew Nathanson
"Pull me down hard and drown me in love."

♬ love will keep us together
by Captain & Tennille
"I'll need you now and I'll need you then."

More Examples

Code:

<table align="center" cellpadding="0" cellspacing="10px">
<tr>
<td valign="top" width="400px" bgcolor="#FF6666"><div style="padding: 10px; font-family: Arial, Century Gothic, serif; color: #FF6666; text-align: justify;"><div style="padding: 20px; background-color: #BB3333; font-size: 14pt; line-height: 20px;"><div style=" text-align: right; font-weight: bold;">name &     <br />name</div><font style="letter-spacing: 4px;"><a href="link" style="text-decoration: none;" target="_blank" title="song - artist"><font color="#FFAAAA">♥</font></a> <a href="link" style="text-decoration: none;" target="_blank" title="song - artist"><font color="#FFAAAA">♥</font></a> <a href="link" style="text-decoration: none;" target="_blank" title="song - artist"><font color="#FFAAAA">♥</font></a> <a href="link" style="text-decoration: none;" target="_blank" title="song - artist"><font color="#FFAAAA">♥</font></a> <a href="link" style="text-decoration: none;" target="_blank" title="song - artist"><font color="#FFAAAA">♥</font></a></font></div>
<div style="font-size: 10pt; padding: 0px 10px 10px 10px; color: #440000;"><div align="justify"><font style="font-family: Century Gothic, serif; letter-spacing: 1px;"><font color="#BB3333">♬</font> song</font><br /><font style="letter-spacing: 2px;"><small>by <font style="text-transform: uppercase; font-weight: bold;">artist</font></small></font>
<small>lyrics</small></div>
<div align="right"><font style="font-family: Century Gothic, serif; letter-spacing: 1px;"><font color="#BB3333">♬</font> song</font><br /><font style="letter-spacing: 2px;"><small>by <font style="text-transform: uppercase; font-weight: bold;">artist</font></small></font>
<small>lyrics</small></div>
<div align="justify"><font style="font-family: Century Gothic, serif; letter-spacing: 1px;"><font color="#BB3333">♬</font> song</font><br /><font style="letter-spacing: 2px;"><small>by <font style="text-transform: uppercase; font-weight: bold;">artist</font></small></font>
<small>lyrics</small></div>
<div align="right"><font style="font-family: Century Gothic, serif; letter-spacing: 1px;"><font color="#BB3333">♬</font> song</font><br /><font style="letter-spacing: 2px;"><small>by <font style="text-transform: uppercase; font-weight: bold;">artist</font></small></font>
<small>lyrics</small></div>
<div align="justify"><font style="font-family: Century Gothic, serif; letter-spacing: 1px;"><font color="#BB3333">♬</font> song</font><br /><font style="letter-spacing: 2px;"><small>by <font style="text-transform: uppercase; font-weight: bold;">artist</font></small></font>
<small>lyrics</small></div>
<center><a href="#top" style="text-decoration: none;"><font color="#BB3333">back to top</font></a></center></div></div></td>
</tr>
</table>

The hearts link to You Tube vids. This is an OTP soundtrack example. The colors and fonts can easily be changed. Leave a comment if you have any questions!

	wastintime 2010-04-11 03:13 am UTC (link)
	Thanks. I had a lot of fun ~~and frustration~~ while making the base code. :) (Reply to this) (Parent)