Music Gallery

[RateU]

Requirement: XThreads
Last Updated: 04 November 2012

XThreads already has Images Gallery and Video Gallery. Now, we will try to create Music Gallery

Here is a simple example (based on MyBB 1.4):

Custom Thread Fields Setting:

1. Textbox for Artist:
   Create a Custom Thread Fields with this settings:
   • Title: Name
   • Key: mscartist
   • Applicable Forums: 'select a forum that we will apply for our Music Gallery'
   • Editable by / Required Field?: Everyone (required)
     Variable in template for displaying this field is: {$GLOBALS['threadfields']['mscartist']}.
     
2. Textbox for Writer:
   Create a Custom Thread Fields with this settings:
   • Title: Writer
   • Key: mscwriter
   • Applicable Forums: 'select a forum above'
   • Editable by / Required Field?: Everyone (required)
   • Display Order: 2
     Variable in template for displaying this field is: {$GLOBALS['threadfields']['mscwriter']}.
     
3. Textbox for Arranged:
   Create a Custom Thread Fields with this settings:
   • Title: Arranged
   • Key: mscarranged
   • Applicable Forums: 'select a forum above'
   • Editable by / Required Field?: Everyone (required)
   • Display Order: 3
     Variable in template for displaying this field is: {$GLOBALS['threadfields']['mscarranged']}.
     
4. Listbox for Genre:
   Create a Custom Thread Fields with this settings:
   • Title: Genre
   • Key: mscgenre
   • Applicable Forums: 'select the forum above'
   • Input Field Type: Listbox
   • Field Input Height: 1
   • Values List:
     
     Code:

     Pop Rock Classic

     ---

     Modify it as our needs.

   • Editable by / Required Field?: Everyone (required)
   • Display Order: 4
   • Allow Filtering: Yes
     We will put the filtering URL manually in template.
     
5. Listbox for Duration:
   Create a Custom Thread Fields with this settings:
   • Title: Duration
   • Key: mscduration
   • Applicable Forums: 'select the forum above'
   • Input Field Type: Listbox
   • Field Input Height: 1
   • Values List:
     
     Code:

     Full Sample

     ---

     Modify it as our needs.

   • Editable by / Required Field?: Everyone
   • Display Order: 5
   • Allow Filtering: Yes
     We put the filtering URL manually in template. We will try to "combine" it with Genre filtering URL and MyBB sorting thread in forumdisplay_threadlist template, using the $filters_set XThreads feature.
     
6. Textbox for Music URL:
   It's a bit hard for me to decide what player should be used for this. Finally, I've decided to use 1pixelout music player. So, this sample using 1pixelout music player. We need to download the player from 1pixelout.net. We will receive 2 file, 1 js file and 1 swf file. Pack it into one folder, call it player, and upload the folder to our forum root directory.
   We will include the player in this field, With this way we can set which user group can play the music, via the Viewable by Usergroups feature.
   
   In this sample, we need to upload the mp3 file to another file hosting which is allowing us to hotlink the file from their site. There are some free file hosting like this. The reason is, because I use free hosting, and most of free web hosting or shared hosting not allowing us to stream multimedia file directly from their web host, so, we need to host the file to another file hosting. That's why we don't use File input field type here.
   Create a Custom Thread Fields with this settings:
   • Title: Music URL
   • Key: mscurl
   • Applicable Forums: 'select the forum above'
   • Editable by / Required Field?: Everyone (required)
   • Display Order: 6
   • Display Format:
     
     HTML Code

     1 2 3 4 5 6 7 8 9 10 11 12

     <tr> <td class="tcat"> <script language="JavaScript" src="{$mybb->settings['bburl']}/player/audio-player.js"></script> <object type="application/x-shockwave-flash" data="{$mybb->settings['bburl']}/player/player.swf" id="ap_{$thread['tid']}" height="24" width="290"> <param name="movie" value="{$mybb->settings['bburl']}/player/player.swf"> <param name="FlashVars" value="playerID=ap_{$thread['tid']}&amp;soundFile={VALUE}"> <param name="quality" value="best"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object> </td> </tr>

     ---

   • Viewable by Usergroups: Select usergroup that can play the music.
   • Unviewable Value:
     
     HTML Code

     <tr> <td class="tcat smalltext" align="center"> <em>You don't have permission to play this music</em> </td> </tr>

     ---

     Variable in template for displaying this field is: {$GLOBALS['threadfields']['mscurl']}.
     

