Bones,
Voldria afegir flocs de neu caient al Moodle del meu institut com ho teniu vosaltres a Àgora. Ho vaig estar buscant per la web però no me'n vaig sortir. Com ho hauria de fer?
Gràcies per endavant,
Jordi
Hola, Jordi,
has d'afegir aquest codi a l'apartat Administració del lloc | Aparença | XTEC2020 --> "Paràmtres CSS - Estils personalitzats".
has d'afegir aquest codi a l'apartat Administració del lloc | Aparença | XTEC2020 --> "Paràmtres CSS - Estils personalitzats".
/* Inici neu de Nadal */
body {
position: relative;
}
body:before {
content: '';
display: block;
position: absolute;
z-index: 600 !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
background-image: url('https://clic.xtec.cat/utils/neu/neu1.png'), url('https://clic.xtec.cat/utils/neu/neu2.png'), url('https://clic.xtec.cat/utils/neu/neu3.png');
-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;
}
}
/* Fi neu de Nadal */
body {
position: relative;
}
body:before {
content: '';
display: block;
position: absolute;
z-index: 600 !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
background-image: url('https://clic.xtec.cat/utils/neu/neu1.png'), url('https://clic.xtec.cat/utils/neu/neu2.png'), url('https://clic.xtec.cat/utils/neu/neu3.png');
-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;
}
}
/* Fi neu de Nadal */
Fins ara,
Mònica
Mònica,
a https://educaciodigital.cat/iesrafaelcampalans/moodle hem modificat el CSS per posar l'efecte de neu i ens ha funcionat, però llavors quan hem volgut corregir tasques PDF (https://educaciodigital.cat/iesrafaelcampalans/moodle/mod/assign/view.php?id=375201&rownum=0&action=grader&userid=5970) la pàgina no carrega bé.
a https://educaciodigital.cat/iesrafaelcampalans/moodle hem modificat el CSS per posar l'efecte de neu i ens ha funcionat, però llavors quan hem volgut corregir tasques PDF (https://educaciodigital.cat/iesrafaelcampalans/moodle/mod/assign/view.php?id=375201&rownum=0&action=grader&userid=5970) la pàgina no carrega bé.
Si és la resposta és fàcil, ens podeu ajudar? Si no és senzill no cal que hi perdeu gaire temps.
Moltes gràcies
Hola, Laia,
doncs efectivament interfereix en la correcció de taques PDF. De moment us diria que elimineu els estils per corregir i després els torneu a posar. Igualment mirarem a veure si trobem una solució.
Fins ara,
Mònica
doncs efectivament interfereix en la correcció de taques PDF. De moment us diria que elimineu els estils per corregir i després els torneu a posar. Igualment mirarem a veure si trobem una solució.
Fins ara,
Mònica
Perfecte. Ja està nevant en el Moodle del nostre institut.
Moltes gràcies Mònica.
Moltes gràcies Mònica.