PM Notification bubble

in Tutorials on 26 Jan 2013



While on Facebook today, saw the message red bubble with the message count in it. I dig that. Had to create one and use it here on idesignSMF.

This should work on most idesignSMF themes.

Subs.php find:
$context['menu_buttons']['pm']['title'] .= ' [<strong>' . $context['user']['unread_messages'] . '</strong>]';

Replace with:
$context['menu_buttons']['pm']['title'] .= ' <span class="pmJewel">' . $context['user']['unread_messages'] . '</span>';

Theme's CSS file add at the very end.
.pmJewel {
  background-color: #ff0000;
  border: 1px solid #c24440;
  -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
    border-radius: 2px;
  padding: 1px 7px 1px 6px;
  color: #f1f1f1;
  font-size: 12px;
  width:  16px;
  height: 16px;
  margin-left: 5px;
  text-align: center;
}




idesignSMF Team
Mick is an American theme designer for Simple Machines Forum software currently living in South Florida, USA. He runs idesignSMF.com and started tinkering with SMF in 2006 where he created several SMF forums of his own before he founded idesignSMF in 2009 to which he is dedicated full time.

idesignSMF.com | SimpleMachines.org



0 Comments

rocket_launch

Tutorials. We have a great selection of tutorials to help you make the most of your theme.