7. File Input for Artist Photo / Album Cover:
   Create a Custom Thread Fields with this settings:
   • Title: Artist Photo / Album Cover
   • Key: mscpic
   • Applicable Forums: 'select a forum above'
   • Input Field Type: File
   • Valid File Extensions: gif|png|jpg|jpeg
     Modify it as our needs. It is the extensions of image that can be uploaded.
   • Maximum File Size: 1048576
     Modify it as our needs. It is a maximum file size (in bytes) that can be uploaded. In this example, 1 Mb.
   • Editable by / Required Field?: Everyone (required)
   • Display Order: 7
   • Only accept uploaded images: Yes
   • Image Thumbnail Generation: 120x90|160x120|280x210
     We will put the image manually in template
     
8. Multiline Textbox for Lyrics:
   Create a Custom Thread Fields with this settings:
   • Title: Lyrics
   • Key: msclyrics
   • Applicable Forums: 'select a forum above'
   • Input Field Type: Multiline Textbox
   • Editable by / Required Field?: Everyone
   • Display Parsing: Plain text with new lines
   • Display Order: 8
   • Blank Replacement Value:
     
     HTML Code

     <div align="center">No lyrics available for this song</div>

     ---

     Variable in template for displaying this field is: {$GLOBALS['threadfields']['msclyrics']}.
     

Edit the selected forum with this XThreads Options settings:

1. Template Prefix: msc_
2. Show first post on every showthread page: Yes
3. Enable XThreads' Inline Forum Search: Yes
4. Settings Overrides:
   • Setting: Showthread Options -> Post Layout
     Value: horizontal
     
     Code:

     postlayout=horizontal

     ---

5. Hide Forum: Yes
   We need to put this forum url manually in our templates (e.g: header template).
6. Custom WOL Text:
   • Forum Display: Viewing Music Gallery
   • New Thread: Submitting A New Song
   • New Reply: Commenting <a href="{1}">{2}</a> Song
   • Show Thread: Listening <a href="{1}">{2}</a> Song
     

Now, we need to create new templates in Global Template.
Admin CP -> Templates & Style -> Templates -> Global Templates:

1. Template Name: msc_forumdisplay_nothreads
   
   HTML Code

   1 2 3 4 5 6 7

   <table border="0" cellspacing="{$GLOBALS['theme']['borderwidth']}" cellpadding="{$GLOBALS['theme']['tablespace']}" class="tborder" style="clear: both;"> <tr> <td class="trow1" align="center"> No Songs Available </td> </tr> </table>

   ---

2. Template Name: msc_forumdisplay_searchforum_inline
   
   HTML Code

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

   <br /> <table border="0" cellspacing="{$GLOBALS['theme']['borderwidth']}" cellpadding="{$GLOBALS['theme']['tablespace']}" class="tborder" style="clear: both;"> <tr><td class="thead"><div align="center"><strong>Search</strong></div></td></tr> <tr><td class="tcat"><strong>Search Music</strong></td></tr> <tr> <td class="trow1" align="center"> <form action="forumdisplay.php" method="get"> <input type="text" class="textbox" name="search" value="{$searchval}" /> {$gobutton} <input type="hidden" name="fid" value="{$fid}" /> <input type="hidden" name="sortby" value="{$sortby}" /> <input type="hidden" name="order" value="{$sortordernow}" /> <input type="hidden" name="datecut" value="{$datecut}" /> </form> </td> </tr> </table>

   ---

3. Template Name: msc_forumdisplay_sticky_sep
   
   HTML Code

   1 2 3 4 5 6 7 8

   <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"> <tr> <td class="thead" align="center" colspan="{$colspan}"> <div><strong>The Best Songs</strong></div> </td> </tr> </table> <br />

   ---

