MyAlert Notification like Facebook with simple Css

19-08-2021, 08:33 PM

xdahelpers Wrote: hi

first of all i would like to say thanks to Euan T for his great plugin and he also help me to make this happend , thank you so much


here is tutorial

You need to look at the template in ACP > Templates & Style > Templates (left bar) > *YOUR THEME* > MyAlerts Templates > myalerts_headericon.

replace content by this

PHP Code:

<li class="alerts {$newAlertsIndicator}">
  <a href="{$mybb->settings['bburl']}/alerts.php" class="myalerts" onclick="MyBB.popupWindow('/alerts.php?modal=1&amp;ret_link={$myalerts_return_link}', { fadeDuration: 250, zIndex: (typeof modal_zindex !== 'undefined' ? modal_zindex : 9999) }); return false;">{$lang->myalerts_alerts}
    <span class ="alert_counter">{$mybb->user['unreadAlerts']} </span></a>
</li> 


and add css intoACP > Templates & Style > Theme (left bar) > *YOUR THEME* > alert.css

add this css code and save and refresh your index page with so unread notification

PHP Code:

.alert_counter {
 position: relative;
  top: -7px;
  background-color: rgba(212, 19, 13, 1);
  color: #fff;
  border-radius: 3px;
  padding: 1px 3px;
  font: 9px Verdana;
} 


Preview Picture