Private Messages Enhancements - WCF - New Way To Display Notifications v2 (CSS)

1) Upload included files
2) Open template header

Find

<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

				<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>

Add the following code to the bottom of the template

<vb:if condition="$notifications_total">
    <div class="wcf_notifications">
        <div class="wcf_notifications_content">
          <p>New Notification(s)</p>
          <p>{vb:raw notifications_menubits}</p>
        </div>
    </div>
</vb:if>

3) Open template additional.css and add the following

.wcf_notifications {
    background:url("images/wcf/50opacity.png") repeat 0 0 transparent;
    border:1px solid #000000;
    bottom: 20px;
    left: 20px;
    padding: 10px 15px;
    position: fixed;
    z-index: 10;
}

.wcf_notifications_content {
    background-color:transparent;
} 

.wcf_notifications_content li a {
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
} 

.wcf_notifications_content li a:hover {
    color: #FFFFFF;
    text-shadow: 0 0 5px #FFFFFF;
}

.wcf_notifications_content p {
    color:#FFFFFF;
    text-decoration:underline;
    font-size:12px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

WindowsCommunityForum.com - Your source for Windows news discussion & support

[LifesGreatestGift]

replace

.wcf_notifications {
    background:url("images/wcf/50opacity.png") repeat 0 0 transparent;
    border:1px solid #000000;
    bottom: 20px;
    left: 20px;
    padding: 10px 15px;
    position: fixed;
    z-index: 10;
}

with

.wcf_notifications {
    background-color:rgba(0, 0, 0, 0.5);
    bottom: 20px;
    left: 20px;
    padding: 10px 15px;
    position: fixed;
    z-index: 10;
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

[8thos]

Originally Posted by TheWindows7Site

replace

.wcf_notifications {
    background:url("images/wcf/50opacity.png") repeat 0 0 transparent;
    border:1px solid #000000;
    bottom: 20px;
    left: 20px;
    padding: 10px 15px;
    position: fixed;
    z-index: 10;
}

with

.wcf_notifications {
    background-color:rgba(0, 0, 0, 0.5);
    bottom: 20px;
    left: 20px;
    padding: 10px 15px;
    position: fixed;
    z-index: 10;
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

This is awesome! Thank you!

About how long do you have left on figuring out how to make this AJAX (Real-Time)? I would pay for that.

[freekill0113]

thanks you very much :X

[Krusty1231]

Thanks. Working great!

[Donavaz]

if u can place a screenshot of it

[Wenbie]

Installed. I've used this mod for a day and already I have received complaints from members asking how to dismiss the notification because many of them have unread PMs or VMs that they don't intend to read, at least not immediately anyway.

It looks very elegant, but please consider making it dismissible (or even moveable), thank you!

[8thos]

Originally Posted by Wenbie

Installed. I've used this mod for a day and already I have received complaints from members asking how to dismiss the notification because many of them have unread PMs or VMs that they don't intend to read, at least not immediately anyway.

It looks very elegant, but please consider making it dismissible (or even moveable), thank you!

https://vborg.vbsupport.ru/showthread.php?t=266914

[Sayrex]

I Like it

[Scanu]

This is awesome the first version do not work for me this is very great thank you

[Quest2be1]

I love this little template update. However, I am an admin on a website and I have user verification setup to moderate new users. I, along with the rest of my staff use to receive a notification for "users awaiting moderation" prior to the template adjustment. Do any of you know how I can get this notification to show up with the rest of them?