@APE you are wrong, I've done this notification system some time ago.Forumotion Notification system use a PHP Syntax on the
#notif_list ID. Based on this, you can extract from Forumotion PHP Base, the whole code, only with this small ID. To make our job easier, you have the link input already done with whole JS. You will see it in a minute, but let's start working.
First of all, you need to activate your toolbar so go into Administration Panel -> Module -> Toolbar -> Configuration -> Activate the toolbar : YES
Now, I tested this into phpBB3, it work with all versions, if you have the phpBB3 it will be easier.
Now, into step two, we need to go into Administration Panel -> Display -> Templates -> General -> Overal_header and search for this small code
- Code:
<li>{GENERATED_NAV_BAR}</li>
Exactly after it, just add this small code
- Code:
<a id="fa_notifications" class="rightHeaderLink unread">Notifications<span id="notif_unread"></span></a>
<ul id="notif_list">
<li></li>
</ul>
That's all! See? Very easy, now you want to hide the toolbar so we come with some extra CSS work.
Go into Administration Panel -> Display -> Colors -> CSS and add this code
- Code:
#fa_toolbar{ display:none; }
#notif_list {
position: absolute!important;
background-color: #E0E0E0;
display: block;
right: 100px;
padding: 15px 20px 0 20px;
border-radius: 5px;
border: 1px solid #969696;
box-shadow: 0 0 0 1px #EAEAEA inset, 0 7px 5px -5px #DEDEDE;
}
ul.navlinks{
border:none;
}
#notif_list hr{
display:none;
}
This will style your new notifications system a bit, to make it look better.
If you use PunBB, when you search, instead the old code, look for
- Code:
<li>{GENERATED_NAV_BAR}</li>
On Invision, go and search
- Code:
<li class="clearfix">{GENERATED_NAV_BAR}</li>
On phpBB2, go and search for
- Code:
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
It wasn't tested into phpBB2, from my experience on punBB and Invision even without verifying the code I'm sure it will work. I'm not so used on tables and I don't know how they affect the code.
Good luck,
levy
Home
