AlliedModders - View Single Post

tarsisd2 · 12-12-2017 , 11:10 Re: Motd with snow effect, i'ts possible?

Quote:

Originally Posted by r3D w0LF

Its such a pity as that effect shows but text doesnt. Maybe give this one a last try

PHP Code:


			
<html>
<head>
<style>
#snow{
    background: none;
    font-family: Androgyne;
    background-image: url('http://www.wearewebstars.dk/codepen/img/s1.png'), url('http://www.wearewebstars.dk/codepen/img//s2.png'), url('http://www.wearewebstars.dk/codepen/img//s3.png');
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:-1;
    -webkit-animation: snow 10s linear infinite;
    -moz-animation: snow 10s linear infinite;
    -ms-animation: snow 10s linear infinite;
    animation: snow 10s linear infinite;
}

center {
  z-index:10;
}

@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}    
</style> 
</head>  
<body style="background-color: black;">
<div id="snow">
</div>
  <title>MERRY CHRISTMAS;</title> 
<center> 
<h2 style="color: rgb(255, 66, 40);"><small><small><font 
 face="arial"><span style="color: rgb(0,255,0);"># MERRY CHRISTMAS #</span><br> 
</font></small></small></h2> 
<img style="border: 0px solid ; width: 411px; height: 175px; z-index:10;" 
 alt="" src="http://fastdownloadcs.tk/czero/feliznatalalpha.jpg"><br> 
<br> 
<small><span
 style="font-family: Arial; font-weight: bold; color: rgb(224, 65, 36);"><span 
 style="color: rgb(204, 204, 204); background-color: transparent;"><span 
 style="color: rgb(255,255,0);">ADD ON FAVORITES;</span><br> 
<span style="color: rgb(255, 255, 255);">SERVER IP</span><br> 
</span><span style="color: rgb(255, 255, 255);"><span 
 style="color: rgb(204, 204, 204);"></span></span></span></small></center> 
</body> 
</html>

still the effect but no text/picture

but i appreciate the help, your gif background gave me a few ideas for after christmas, like this one

i'll add some text and a logo for my clan and some music on entrance, it will be so cool

thanks a million

edit: i will ask the guys in rehlds development if it is possible to implement javascript in motd since they are bringing a lot of new stuff, i might go back using in the future