Thread Rating:
  • 1 Votes - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
 Music Gallery
RateU Offline
Administrator
*******
Posts: 2,350
Joined: Mar 2010
Post: #1
Music Gallery
Requirement: XThreads
Last Updated: 04 November 2012

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

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

(This post was last modified: 11-04-2012 03:51 AM by RateU.)
08-23-2010 02:09 AM
Find all posts by this user Quote this message in a reply
Gypaete Offline
Member
***
Posts: 82
Joined: Aug 2010
Post: #2
RE: Music Gallery
perfect, even the demo does not work xD, but I have seen images

[Image: selenab.png]
08-23-2010 02:46 AM
Find all posts by this user Quote this message in a reply
RateU Offline
Administrator
*******
Posts: 2,350
Joined: Mar 2010
Post: #3
RE: Music Gallery
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 Biggrin
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 Biggrin

Thanks Smile

08-23-2010 05:04 AM
Find all posts by this user Quote this message in a reply
ZiNgA BuRgA Offline
Fag
*******
Posts: 3,357
Joined: Jan 2008
Post: #4
RE: Music Gallery
(08-23-2010 02:09 AM)RateU Wrote:  XThreads already has Images Gallery and Video Gallery. Now, we will try to create Music Gallery Biggrin
Logical idea, nice work RateU!

My Blog
08-23-2010 08:23 AM
Find all posts by this user Quote this message in a reply
Imran Offline
Member
***
Posts: 204
Joined: Apr 2010
Post: #5
RE: Music Gallery
Nicely done RateU ! Smile

[Image: logo.png]

[Image: twitter.png]
08-23-2010 09:33 AM
Visit this user's website Find all posts by this user Quote this message in a reply
leefish Offline
Hamster
*****
Posts: 1,009
Joined: Apr 2010
Post: #6
RE: Music Gallery
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 Smile


[Image: leelink.gif]
MYBB1.6 & XThreads
08-23-2010 02:51 PM
Visit this user's website Find all posts by this user Quote this message in a reply
RateU Offline
Administrator
*******
Posts: 2,350
Joined: Mar 2010
Post: #7
RE: Music Gallery
Thanks Smile

08-24-2010 03:37 AM
Find all posts by this user Quote this message in a reply
Jumper Offline
Member
***
Posts: 75
Joined: Aug 2010
Post: #8
RE: Music Gallery
one of the best new features in my board.
the community have a lot of fun with this Yes

thank you Wink

i must say it again: you are a big workaholic with fantastic ideas Biggrin
11-19-2010 02:59 PM
Find all posts by this user Quote this message in a reply
Jumper Offline
Member
***
Posts: 75
Joined: Aug 2010
Post: #9
RE: Music Gallery
me again ^^

question:
is it possible to insert a random button, that by clicking a random-song is the result?
11-25-2010 12:27 PM
Find all posts by this user Quote this message in a reply
leefish Offline
Hamster
*****
Posts: 1,009
Joined: Apr 2010
Post: #10
RE: Music Gallery
There is a random thread plugin on MYBB mods. maybe you can use that?


[Image: leelink.gif]
MYBB1.6 & XThreads
11-25-2010 01:03 PM
Visit this user's website Find all posts by this user Quote this message in a reply

« Next Oldest | Next Newest »

 Standard Tools
Forum Jump: