<ul class="CounctAlerts">

        <if condition="$bbuserinfo[pmunread]">
 

<li><a href="private.php" class="fa fa-envelope-o" style="color: #CC0000;" id="alertsprivate" title="رسائل خاصه جديدة"></a>
  <div title="رسائل خاصه جديدة" class="notifications">$bbuserinfo[pmunread]</div></li>
<else />
<li><a href="private.php" class="fa fa-envelope-o" id="alertsprivate" title="لاتوجد رسائل خاصه جديدة"></a>
</li>
</if>
        <if condition="$bbuserinfo[vmunreadcount]">
<li><a href="member.php?u=$bbuserinfo[userid]&tab=visitor_messaging" class="fa fa-comments-o" style="color: #CC0000;" id="alertsprivate" title="رسائل الزوار"></a>
  <div title="رسائل الزوار" class="notifications">$bbuserinfo[vmunreadcount]</div></li>
<else />
<li><a href="member.php?u=$bbuserinfo[userid]&tab=visitor_messaging" class="fa fa-comments-o" id="alertsprivate" title="لايوجد رسائل زوار جديدة"></a>
</li>
</if>


      
        <if condition="$bbuserinfo[friendreqcount]">
<li><a href="profile.php?do=buddylist" class="fa fa-user" style="color: #CC0000;" id="alertsprivate" title="طلبات صداقة"></a>
  <div title="طلبات صداقة" class="notifications">$bbuserinfo[friendreqcount]</div></li>
<else />
<li><a href="profile.php?do=buddylist" class="fa fa-user" id="alertsprivate" title="لايوجد طلب صداقة"></a></li>
        </if>


        <if condition="$bbuserinfo[pcunreadcount]">
<li><a href="album.php?do=unread" class="fa fa-picture-o" style="color: #CC0000;" id="alertsprivate" title="تعليق جديد"></a>
  <div title="تعليقات على الصور" class="notifications">$bbuserinfo[pcunreadcount]</div></li>
<else />
<li><a href="album.php?do=unread" class="fa fa-picture-o" id="alertsprivate" title="لايوجد تعليق على الصور"></a>
</li>
        </if>
        <if condition="$bbuserinfo[vbseo_likes_unread]">
<li><a href="member.php?u=$bbuserinfo[userid]&tab=likes_received" class="fa fa-heart-o" style="color: #CC0000;" id="alertsprivate" title="اعجاب جديد"></a>
  <div title="اعجاب جديد" class="notifications">$bbuserinfo[vbseo_likes_unread]</div></li>
<else />
<li><a href="member.php?u=$bbuserinfo[userid]&tab=likes_received" class="fa fa-heart-o" id="alertsprivate" title="لايوجد اعجابات"></a>
</li>
</if>
    </ul>
  </div>
</div>
</if>

.notifications {
    position: relative;
    background-color: #F33;
    -moz-border-radius: 7px;
    border-radius: 7px;
    color: white;
    width: 14px;
    height: 14px;
    font-size: 10px;
    text-align: center;
    line-height: 14px;
    bottom: 30px;
    right: 10px;
    padding-right: 1px;
    padding-left: 1px;
 }
.CounctAlerts {
 float:left
}
.CounctAlerts a {
 text-decoration:none
}
.CounctAlerts ul {
 font-size:33px;
 margin:0;
 padding:0;
 text-shadow:0 0 1px #fff
}
.CounctAlerts li {
 background:#d5eded;
 border:5px solid #47a;
 border-radius:50%;
 box-shadow:0 0 0 4px #d5eded;
 color:#47a;
 cursor:pointer;
 display:inline;
 float:right;
 font-size:30px;
 height:38px;
 margin-right:18px;
 margin-top:10px;
 padding-top:5px;
 text-align:center;
 width:45px
}