4. Template Name: msc_forumdisplay_thread
   
   HTML Code

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

   <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"> <tr> <td class="thead" colspan="{$colspan}" align="center"> <strong><a href="{$thread['threadlink']}" class="{$inline_edit_class} {$new_class}" id="tid_{$inline_edit_tid}">{$thread['subject']}</a></strong> </td> </tr> <tr> <td align="center" width="160" class="{$bgcolor}" rowspan="2" valign="middle"> <a href="{$thread['threadlink']}"><img src="{$GLOBALS['threadfields']['mscpic']['thumbs']['160x120']['url']}" alt="" title="" /></a> </td> <td class="tcat" style="height: 15px;"> <span class="float_left smalltext"> <em>{$thread['profilelink']}, {$thread['threaddate']} at {$thread['threadtime']}</em> </span> <span class="float_right smalltext"> <em>{$thread['views']} Views, <a href="javascript:MyBB.whoPosted({$thread['tid']});">{$thread['replies']}</a>{$unapproved_posts} Comments</em> </span> </td> {$modbit} </tr> <tr> <td align="center" class="{$bgcolor}" valign="middle" colspan="{$colspan}"> <strong><a href="{$thread['threadlink']}">{$thread['subject']}</a></strong> {$rating} <div><strong><a href="{$thread['threadlink']}">{$GLOBALS['threadfields']['mscartist']}</a></strong></div> <div><strong><a href="{$forumurl_q}filtertf_mscgenre={$GLOBALS['threadfields']['mscgenre']}">{$GLOBALS['threadfields']['mscgenre']}</a> &ndash; <a href="{$forumurl_q}filtertf_mscduration={$GLOBALS['threadfields']['mscduration']}">{$GLOBALS['threadfields']['mscduration']}</a></strong></div> </td> </tr> </table> <br />

   ---

5. Template Name: msc_forumdisplay_threadlist
   
   HTML Code

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68

   <table border="0" width="100%" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}"> <tr> <td width="300" valign="top"> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both;"> <tr> <td class="thead" colspan="2"> <div align="center"><strong><a href="{$forumurl}">{$foruminfo['name']}</a></strong></div> </td> </tr> <tr><td class="tcat"><strong>Music Genre</strong></td>{$inlinemodcol}</tr> <tr style="display: none;"> <td colspan="2"> <form action="{$forumurl}" method="post"> <select name="filtertf_mscgenre"> <option value="Pop"{$filters_set['mscgenre']['selected']['Pop']}>Pop</option> <option value="Rock"{$filters_set['mscgenre']['selected']['Rock']}>Rock</option> <option value="Classic"{$filters_set['mscgenre']['selected']['Classic']}>Classic</option> </select> <input type="submit" class="button" value="Filter" /> </form> </td> </tr> <tr> <td class="trow1" align="center" colspan="2"> <a href="{$forumurl_q}filtertf_mscgenre=Pop"><span><strong>Pop</strong></span></a> | <a href="{$forumurl_q}filtertf_mscgenre=Rock"><span><strong>Rock</strong></span></a> | <a href="{$forumurl_q}filtertf_mscgenre=Classic"><span><strong>Classic</strong></span></a> </td> </tr> <tr style="{$filters_set['mscgenre']['visiblecss']}"><td class="tcat" colspan="2"><strong>Duration</strong></td></tr> <tr style="{$filters_set['mscgenre']['visiblecss']}"> <td class="trow1" align="center" colspan="2"> <a href="{$forumurl_q}{$filters_set['mscgenre']['urlarg']}&amp;filtertf_mscduration=Full"><span><strong>Full</strong></span></a> | <a href="{$forumurl_q}{$filters_set['mscgenre']['urlarg']}&amp;filtertf_mscduration=Sample"><span><strong>Sample</strong></span></a> </td> </tr> </table> {$searchforum} <br /> <div> {$newthread} </div> </td> <td valign="top"> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both; margin-bottom: 9px;{$filters_set['mscgenre']['visiblecss']}"> <tr> <td class="thead" align="center"> <strong>Sort By: <a href="{$sorturl}&amp;sortby=subject&amp;order=asc">{$lang->thread}</a> {$orderarrow['subject']} | <a href="{$sorturl}&amp;sortby=starter&amp;order=asc">{$lang->author}</a> {$orderarrow['starter']} | <a href="{$sorturl}&amp;sortby=replies&amp;order=desc">{$lang->replies}</a> {$orderarrow['replies']} | <a href="{$sorturl}&amp;sortby=views&amp;order=desc">{$lang->views}</a> {$orderarrow['views']} {$ratingcol} | <a href="{$sorturl}&amp;sortby=lastpost&amp;order=desc">{$lang->lastpost}</a> {$orderarrow['lastpost']}</strong> </td> </tr> </table> {$threads}{$nullthreads} <div class="float_left"> {$multipage} </div> </td> </tr> </table> <br style="clear: both;" /> <br /> <div class="float_right" style="text-align: right;"> {$inlinemod} </div> <br style="clear: both" /> <div class="smalltext" align="center"> Music Gallery<br />Powered By <a href="http://mybbhacks.zingaburga.com">XThreads</a> - <a href="http://mybbhacks.zingaburga.com">MyBB Hacks</a> </div> {$inline_edit_js}

   ---

6. Template Name: msc_forumdisplay_threadlist_rating
   
   HTML Code

   1 2 3 4 5 6 7 8 9 10 11 12

   | <a href="{$sorturl}&amp;sortby=rating&amp;order=desc">{$lang->rating}</a> {$orderarrow['rating']} <script type="text/javascript" src="jscripts/rating.js?ver=1400"></script> <script type="text/javascript"> <!-- lang.stars = new Array(); lang.stars[1] = "{$lang->one_star}"; lang.stars[2] = "{$lang->two_stars}"; lang.stars[3] = "{$lang->three_stars}"; lang.stars[4] = "{$lang->four_stars}"; lang.stars[5] = "{$lang->five_stars}"; // --> </script>

   ---

7. Template Name: msc_forumdisplay_threads_sep
   
   HTML Code

   1 2 3 4 5 6 7 8

   <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"> <tr> <td class="thead" align="center" colspan="{$colspan}"> <div><strong>Normal Songs</strong></div> </td> </tr> </table> <br />

   ---

8. Template Name: msc_forumdisplay_thread_modbit
   
   HTML Code

   <td class="tcat" align="center" width="1"><input type="checkbox" class="checkbox" name="inlinemod_{$multitid}" id="inlinemod_{$multitid}" value="1" {$inlinecheck} /></td>

   ---

9. Template Name: msc_forumdisplay_thread_rating
   
   HTML Code

   1 2 3 4 5 6 7 8 9 10

   <div id="rating_table_{$thread['tid']}" align="center"> <ul class="star_rating{$not_rated}" id="rating_thread_{$thread['tid']}"> <li style="width: {$thread['width']}%" class="current_rating" id="current_rating_{$thread['tid']}">{$ratingvotesav}</li> </ul> <script type="text/javascript"> <!-- Rating.build_forumdisplay({$thread['tid']}, { width: '{$thread['width']}', extra_class: '{$not_rated}', current_average: '{$ratingvotesav}' }); // --> </script> </div>

   ---

10. Template Name: msc_newthread
    
    HTML Code

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56

    <html> <head> <title>{$lang->newthread_in}</title> {$headerinclude} <script type="text/javascript" src="jscripts/post.js?ver=1400"></script> </head> <body> {$header} {$preview} {$thread_errors} {$attacherror} <form action="newthread.php?fid={$fid}&amp;processed=1" method="post" enctype="multipart/form-data" name="input"> <input type="hidden" name="my_post_key" value="{$mybb->post_code}" /> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"> <tr> <td class="thead" colspan="2"><strong>Submit New Song</strong></td> </tr> <tr> <td class="trow2" width="20%"><strong>Song Title</strong></td> <td class="trow2"><input type="text" class="textbox" name="subject" size="40" maxlength="85" value="{$subject}" tabindex="1" /></td> </tr> {$extra_threadfields}{$posticons} <tr> <td class="trow2" valign="top"><strong>{$lang->your_message}</strong>{$smilieinserter}</td> <td class="trow2"> <textarea name="message" id="message" rows="20" cols="70" tabindex="2">{$message}</textarea> {$codebuttons} {$multiquote_external} </td> </tr> <tr> <td class="trow1" valign="top"><strong>{$lang->post_options}</strong></td> <td class="trow1"><span class="smalltext"> <label><input type="checkbox" class="checkbox" name="postoptions[signature]" value="1" tabindex="7"{$postoptionschecked['signature']} /> {$lang->options_sig}</label> {$disablesmilies}</span></td> </tr> {$modoptions} {$subscriptionmethod} {$pollbox} {$captcha} </table> {$attachbox} <br /> <div style="text-align:center"><input type="submit" class="button" name="submit" value="{$lang->post_thread}" tabindex="4" accesskey="s" /> <input type="submit" class="button" name="previewpost" value="{$lang->preview_post}" tabindex="5" />{$savedraftbutton}</div> <input type="hidden" name="action" value="do_newthread" /> <input type="hidden" name="posthash" value="{$posthash}" /> <input type="hidden" name="attachmentaid" value="" /> <input type="hidden" name="attachmentact" value="" /> <input type="hidden" name="quoted_ids" value="{$quoted_ids}" /> <input type="hidden" name="tid" value="{$tid}" /> {$editdraftpid} </form> {$forumrules} {$footer} </body> </html>

    ---

11. Template Name: msc_postbit
    
    HTML Code

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73

    {$ignore_bit} <a name="pid{$post['pid']}" id="pid{$post['pid']}"></a> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" width="100%" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}"> <tbody> <tr> <td width="1" valign="top"> <table border="0" width="100%"> <tr> <td class="post_avatar" width="1" style="{$post['avatar_padding']}" algin="center"> {$post['useravatar']} </td> </tr> </table> </td> <td valign="top"> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}"> <tr> <td class="tcat"> <div class="float_left smalltext"> {$post['postdate']}, {$post['posttime']} <span id="edited_by_{$post['pid']}">{$post['editedmsg']}</span> </div> {$post['posturl']} </td> </tr> <tr> <td class="trow2 post_content {$unapproved_shade}"> <span class="smalltext float_right"></span> <strong><span class="smalltext float_left"> {$post['onlinestatus']} {$post['profilelink']}, {$post['icon']}{$post['subject']} {$post['subject_extra']} </span></strong> <div class="post_body clear" id="pid_{$post['pid']}"> {$post['message']} </div> {$post['attachments']} <div class="post_meta" id="post_meta_{$post['pid']}"> {$post['iplogged']} </div> </td> </tr> <tr> <td class="trow1 post_buttons {$unapproved_shade}"> <div class="author_buttons float_left"> {$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']} </div> <div class="post_management_buttons float_right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']} </div> </td> </tr> </table> </td> </tr> <tr style="display: none;"> <td class="trow1 {$unapproved_shade}"> <table cellspacing="0" cellpadding="0" border="0" style="width: 100%;"> <tr> <td class="post_author"> <span class="smalltext"> {$post['usertitle']}<br /> {$post['userstars']} {$post['groupimage']} </span> </td> <td class="smalltext post_author_info" width="165"> {$post['user_details']} </td> </tr> </table> </td> </tr> </tbody> </table>

    ---

