Screenshot 2025-03-16 at 17-47-31 RASTACHAI - Pizza Con Piña (Videoclip Oficial).png (Size: 81.25 KB / Downloads: 376)

Hi, here I’m going to share how to use add a custom thread field for users to upload MP3 files that users can play in threads.

For this tutorial, a single custom thread field is necessary.

xThreads Field
Next step would be us creating and configuring our xThreads field. We are going to create a file field using the following details:

1. []Key: files_audio_mp3
   []Input Field Type: File
   []Valid File Extensions: mp3
   []Maximum File Size: 5000000 for 5 Megabytes
   []Allow multiple values for this field: Yes It is advised to never change this setting once the field is created.
   []Maximum Number of Values: 10 Maximum number of files to be allowed to be uploaded. Can be changed after creating the field.
   []Multiple Value Delimiter: (space)
   []Display Item Format:
   Code:

   <audio controls>
    <source src="{URL}" type="audio/mpeg">
    Your browser does not support the audio element.
</audio>
   
2. Save the field.
   

Any option not mentioned is to be configured as you see fit.

Screenshot 2025-03-16 at 17-46-08 New Thread in My Forum.png (Size: 64.19 KB / Downloads: 349)

newest00.jpg (Size: 32.69 KB / Downloads: 1028)

Attached is a Hooks file, once you import the attached file to the Hooks plugin system you will be able to:

• []Use {$newestThread} inside the forumdisplay_threadlist template to display the newest thread
  []Create custom newest_forumdisplay_thread and newest_forumdisplay_thread_deleted templates to format the newest thread differently.
  

Please, note that there are some considerations for this feature:

• []Only one thread will be affected, the newest thread in the forum for the current user, based on pagination, permissions, or filtering features.
  []You can try to use {$newestThread} inside other templates, like in the forumdisplay template, but this was not tested thoroughly.
  
• If the newest_forumdisplay_thread and newest_forumdisplay_thread_deleted templates are not found in the theme, the code will simply fallback to the core forumdisplay_thread and forumdisplay_thread_deleted templates.
  

You can check the attached images for a final result. The newest_forumdisplay_thread template for the attached previews is the following (based off the default theme):

newest01.jpg (Size: 27.42 KB / Downloads: 1154)

This should accomplish the following:

• []The edit button for threads (first posts) should be visible, based on permissions.
  []Users should be able to always edit threads (first post), by quick or full edit, based on permissions.
  

In summary, this should completely ignore the Edit Time Limit permission for threads (first posts), respecting all other checks MyBB does for the user or replies.

I myself like configuring my MyBB sites using Google’s Gmail SMTP service. Some benefits of this approach include:

• []It is reliable; Google SMTP server is a reliable handler, I myself have never received a mail to my spam directory for instance.
  []Novice friendly; you don’t need to setup your own mail server or anything complex to manage your mail.
  
• Secure; you can secure your google account and all content is backed up in Google’s server.
  

Ok, let put ourselves into configuring our boards.

First, you will need to configure your domain mail forwarding.

smtp2.png (Size: 5.2 KB / Downloads: 1747)

This is very straightforward, as you will simply redirect all email from your domain registrar to your google account. You can create one single redirect for all email or you can create individual email redirects to the same Gmail account. In my case I’d go with the second option, as this will limit the existing emails users can send mail to.

In the image above you can see I created two mail redirects, one for contact@ougc.network and other for omarg@ougc.network, but I also created one for setting up automatic@ougc.network and removed it after finishing the whole process. This is so I can send mails using automatic@ougc.network but it will stop people from replying to them directly.

Below you can find attached images of other domain registrar setups I have, though their are mostly the same or very similar configurations.

You can test your mail forwarding by sending a mail to the configured address, as mail delivery should work now.

Then, you would want to configure mail sending from your Gmail account.

smtp6.png (Size: 7.72 KB / Downloads: 1459)

1. []From the GMail settings page, refer to the Accounts and Import tab.
   []In the Send mail as section click Add another email address, a popup window should open.
   []Fill the Name and Email address field accordingly. In this case I ran the setup thrice each for contact@ougc.network, omarg@ougc.network, and automatic@ougc.network.
   []Once confirmed continue to update the edit info link. The previous PopUp should return asking for your SMTP details.
   • []SMTP Server: smtp.gmail.com
     []Port: 465
     []Username: mygmailusername@gmail.com (your Gmail address)
     []Password: Your Gmail password or application password if you are using 2FA.
     []Secured connection using SSL (recommended): [i]yes
     
   []You will be prompted to verify you own the email address, check your inbox and confirm the email by clicking the link they sent you.
   
2. Finally, you should now be able to both send and receive emails to and from the configured email addresses from your Gmail account.
   

As a final step, you will need to configure your MyBB mail settings.

