The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) Details »» | |||||||||||||||||||||||||||||
TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl)
Developer Last Online: Apr 2015
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 by Dr.osamA Spanish Translation by Destron Download Now
Show Your Support
|
Comments |
#62
|
|||
|
|||
Code:
/** Normal Style Positions **/ div.jGrowl { position: absolute; |
#63
|
||||
|
||||
Why change position of box? Its translucent and meant to be "in the way" so the member will have no choice but read the notification.
|
#64
|
||||
|
||||
Choice ?
Lets face it we al dont like red pants ? |
#65
|
||||
|
||||
How easy is it to change the color of the box? I'd like it to be a light yellow w/black text just to stand out more.
Thanks! |
#66
|
||||
|
||||
its in the css file
|
#67
|
||||
|
||||
Duh.. thanks! Sometimes obvious questions deserve obvious answers.
|
#68
|
|||
|
|||
I have still error in IE. Can you show me how do you fix it?
|
#69
|
||||
|
||||
...Croatian translation...
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 />Morate pregledati poruku(e) kako bi ova obavijest nestala.' , { sticky: true, header : 'Nova poruka(e)' } ); </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) --> |
#70
|
|||
|
|||
Any help to fix it? Anyone?
|
#71
|
||||
|
||||
When you say error what exactly do you mean ?
Expand so we have something to work with |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|