12. Template Name: msc_postbit_first
    
    HTML Code

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134

    {$ignore_bit} <a name="pid{$post['pid']}" id="pid{$post['pid']}"></a> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" width="100%" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}"> <tbody> <tr> <td valign="top"> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"> <tr> <td class="tcat {$unapproved_shade}" align="center"> <div class="smalltext"> Submitted: {$post['postdate']}, {$post['posttime']} </div> </td> </tr> <tr> <td class="post_avatar trow1" style="{$post['avatar_padding']}" align="center"> <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br /> {$post['useravatar']} <div class="post_author smalltext"> {$post['usertitle']}<br /> {$post['userstars']} {$post['groupimage']}<br /> {$post['user_details']} </div> </td> </tr> <tr> <td class="tcat {$unapproved_shade}" align="center"> {$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']} </td> </tr> </table> </td> <td class="post_content {$unapproved_shade}" valign="top" rowspan="2"> <table width="100%" border="0"> <tr> <td width="1" valign="top" align="center"> <img src="{$GLOBALS['threadfields']['mscpic']['thumbs']['160x120']['url']}" alt="" title="" /> </td> <td valign="top"> <table border="0" width="100%"> <tr> <td valign="top" width="131"><strong>Song Title</strong></td> <td width="1"><strong>:</strong></td> <td valign="top"><strong>{$post['subject']}</strong></td> </tr> <tr> <td valign="top"><strong>Artist</strong></td> <td width="1"><strong>:</strong></td> <td valign="top"><strong>{$GLOBALS['threadfields']['mscartist']}</strong></td> </tr> <tr> <td valign="top"><strong>Arranged</strong></td> <td width="1"><strong>:</strong></td> <td valign="top"><strong>{$GLOBALS['threadfields']['mscarranged']}</strong></td> </tr> <tr> <td valign="top"><strong>Writer</strong></td> <td width="1"><strong>:</strong></td> <td valign="top"><strong>{$GLOBALS['threadfields']['mscwriter']}</strong></td> </tr> <tr> <td valign="top"><strong>Genre - Duration</strong></td> <td width="1"><strong>:</strong></td> <td valign="top"><strong>{$GLOBALS['threadfields']['mscgenre']} - {$GLOBALS['threadfields']['mscduration']}</strong></td> </tr> </table> </td> </tr> </table> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"> <tr> <td class="tcat" align="center"> <strong>{$post['subject']} Lyrics</strong> </td> </tr> <tr> <td class="trow1"> <div class="post_body"> {$GLOBALS['threadfields']['msclyrics']} </div> </td> </tr> </table> <br /> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"> <tr> <td class="tcat"> <div class="float_left"> <strong>{$post['subject']} Description</strong> <span id="edited_by_{$post['pid']}" class="smalltext">{$post['editedmsg']}</span> </div> {$post['posturl']} </td> </tr> <tr> <td class="trow1"> <div class="post_body" id="pid_{$post['pid']}"> {$post['message']} </div> {$post['attachments']} <div class="post_meta" id="post_meta_{$post['pid']}"> {$post['iplogged']} </div> </td> </tr> <tr> <td class="trow1 post_buttons {$unapproved_shade}"> <div class="post_management_buttons float_right"> {$post['button_edit']} {$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']} </div> </td> </tr> </table> </td> </tr> <tr> <td class="{$unapproved_shade}" width="300" valign="top"> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"> <tr> <td class="tcat {$unapproved_shade}" align="center"> <strong>Play This Music Now!</strong> </td> </tr> <tr> <td class="post_avatar trow1" style="{$post['avatar_padding']}" align="center"> <img src="{$GLOBALS['threadfields']['mscpic']['thumbs']['280x210']['url']}" alt="" title="" /> </td> </tr> {$GLOBALS['threadfields']['mscurl']} </table> </td> </tr> </tbody> </table>

    ---

13. Template Name: msc_showthread
    
    HTML Code

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77

    <html> <head> <title>{$thread['subject']}</title> {$headerinclude} <script type="text/javascript"> <!-- var quickdelete_confirm = "{$lang->quickdelete_confirm}"; // --> </script> <script type="text/javascript" src="jscripts/thread.js?ver=1400"></script> </head> <body> {$header} {$pollbox} <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" style="clear: both; width: 100%;"> <tr> <td align="center"> <div class="largetext"> <strong>{$thread['subject']}</strong> </div> {$ratethread} </td> </tr> </table> <br class="clear" /> <div id="posts"> {$first_post} <br /> <div align="center"> <strong>&laquo; <a href="{$next_oldest_link}">{$lang->next_oldest}</a> | <a href="{$next_newest_link}">{$lang->next_newest}</a> &raquo;</strong> </div> <br /> <div class="float_right"> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}"> <tr> <td class="tcat"> {$search_thread} </td> </tr> </table> </div> <strong>Comments</strong> <br class="clear" /> {$posts} </div> <br class="clear" /> <div class="float_left"> {$multipage} </div> <div style="padding-top: 4px;" class="float_right"> {$newreply} </div> <br style="clear: both;" /> {$quickreply} {$threadexbox} {$similarthreads} <br /> <div class="smalltext" align="center"> Music Gallery<br />Powered By <a href="http://mybbhacks.zingaburga.com">XThreads</a> - <a href="http://mybbhacks.zingaburga.com">MyBB Hacks</a> </div> <br class="clear" /> <div class="float_left"> <ul class="thread_tools"> <li class="printable"><a href="printthread.php?tid={$tid}">{$lang->view_printable}</a></li> <li class="sendthread"><a href="sendthread.php?tid={$tid}">{$lang->send_thread}</a></li> <li class="subscription_{$add_remove_subscription}"><a href="usercp2.php?action={$add_remove_subscription}subscription&amp;tid={$tid}&amp;my_post_key={$mybb->post_code}">{$add_remove_subscription_text}</a></li> </ul> </div> <div class="float_right" style="text-align: right;"> {$moderationoptions} {$forumjump} </div> <br style="clear: both;" /> {$footer} </body> </html>

    ---