1. []Go to the page settings on Home » Board Settings » Mail Settings.
   []Fill the settings according to the description below.
   • []Mail handler: SMTP mail
     []SMTP hostname: smtp.gmail.com
     []SMTP port: 465
     []SMTP username: mygmailusername@gmail.com (your Gmail address)
     []SMTP password: [i]Your Gmail password or application password if you are using 2FA.
     []SMTP Encryption Mode: SSL encryption
     
2. Save; your board should now be able to deliver emails from your Gmail account. Don’t forget to update your Site Details for existing and configured mail addresses.
   

After following these steps your board should be configured to use Google’s Gmail SMTP service.

Regards.

smtp4.png (Size: 17.54 KB / Downloads: 1412)

smtp5.png (Size: 13.54 KB / Downloads: 1322)

smtp3.png (Size: 31.17 KB / Downloads: 1411)

ratings1.jpg (Size: 10.61 KB / Downloads: 1201)

Hi. Below I share the process to replace the core MyBB rating JS for the Semantic UI module. Please check the screenshots to visualize the final result.

The first steps require us to change some templates. These changes are presented below are based on the default MyBB theme.

1. For this tutorial we’re going to use the Semantic UI rating module. Open the headerinclude template and add the following at the end:
   
   Code:

   <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/components/rating.min.js" integrity="sha256-jprk9qns6QqU1UWGtHMwug9A/ls7tVMV8p2mueJlj74=" crossorigin="anonymous"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/components/rating.min.css" integrity="sha256-rvfNRXAaYgOVCEbNgSflI9FdWFSre18sLFjJKkiuV6w=" crossorigin="anonymous" />
   

2. Open the showthread_ratethread template and replace its entire content with the following:
   
   Code:

   <div style="margin-top: 6px; padding-right: 10px;" class="float_right">
<div class="ui star rating" data-rating="{$thread['averagerating']}" data-max-rating="5" id="rating_thread_{$thread['tid']}"></div>
<script>
$('#rating_thread_{$thread['tid']}').rating({
initialRating: {$thread['averagerating']},
maxRating: 5,
clearable: false,
interactive: <if (int)$mybb->user['uid'] && (int)$mybb->user['uid'] === (int)$thread['uid'] then>false<else>true</if>,
onRate: function (rating) {
$.ajax(
{
url: '{$mybb->settings['bburl']}/ratethread.php?ajax=1&my_post_key='+my_post_key+'&tid={$thread['tid']}&rating='+rating,
async: true,
method: 'post',
dataType: 'json',
complete: function (request)
{
var json = JSON.parse(request.responseText);
if(json.hasOwnProperty("errors"))
{
$.each(json.errors, function(i, error)
{
$.jGrowl(lang.ratings_update_error + ' ' + error, {theme:'jgrowl_error'});
});
}
else if(json.hasOwnProperty("success"))
{
return true;
}
}
});
return false;
}
});
</script>
</div>
   

3. Open the forumdisplay_threadlist_rating template and replace its entire content with the following (we are only removing the core JavaScript:
   
   Code:

   <td class="tcat" align="center" width="80">
<span class="smalltext"><strong><a href="{$sorturl}&amp;sortby=rating&amp;order=desc">{$lang->rating}</a> {$orderarrow['rating']}</strong></span>
</td>
   

4. Open the forumdisplay_thread_rating template and replace its entire content with the following:
   
   Code:

   <td align="center" class="{$bgcolor}{$thread_type_class}">
<div class="ui star rating" data-rating="{$thread['averagerating']}" data-max-rating="5" id="rating_thread_{$thread['tid']}"></div>
<script>
$('#rating_thread_{$thread['tid']}').rating({
initialRating: {$thread['averagerating']},
maxRating: 5,
interactive: <if (int)$mybb->user['uid'] && (int)$mybb->user['uid'] === (int)$thread['uid'] then>false<else>true</if>,
onRate: function (rating) {
$.ajax(
{
url: '{$mybb->settings['bburl']}/ratethread.php?ajax=1&my_post_key='+my_post_key+'&tid={$thread['tid']}&rating='+rating,
async: true,
method: 'post',
dataType: 'json',
complete: function (request)
{
var json = JSON.parse(request.responseText);
if(json.hasOwnProperty("errors"))
{
$.each(json.errors, function(i, error)
{
$.jGrowl(lang.ratings_update_error + ' ' + error, {theme:'jgrowl_error'});
});
}
else if(json.hasOwnProperty("success"))
{
return true;
}
}
});
return false;
}
});
</script>
</td>
   

5. Finally, import the attached file using the Hooks plugin.
   

Once all of this is done, users should be able to update their ratings without issues. At the moment it isn’t possible for users to remove or delete their rates, but is is possible to do so by adding one extra hook. This is outside the scope of this tutorial but might be added on the future.

ratings2.jpg (Size: 37.95 KB / Downloads: 1215)

It is also possible to use heart ratings instead of start ratings. For this it would be necessary to change ui star rating for ui heart rating in the two occurrences in the steps above.

ratings3.jpg (Size: 13.53 KB / Downloads: 1189)

Other enhancement could be to use star or heart rating on a per forum basis.