The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
Additional Notification Alert [jQuery] Details »» | |||||||||||||||||||||||||||||||
Hi guys,
This mod/hack started off as a PM notification but after some requests i've extended it for all notifications and thrown in some jQuery just to make things smooth and look good Anyway on to the mod itself, when a user recieves a notification a red bar will show at the top of the forum telling the user they have a notification and there is a clickable link which will extend the red box using jQuery giving the user links to specific notifications. 2 Demo gif's i've made here to help people understand, the actual jQuery animation isn't shown in the gif's but i've made it clear what it does, DEMO 1 - Notification Alert (Extension Closed) DEMO 2 - Notification Alert (Extension Open) (Ignore the image movement, just an un-even cut lol) =|= Install =|= - Download and unzip attached file. - Upload contents of the UPLOAD folder to the forum root. Open Template - header Add at Top - Code:
<!-- Notification Alert --> <style type="text/css"> .alert { background-color:#F00; width:100%; height:30px; color:#fff; font-size:14px; display:block; } .alert p { padding:5px; } .alert a { color:#ccc; text-decoration:none; } .alert a:hover { color:#fff; text-decoration:underline; } #slidealert { display: none; height:auto; padding-bottom:5px; background-color: #F00; } #slidealert a { text-decoration:none; color:#CCC; padding:5px; } #slidealert a:hover { text-decoration:underline; color:#fff; } </style> <script src="jquery.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function ShowHide(){ $("#slidealert").animate({"height": "toggle"}, { duration: 1000 }); } //]]> </script> <vb:if condition="$notifications_total"> <div class="alert"> <p><span style="text-decoration:blink; font-weight:bold;">ATTENTION! {vb:raw bbuserinfo.username}</span> You've got {vb:raw notifications_total} new notification(s), click <a onclick="ShowHide(); return false;" href="#">here</a> to view.</div><div id="slidealert">{vb:raw notifications_menubits}<a onclick="ShowHide(); return false;" href="#">Close</a></div></p> </vb:if> <!-- Notification Alert End --> Enjoy! And remember to mark as installed for future updates and support! Boydy Download Now
Screenshots
Show Your Support
|
Благодарность от: | ||
mohammadxxx |
Comments |
#2
|
|||
|
|||
installed and working fine, thanks
|
Благодарность от: | ||
mohammadxxx |
#3
|
||||
|
||||
No problem Remember and mark as installed to keep up-to-date with future updates.
|
#4
|
|||
|
|||
Installed, and looks very good.
|
Благодарность от: | ||
mohammadxxx |
#5
|
|||
|
|||
This is great, but with pop-up window regarding to message its bit too much...how to remove pop up window?
|
#6
|
||||
|
||||
Which popup window? There is not popup involved in this mod?
|
#7
|
|||
|
|||
Not regarding this mod, there is default pop up (small) window with VB, and together with this notification its bit too much.
|
#8
|
||||
|
||||
Ok mate, i know what you mean, i'll look into it for you.
|
#9
|
||||
|
||||
Quote:
Open template - header Find and remove - 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> |
#10
|
|||
|
|||
top man Boydy,will install this now...amazing work
rates 5 |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|