14. Template Name: msc_showthread_noreplies
    
    HTML Code

    1 2 3 4 5 6 7 8 9 10

    <br class="clear" /> <div id="xthreads_noreplies"> <table border="0" cellspacing="{$GLOBALS['theme']['borderwidth']}" cellpadding="{$GLOBALS['theme']['tablespace']}" class="tborder"> <tr> <td class="tcat"> <em><strong>No comments yet</strong></em> </td> </tr> </table> </div>

    ---

15. Template Name: msc_showthread_ratethread
    
    HTML Code

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

    <div align="center"> <table> <tr> <td> <script type="text/javascript" src="jscripts/rating.js?ver=1400"></script> <div id="success_rating_{$thread['tid']}"></div> <div class="inline_rating"> <ul class="star_rating{$not_rated}" id="rating_thread_{$thread['tid']}"> <li style="width: {$thread['width']}%" class="current_rating" id="current_rating_{$thread['tid']}">{$ratingvotesav}</li> <li><a class="one_star" title="{$lang->one_star}" href="./ratethread.php?tid={$thread['tid']}&amp;rating=1&amp;my_post_key={$mybb->post_code}">1</a></li> <li><a class="two_stars" title="{$lang->two_stars}" href="./ratethread.php?tid={$thread['tid']}&amp;rating=2&amp;my_post_key={$mybb->post_code}">2</a></li> <li><a class="three_stars" title="{$lang->three_stars}" href="./ratethread.php?tid={$thread['tid']}&amp;rating=3&amp;my_post_key={$mybb->post_code}">3</a></li> <li><a class="four_stars" title="{$lang->four_stars}" href="./ratethread.php?tid={$thread['tid']}&amp;rating=4&amp;my_post_key={$mybb->post_code}">4</a></li> <li><a class="five_stars" title="{$lang->five_stars}" href="./ratethread.php?tid={$thread['tid']}&amp;rating=5&amp;my_post_key={$mybb->post_code}">5</a></li> </ul> </div> </td> </tr> </table> </div>

    ---

Change Logs: 23 October 2011 - 7 October 2012

Screenshots:
1. Thread list. We have a simple "category level" here.
       

2. Showthread. In this page the player displayed.
   

Live Demo:
http://www.14.mynie.co.cc/forumdisplay.php?fid=34

[Gypaete]

perfect, even the demo does not work xD, but I have seen images

[RateU]

If you mean by the "not work" is a "real" not work, not quite sure, because it works for me?
If you mean by the "not work" is the forum down (you can't access it), well, I'll surprise if the forum not down in a day
If you mean by the "not work" is you can't see the audio player, it is because I set the permission to disable the player for guest

Thanks

[ZiNgA BuRgA]

(08-23-2010 02:09 AM)RateU Wrote:  XThreads already has Images Gallery and Video Gallery. Now, we will try to create Music Gallery

Logical idea, nice work RateU!

[Imran]

Nicely done RateU !

[leefish]

This is very neat RateU thank you. I was trying to figure out how to do a filtered selection for my own forum - I hope that your example code can help me make it

[RateU]

Thanks

[Jumper]

one of the best new features in my board.
the community have a lot of fun with this

thank you

i must say it again: you are a big workaholic with fantastic ideas

[Jumper]

me again ^^

question:
is it possible to insert a random button, that by clicking a random-song is the result?

[leefish]

There is a random thread plugin on MYBB mods. maybe you can use that?