Fòrum Àgora-NODES

Gif

Gif

per ANTONI BADIA TUSELL -
Nombre de respostes: 3

Bon dia,

Anava a posar al menú esquerra de la portada un gif de nadal i tinc el problema que és queda com a imatge, no com a gif. Que m'aconselleu fer?

Seguidament, aquest codi que teniu que en les capçalera que caiguin floquets de neu el podríem posar al nostre nodes?

Merci per tot!

https://agora.xtec.cat/insmariadebell-lloc/

En resposta a ANTONI BADIA TUSELL

Re: Gif

per ANTONI BADIA TUSELL -
Bon dia,
Perdoneu, ja he pogut inserir el gif. Ara el que tinc el dubte és de si podem posar un giny amb codi html com el que teniu vosaltres al web fent que nevi. Ho podríem fer? En cas positiu ens podríeu passar el codi?
En resposta a ANTONI BADIA TUSELL

Re: Gif

per MONICA GRAU PRIETO -
Hola, Antoni,

perquè apareguin els floquets de neu has de posar el següent codi al CSS addicional del vostre Nodes (Personalitza | CSS addicionals).

body {
position: relative;
}
body:before {
content: '';
display: block;
position: absolute;
z-index: 100 !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
background-image: url('https://www.dropbox.com/s/bgwuzfu83pjb5s1/divi-life-snowflakes-a-2.png?dl=1'), url('https://www.dropbox.com/s/54le1eyh01vb253/divi-life-snowflakes-b.png?dl=1'), url('https://www.dropbox.com/s/gfm01rozxanf3ub/divi-life-snowflakes-d.png?dl=1');
-webkit-animation: snow 15s linear infinite;
-moz-animation: snow 15s linear infinite;
-ms-animation: snow 15s linear infinite;
animation: snow 15s linear infinite;
}
@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;
}
}

Ja ens confirmaràs que t'ha funcionat!?

Fins ara,

Mònica