PandavB
11-02-14, 03:38 PM
Description:
This mod changes the way notifications are displayed. It disables the default dropdown menu listed in the toplinks in the header and uses a free open script called jGrowl to display them on the bottom left of the screen no matter where you are on a page. Helps with people "not noticing" the notifications. Enjoy. TheWindows7Site
Instructions:
1) Upload files in attachment to forum root
2) Open template headinclude
Paste the following code at the bottom
Code:
<
!-- TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) -->
<script type="text/javascript" src="jscripts/tw7s_notifications/jquery-1.4.2.js"></script>
<script type="text/javascript" src="jscripts/tw7s_notifications/jquery.jgrowl.js"></script>
<link href="jscripts/tw7s_notifications/jquery.jgrowl.css" rel="stylesheet" type="text/css"/>
<!-- TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) -->
3) Open template header
Find the following:
Code:
<
vb:if condition="$notifications_total">
<li class="popupmenu notifications" id="notifications">
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>
<ul class="popupbody popuphover">
{vb:raw notifications_menubits}
</ul>
</li>
<vb:else />
<li class="popupmenu nonotifications" id="nonotifications">
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>
<ul class="popupbody popuphover">
<li>{vb:rawphrase no_new_messages}</li>
<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
</ul>
</li>
</vb:if>
Replace with:
Code:
<!-- TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) -->
<vb:if condition="$notifications_total">
<script type="text/javascript">
$.jGrowl('{vb:raw notifications_menubits} <br />You must view your notification(s) before this box will disappear.' , { sticky: true, header : 'New Notification(s)' } );
</script>
</vb:if>
<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
<!-- TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) -->
Done!
Have fun customizing this to fit your needs.
Arabic Translation by Dr.osamA
Spanish Translation by Destron
This mod changes the way notifications are displayed. It disables the default dropdown menu listed in the toplinks in the header and uses a free open script called jGrowl to display them on the bottom left of the screen no matter where you are on a page. Helps with people "not noticing" the notifications. Enjoy. TheWindows7Site
Instructions:
1) Upload files in attachment to forum root
2) Open template headinclude
Paste the following code at the bottom
Code:
<
!-- TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) -->
<script type="text/javascript" src="jscripts/tw7s_notifications/jquery-1.4.2.js"></script>
<script type="text/javascript" src="jscripts/tw7s_notifications/jquery.jgrowl.js"></script>
<link href="jscripts/tw7s_notifications/jquery.jgrowl.css" rel="stylesheet" type="text/css"/>
<!-- TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) -->
3) Open template header
Find the following:
Code:
<
vb:if condition="$notifications_total">
<li class="popupmenu notifications" id="notifications">
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>
<ul class="popupbody popuphover">
{vb:raw notifications_menubits}
</ul>
</li>
<vb:else />
<li class="popupmenu nonotifications" id="nonotifications">
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>
<ul class="popupbody popuphover">
<li>{vb:rawphrase no_new_messages}</li>
<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
</ul>
</li>
</vb:if>
Replace with:
Code:
<!-- TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) -->
<vb:if condition="$notifications_total">
<script type="text/javascript">
$.jGrowl('{vb:raw notifications_menubits} <br />You must view your notification(s) before this box will disappear.' , { sticky: true, header : 'New Notification(s)' } );
</script>
</vb:if>
<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
<!-- TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) -->
Done!
Have fun customizing this to fit your needs.
Arabic Translation by Dr.osamA
Spanish Translation by Destron