InsaneJournal
Tweak says, "Baddaboo, Baddaba.... BOO!"
Username:
Password:
Remember Me
Create Account
IJ Login
OpenID Login
Search by
:
Username
E-mail
Region
Interest
AOL IM
ICQ Number
Yahoo! ID
MSN Username
Jabber
View
Create Account
IJ Login
OpenID Login
Journal
Post
Edit Entries
Customize Journal
Comment Settings
Recent Comments
Manage Tags
Account
Manage Account
Viewing Options
Manage Profile
Manage Notifications
Manage Pictures
Manage Schools
Account Status
Friends
Edit Friends
Edit Custom Groups
Friends Filter
Nudge Friends
Invite
Create RSS Feed
Asylums
Post
Asylum Invitations
Manage Asylums
Create Asylum
Site
Support
Upgrade Account
FAQs
Search By Location
Search By Interest
Search Randomly
Ally -- are you already gone? (
wastintime
) wrote in
rp_tutorials
,
@
2011
-
07
-
09
02:44:00
Current mood:
exhausted
iTunes Multi-Playlist
Live Example
The Code
<lj-raw> <img src="http://i.imgur.com/sZuLQ.png" style="width:1024px;height:70px;border:1px solid #4e5966;"> <div style="width:1026px;height:403px;overflow:hidden;"> <!-- one --> <table cellpadding="0" cellspacing="0" style="margin:0 0 403px -10px;border-collapse:collapse;font-family:Arial, sans-serif;"> <tr> <td style="vertical-align:top;width:10px;"><a name="onea"> </a></td> <td style="vertical-align:top;width:200px;height:403px;border-left:1px solid #4d5057;border-right:1px solid #bbb;background-color:#d9dee5;"> <div style="padding:4px 8px;height:176px;overflow:auto;"> <div style="text-transform:uppercase;text-shadow:0 1px 0 #FFF;color:#4e5966;margin-bottom:2px;font-size:11px;font-weight:bold;">Playlists</div> <div style="padding-left:8px;"> <div style="background:url('http://i.imgur.com/nEzsc.png') repeat-x;padding:3px 8px 3px 16px;margin:0 -8px 0 -16px;"><a href="#onea" style="text-decoration:none;color:#fff;font-weight:bold;font-size:12px;text-shadow: 1px 0 0 #22568c;"><img src="http://i.imgur.com/D7lWr.png" style="width:15px;height:14px;border:0;float:left;"> <span style="margin:-4px 0 0 4px;">One</span></a></div> <div style="margin:4px 0 0 0;"><a href="#twoa" style="text-decoration:none;color:#191919;font-size:12px;"><img src="http://i.imgur.com/61nCA.png" style="width:15px;height:15px;border:0;float:left;"> <span style="margin:-4px 0 0 4px;">Two</span></a></div> <div style="margin:4px 0 0 0;"><a href="#threea" style="text-decoration:none;color:#191919;font-size:12px;"><img src="http://i.imgur.com/61nCA.png" style="width:15px;height:15px;border:0;float:left;"> <span style="margin:-4px 0 0 4px;">Three</span></a></div> </div> </div> <div style="background:url('http://i.imgur.com/bU11C.png') repeat-x;border-top:1px solid #adadad;border-bottom:1px solid #adadad;padding-top:2px;text-align:center;color:#2a2a2a;font-size:11px;font-weight:bold;">Selected Item</div> <img src="http://i471.photobucket.com/.png" style="width:100px;height:100px;"><img src="http://i471.photobucket.com/.png" style="width:100px;height:100px;"><img src="http://i471.photobucket.com/.png" style="width:100px;height:100px;"><img src="http://i471.photobucket.com/.png" style="width:100px;height:100px;"> </td> <td style="vertical-align:top;width:823px;height:403px;border-right:1px solid #4e5966;"> <table cellpadding="0" cellspacing="0" style="width:823px;height:21px;background:url('http://i.imgur.com/ooIC6.png') repeat-x;border-bottom:1px solid #bbb;font-family:Arial, sans-serif;font-size:11px;color:#2a2a2a;font-weight:bold;"> <tr> <td style="text-align:center;vertical-align:middle;width:32px;"> </td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:center;vertical-align:middle;width:14px;">✓</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:left;vertical-align:middle;width:190px;padding-left:4px;">Name</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:right;vertical-align:middle;width:56px;padding-right:4px;">Time</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:left;vertical-align:middle;width:118px;padding-left:4px;">Artist</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:left;vertical-align:middle;width:118px;padding-left:4px;">Album</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:left;vertical-align:middle;width:75px;padding-left:4px;">Genre</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:left;vertical-align:middle;width:75px;padding-left:4px;">Rating</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:right;vertical-align:middle;width:75px;padding-right:4px;">Plays</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:left;vertical-align:middle;padding-left:4px;"> </td> </tr> </table> <div style="width:823px;height:382px;overflow:auto;"> <table cellpadding="0" cellspacing="0" style="width:823px;background-color:#FFF;font-family:Arial, sans-serif;font-size:11px;color:#000;"> <tr style="height:19px;background-color:#f2f5f9;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">1</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> <tr style="height:19px;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">2</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">3</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> <tr style="height:19px;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">4</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">5</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> <tr style="height:19px;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">6</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">7</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> <tr style="height:19px;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">8</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">9</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> <tr style="height:19px;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">10</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">11</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> <tr style="height:19px;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">12</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">13</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> <tr style="height:19px;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">14</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">15</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> <tr style="height:19px;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">16</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">17</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> <tr style="height:19px;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">18</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">19</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> <tr style="height:19px;"> <td style="text-align:right;vertical-align:middle;width:21px;padding-right:12px;">20</td> <td style="text-align:center;vertical-align:middle;width:15px;"><img src="http://i.imgur.com/KQoQb.png" style="width:10px;height:10px;"></td> <td style="text-align:left;vertical-align:middle;width:191px;padding-left:4px;">Name</td> <td style="text-align:right;vertical-align:middle;width:57px;padding-right:4px;">Time</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Artist</td> <td style="text-align:left;vertical-align:middle;width:119px;padding-left:4px;">Album</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Genre</td> <td style="text-align:left;vertical-align:middle;width:76px;padding-left:4px;">Rating</td> <td style="text-align:right;vertical-align:middle;width:76px;padding-right:4px;">Plays</td> <td style="text-align:right;vertical-align:middle;padding-right:8px;"><a href="" target="_blank" style="text-decoration:none;color:#000;">►</a></td> </tr> </table> </div> </td> </tr> </table> <!-- end one --> <!-- two --> <table cellpadding="0" cellspacing="0" style="margin:0 0 403px -10px;border-collapse:collapse;font-family:Arial, sans-serif;"> <tr> <td style="vertical-align:top;width:10px;"><a name="twoa"> </a></td> <td style="vertical-align:top;width:200px;height:403px;border-left:1px solid #4d5057;border-right:1px solid #bbb;background-color:#d9dee5;"> <div style="padding:4px 8px;height:176px;overflow:auto;"> <div style="text-transform:uppercase;text-shadow:0 1px 0 #FFF;color:#4e5966;margin-bottom:2px;font-size:11px;font-weight:bold;">Playlists</div> <div style="padding-left:8px;"> <div style="margin:4px 0 0 0;"><a href="#onea" style="text-decoration:none;color:#191919;font-size:12px;"><img src="http://i.imgur.com/61nCA.png" style="width:15px;height:15px;border:0;float:left;"> <span style="margin:-4px 0 0 4px;">One</span></a></div> <div style="background:url('http://i.imgur.com/nEzsc.png') repeat-x;padding:3px 8px 3px 16px;margin:2px -8px 0 -16px;"><a href="#twoa" style="text-decoration:none;color:#fff;font-weight:bold;font-size:12px;text-shadow: 1px 0 0 #22568c;"><img src="http://i.imgur.com/D7lWr.png" style="width:15px;height:14px;border:0;float:left;"> <span style="margin:-4px 0 0 4px;">Two</span></a></div> <div style="margin:4px 0 0 0;"><a href="#threea" style="text-decoration:none;color:#191919;font-size:12px;"><img src="http://i.imgur.com/61nCA.png" style="width:15px;height:15px;border:0;float:left;"> <span style="margin:-4px 0 0 4px;">Three</span></a></div> </div> </div> <div style="background:url('http://i.imgur.com/bU11C.png') repeat-x;border-top:1px solid #adadad;border-bottom:1px solid #adadad;padding-top:2px;text-align:center;color:#2a2a2a;font-size:11px;font-weight:bold;">Selected Item</div> <img src="http://i471.photobucket.com/.png" style="width:100px;height:100px;"><img src="http://i471.photobucket.com/.png" style="width:100px;height:100px;"><img src="http://i471.photobucket.com/.png" style="width:100px;height:100px;"><img src="http://i471.photobucket.com/.png" style="width:100px;height:100px;"> </td> <td style="vertical-align:top;width:823px;height:403px;border-right:1px solid #4e5966;"> <table cellpadding="0" cellspacing="0" style="width:823px;height:21px;background:url('http://i.imgur.com/ooIC6.png') repeat-x;border-bottom:1px solid #bbb;font-family:Arial, sans-serif;font-size:11px;color:#2a2a2a;font-weight:bold;"> <tr> <td style="text-align:center;vertical-align:middle;width:32px;"> </td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:center;vertical-align:middle;width:14px;">✓</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:left;vertical-align:middle;width:190px;padding-left:4px;">Name</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:right;vertical-align:middle;width:56px;padding-right:4px;">Time</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:left;vertical-align:middle;width:118px;padding-left:4px;">Artist</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:left;vertical-align:middle;width:118px;padding-left:4px;">Album</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:left;vertical-align:middle;width:75px;padding-left:4px;">Genre</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:left;vertical-align:middle;width:75px;padding-left:4px;">Rating</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:right;vertical-align:middle;width:75px;padding-right:4px;">Plays</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:left;vertical-align:middle;padding-left:4px;"> </td> </tr> </table> <div style="width:823px;height:382px;overflow:auto;"> <table cellpadding="0" cellspacing="0" style="width:823px;background-color:#FFF;font-family:Arial, sans-serif;font-size:11px;color:#000;"> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> </table> </div> </td> </tr> </table> <!-- end two --> <!-- three --> <table cellpadding="0" cellspacing="0" style="margin:0 0 403px -10px;border-collapse:collapse;font-family:Arial, sans-serif;"> <tr> <td style="vertical-align:top;width:10px;"><a name="threea"> </a></td> <td style="vertical-align:top;width:200px;height:403px;border-left:1px solid #4d5057;border-right:1px solid #bbb;background-color:#d9dee5;"> <div style="padding:4px 8px;height:176px;overflow:auto;"> <div style="text-transform:uppercase;text-shadow:0 1px 0 #FFF;color:#4e5966;margin-bottom:2px;font-size:11px;font-weight:bold;">Playlists</div> <div style="padding-left:8px;"> <div style="margin:4px 0 0 0;"><a href="#onea" style="text-decoration:none;color:#191919;font-size:12px;"><img src="http://i.imgur.com/61nCA.png" style="width:15px;height:15px;border:0;float:left;"> <span style="margin:-4px 0 0 4px;">One</span></a></div> <div style="margin:4px 0 0 0;"><a href="#twoa" style="text-decoration:none;color:#191919;font-size:12px;"><img src="http://i.imgur.com/61nCA.png" style="width:15px;height:15px;border:0;float:left;"> <span style="margin:-4px 0 0 4px;">Two</span></a></div> <div style="background:url('http://i.imgur.com/nEzsc.png') repeat-x;padding:3px 8px 3px 16px;margin:2px -8px 0 -16px;"><a href="#threea" style="text-decoration:none;color:#fff;font-weight:bold;font-size:12px;text-shadow: 1px 0 0 #22568c;"><img src="http://i.imgur.com/D7lWr.png" style="width:15px;height:14px;border:0;float:left;"> <span style="margin:-4px 0 0 4px;">Three</span></a></div> </div> </div> <div style="background:url('http://i.imgur.com/bU11C.png') repeat-x;border-top:1px solid #adadad;border-bottom:1px solid #adadad;padding-top:2px;text-align:center;color:#2a2a2a;font-size:11px;font-weight:bold;">Selected Item</div> <img src="http://i471.photobucket.com/.png" style="width:100px;height:100px;"><img src="http://i471.photobucket.com/.png" style="width:100px;height:100px;"><img src="http://i471.photobucket.com/.png" style="width:100px;height:100px;"><img src="http://i471.photobucket.com/.png" style="width:100px;height:100px;"> </td> <td style="vertical-align:top;width:823px;height:403px;border-right:1px solid #4e5966;"> <table cellpadding="0" cellspacing="0" style="width:823px;height:21px;background:url('http://i.imgur.com/ooIC6.png') repeat-x;border-bottom:1px solid #bbb;font-family:Arial, sans-serif;font-size:11px;color:#2a2a2a;font-weight:bold;"> <tr> <td style="text-align:center;vertical-align:middle;width:32px;"> </td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:center;vertical-align:middle;width:14px;">✓</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:left;vertical-align:middle;width:190px;padding-left:4px;">Name</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:right;vertical-align:middle;width:56px;padding-right:4px;">Time</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:left;vertical-align:middle;width:118px;padding-left:4px;">Artist</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:left;vertical-align:middle;width:118px;padding-left:4px;">Album</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:left;vertical-align:middle;width:75px;padding-left:4px;">Genre</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:left;vertical-align:middle;width:75px;padding-left:4px;">Rating</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:right;vertical-align:middle;width:75px;padding-right:4px;">Plays</td> <td style="text-align:center;vertical-align:middle;width:1px;"><img src="http://i.imgur.com/fmgFA.png" style="width:1px;height:21px;"></td> <td style="text-align:left;vertical-align:middle;padding-left:4px;"> </td> </tr> </table> <div style="width:823px;height:382px;overflow:auto;"> <table cellpadding="0" cellspacing="0" style="width:823px;background-color:#FFF;font-family:Arial, sans-serif;font-size:11px;color:#000;"> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> <tr style="height:19px;background-color:#f2f5f9;"> <td colspan="10"> </td> </tr> <tr style="height:19px;"> <td colspan="10"> </td> </tr> </table> </div> </td> </tr> </table> <!-- end three --> </div> <img src="http://i.imgur.com/wkI4P.png" style="width:1024px;height:22px;border:1px solid #4e5966;"> </lj-raw>
Other Images
Rating Star:
Questions/Feedback?
Leave a comment to this post. Thanks!
(
Read comments
)
Post a comment in response:
From:
( )
Anonymous
- this user has disabled anonymous posting.
( )
OpenID
InsaneJournal user
Username:
Password:
Login?
Don't have an account?
Create one now
.
Subject:
No HTML allowed in subject
Don't auto-format:
Message:
Check spelling during preview