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
and add css into ACP > Templates & Style > Theme (left bar) > *YOUR THEME* > alert.css
add this css code and save and refresh your index page with so unread notification
Preview Picture
![[Image: I6m6CbI.png]]()
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 open_modal"
data-selector="#myalerts_alerts_modal" rel="modal:open">{$lang->myalerts_alerts}
<span class ="alert_counter">{$mybb->user['unreadAlerts']} </span></a>
</li>
and add css into ACP > 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