TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl)
Mod Version: 1.00, by LifesGreatestGift
| vB Version: 4.0.x | Rating:  (27 votes - 4.85 average) |
Installs: 229 |
| Released: 25 Nov 2010 | Last Update: Never | Downloads: 1310 |
 Not Supported
 Template Edits
Code Changes
Additional Files
Translations
|
||
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) -->
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>
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
Spoiler (click to open)
thanxxx man
good mod
installed + 5 stars
translated to Arabic
code in header
files in attashment
keep it up
good mod
installed + 5 stars
translated to Arabic
code in header
PHP 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 />يجــب عليك قــراءة الرسائل الخاصة لتختفــي هذه النافـذه.' , { sticky: true, header : 'الرسائل الجديدة' } );
</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) -->
files in attashment
keep it up
Close
Spanish Translation
Spoiler (click to open)
Here is my spanish header translation if anyone is interested
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 />Debes ver tus notificaciones para que este mensaje desaparezca.' , { sticky: true, header : 'Aviso del foro' } );
</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) -->
Close
Download
TW7S_Notifications.zip (55.4 KB, 1649 downloads)