In light of your phpBB3 forum usage, are you simply asking how to slide up a box from the bottom right corner? (That you will populate yourself with markup and PM-related variables from the phpBB documentation https://wiki.phpbb.com/Global_Template_Variables , to fire on page load or via whatever method you will devise) Or are you asking for a pre-made mod that will do everything all in? If it's the latter, you will probably get a better response from the phpBB forums. If it's the former, you can slide up a div with CSS;
Markup (above the closing </body> tag):
Code:
<div class="notify">You have mail</div>
CSS:
Code:
.notify { display:inline-block; position:fixed; z-index:999; bottom:2em; right:2em; line-height:3em; padding:0 1em; background:yellow; color:black; text-align:center; border:1px solid black;
-webkit-animation:inUp .5s both; animation:inUp .5s both
}
@-webkit-keyframes inUp {
0% { -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) }
100% { -webkit-transform:none; transform:none }
}
@keyframes inUp {
0% { -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) }
100% { -webkit-transform:none; -ms-transform:none; transform:none }
}
The animation works in IE10+ and modern browser, and the box will just be present on IE7/8/9
Bookmarks