[b]Make your own review on songs/vids/ or whatevah you like[/b] preview: [img]http://img254.imageshack.us/img254/1492/reviewpf3.jpg[/img] This will be inside your onload handler... [quote]var review = "<div class='reviewz' style='background:url() repeat fixed center; border:3px groove [b]#00ffff[/b];'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'>"+ "<img src='[color=green]PHOTO_URL[/color]'></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li><font color='#[b]0000ff[/b]'><b>[color=red]TITLE_OF_YOUR_REVIEW[/color]</b></font></br><font color='[b]#0000ff[/b]'><b>Artist:</b></font> <font color='[b]#00ff33[/b]'>[color=green]NAME_OF_ARTIST[/color]</br><font color='[b]#0000ff[/b]'></br><font color='[b]#0000ff'[/b]><b>RATING: </b><img src='http://images.friendster.com/images/rating_star.gif'><img src='http://images.friendster.com/images/rating_star.gif'><img src='http://images.friendster.com/images/rating_star.gif'><img src='http://images.friendster.com/images/rating_star.gif'><img src='http://images.friendster.com/images/rating_star.gif'><img src='http://images.friendster.com/images/rating_star.gif'><img src='http://images.friendster.com/images/rating_star.gif'><img src='http://images.friendster.com/images/rating_star.gif'><img src='http://images.friendster.com/images/rating_star.gif'><img src='http://images.friendster.com/images/rating_star.gif'></font></br><font color='#[b]ff0033[/b]'>[color=red]YOUR_COMMENTS/REVIEWS HERE[/color]</font><br/><b><font color='[b]#00ff00[/b]'><b>LIVE FEED</b><br/>[color=red]EMBEDDED_VIDEO_HERE[/color]<br><br></li>"+ "</ul></td>"+ "</tr></tbody></table></div>"; document.getElementById('content_12').style.height='100%'; document.getElementById('content_12').style.overflowY='hidden'; document.getElementById('content_12').innerHTML = "<table width='100%'><tr><td align='center'>"+review+"</td></tr></table>";[/quote] [quote]Legend: for ex: [color=green]PHOTO_URL[/color] = the image of the artist/or whatever image you like... at the left upper corner of your review box [color=red]TITLE_OF_YOUR_REVIEW[/color] = You and Me [color=green]NAME_OF_ARTIST[/color] = Lifehouse [color=red]YOUR_COMMENTS/REVIEWS HERE[/color] = Well yeah you and me really rocks.. i really love this effin song... it reminds me of my ex... lolers... thumbsup for this song and handsdown for lifehouse band.. [color=red]EMBEDDED_VIDEO_HERE[/color] = you can input embedded videos from youtube... [hr][hr] and yes of course you can edit the hex code for your own desire.. [hr][hr] <img src='[b]http://images.friendster.com/images/rating_star.gif[/b]'> = this part is the exact image [img]http://images.friendster.com/images/rating_star.gif[/img] from friendster..[/quote] [hr] Optional for [b]Music[/b] or Music [b]Videos[/b] review... you can add this code below... <">This is how you paste the code above... [quote]var review = "<div class='reviewz' style='background:url() repeat fixed center; border:3px groove [b]#00ffff[/b];'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'>"+ "<img src='[color=green]PHOTO_URL[/color]'></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li><font color='#[b]0000ff[/b]'><b>[color=red]TITLE_OF_YOUR_REVIEW[/color]</b></font></br><font color='[b]#0000ff[/b]'><b>Artist:</b></font> <font color='[b]#00ff33[/b]'>[color=green]NAME_OF_ARTIST[/color]</br><font color='[b]#0000ff[/b]'><b>RATING: </b><img src='http://images.friendster.com/images/rating_star.gif'><img src='http://images.friendster.com/images/rating_star.gif'><img src='http://images.friendster.com/images/rating_star.gif'><img src='http://images.friendster.com/images/rating_star.gif'><img src='http://images.friendster.com/images/rating_star.gif'><img src='http://images.friendster.com/images/rating_star.gif'><img src='http://images.friendster.com/images/rating_star.gif'><img src='http://images.friendster.com/images/rating_star.gif'><img src='http://images.friendster.com/images/rating_star.gif'><img src='http://images.friendster.com/images/rating_star.gif'></font></br><font color='#[b]ff0033[/b]'>[color=red]YOUR_COMMENTS/REVIEWS HERE[/color]</font><br/>[b]rhythm: <img src='http://artists.letssingit.com/i/star10.gif'><br/>melody: <img src='http://artists.letssingit.com/i/star10.gif'><br/>instruments: <img src='http://artists.letssingit.com/i/star10.gif'><br/>vocals: <img src='http://artists.letssingit.com/i/star10.gif'><br/>lyrics: <img src='http://artists.letssingit.com/i/star10.gif'> <br>[/b]<b><font color='[b]#00ff00[/b]'><b>LIVE FEED</b><br/>[color=red]EMBEDDED_VIDEO_HERE[/color]<br><br></li>"+ "</ul></td>"+ "</tr></tbody></table></div>"; document.getElementById('content_12').style.height='100%'; document.getElementById('content_12').style.overflowY='hidden'; document.getElementById('content_12').innerHTML = "<table width='100%'><tr><td align='center'>"+review+"</td></tr></table>";[/quote] [hr] Make it scrollable Add this inside your css [quote].reviewz{overflow :auto;height :[b]200[/b]px;}[/quote] That's it very simple tweak .. do your reviews now... chow... credits: bro ephemeral bro xavierkym they both got have fake reviews.. this idea is from their page... hehe and of course friendster.com for their star images.. lols

Last edited by blurrycloud (2008-09-13 07:06:48)