MyBB Tutorials

MyAlert Notification like Facebook with simple Css

Submitted by xdahelpers, , Thread ID: 216669

Thread Closed

RE: MyAlert Notification like Facebook with simple Css

Nojusss3
Newbie
Level:
1
Reputation:
0
Posts:
12
Likes:
1
Credits:
0
06-07-2022, 11:49 PM
#6
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 {
 
positionrelative;
  
top: -7px;
  
background-colorrgba(21219131);
  
color#fff;
  
border-radius3px;
  
padding1px 3px;
  
font9px Verdana;



Preview Picture

[Image: I6m6CbI.png]


Thank you man

Users browsing this thread: 1 Guest(s)