Bandeau gif animé

Groupes Escal
1

Bjr,

Je cherche à savoir si il est possible de faire un bandeau du site animé comme un gif ou tout autre proposition m'intéresserait.

Merci

--

Cdlt
contact@sudptt31.org
www.sudptt31.org

2

Le 12/12/2019 à 19:03, contact@sudptt31.org a écrit :

Bjr,

Je cherche à savoir si il est possible de faire un bandeau du site animé comme un gif ou tout autre proposition m'intéresserait.

Merci

avec gimp on peut faire une image animée gif, mais attention, une image gif ne supporte pas d'être convertit plus grande ou plus petite

donc il faut déterminer les dimensions de l'image au départ et ne pas en changer

--

amicalement: momo (^ö^)
secretaires@debian-facile.org
chaton: https://www.le-pic.org/
------------------------------------
auto-hébergement https://funambule.org

3

Il faut bien sur que les images du gif aient toute la même taille mais ensuite le gif va s’adapter à l’écran si on réduit sa taille, comme une image simple.
Aucun souci !

4

C'est un bandeau de 1200 x 200, c'est à dire que je peux faire un gif avec cette dimension et ne plus y toucher? C'est çà?

J'utilise GIMP c'est où que je trouve la fonction?

Merci

Le 12/12/2019 à 19:07, momo a écrit :

Le 12/12/2019 à 19:03, contact@sudptt31.org a écrit :

Bjr,

Je cherche à savoir si il est possible de faire un bandeau du site animé comme un gif ou tout autre proposition m'intéresserait.

Merci

avec gimp on peut faire une image animée gif, mais attention, une image gif ne supporte pas d'être convertit plus grande ou plus petite

donc il faut déterminer les dimensions de l'image au départ et ne pas en changer

--

Cdlt
contact@sudptt31.org
www.sudptt31.org

5

Le 12/12/2019 à 19:22, contact@sudptt31.org a écrit :

C'est un bandeau de 1200 x 200, c'est à dire que je peux faire un gif
avec cette dimension et ne plus y toucher? C'est çà?

J'utilise GIMP c'est où que je trouve la fonction?

J'ai fait un tutoriel qui reste valable :

Attention, un gif animé ça pèse très lourd ! Ce n'est peut-être pas une
bonne idée.

--

Ysabeau
Signature en travaux

6

Merci Ysabeau pouer ce beau tuto.

JC

Le 12/12/2019 à 19:28, Ysabeau a écrit :

Le 12/12/2019 à 19:22, contact@sudptt31.org a écrit :

C'est un bandeau de 1200 x 200, c'est à dire que je peux faire un gif
avec cette dimension et ne plus y toucher? C'est çà?

J'utilise GIMP c'est où que je trouve la fonction?

J'ai fait un tutoriel qui reste valable :
Un sapin qui clignote avec Inkscape et Gimp - Tutoriels et logiciels libres

Attention, un gif animé ça pèse très lourd ! Ce n'est peut-être pas une
bonne idée.

7

Bsr,

On peut également utiliser le plugin NivoSlider
Ex :

myAvatar-60x60.png

8

Le 12/12/2019 à 19:03, contact@sudptt31.org a écrit :

Bjr,

Je cherche à savoir si il est possible de faire un bandeau du site animé comme un gif ou tout autre proposition m'intéresserait.

Merci

Bonjour,
Le plus simple, mettre un backgroud-image à #bandeau
avec un background-repeat: repeat-x;

J'ai mis ça pour avoir une guirlande clignotante en dessous du bandeau.
Et merci de m'avoir fait penser que j'avais ça à faire sur le site de la commune ! :wink:

Bonne journée,
Yves

#espace {
     max-width: 2000px;
     margin-top: -20px;
     margin-bottom: -40px;
     margin-bottom: 50px;
     background-color: #2D29A0;/*mise en route de la guirlande */
     min-height: 22px;
     background-image:
         url(../images/clignotant-fin.gif) ;
     background-repeat: repeat-x;
}

9

Question CON peu être

mais j'ai la flemme de chercher vu le taf ailleurs

est ce qu'on peu lancer une CSS en fonction d'une date

l'idée serais je lance tel fin d'ecran a noel, une autre haloween

Le 13/12/2019 à 08:51, Yves_forums a écrit :

Le 12/12/2019 à 19:03, contact@sudptt31.org a écrit :

Bjr,

Je cherche à savoir si il est possible de faire un bandeau du site animé comme un gif ou tout autre proposition m'intéresserait.

Merci

Bonjour,
Le plus simple, mettre un backgroud-image à #bandeau
avec un background-repeat: repeat-x;

J'ai mis ça pour avoir une guirlande clignotante en dessous du bandeau.
Et merci de m'avoir fait penser que j'avais ça à faire sur le site de la commune ! :wink:
http://www.saint-sulpice-les-feuilles.fr
Bonne journée,
Yves

#espace {
max-width: 2000px;
margin-top: -20px;
margin-bottom: -40px;
margin-bottom: 50px;
background-color: #2D29A0;/*mise en route de la guirlande */
min-height: 22px;
background-image:
url(../images/clignotant-fin.gif) ;
background-repeat: repeat-x;
}
_______________________________________________
Spip-avec-escal@rezo.net - https://listes.rezo.net/mailman/listinfo/spip-avec-escal

--
@micalement
Je ne répond plus au Courriel perso, veuillez passer par :
https://spipfactory.fr/contacts

"Réussir sa vie, plutôt que de vivre sa réussite"
"Il n'y a qu'un passé et il n'existe qu'un seul présent, par contre il y a une multitude de futurs, mais seuls l'un d'eux se réalise"

---
En répondant a ce courriel vous acceptez implicitement la diffusion, l'échange de la conversation, sauf avis contraire clairement exprimé

10

En php c’est possible.
On affiche l’include si la date est comprise entre x et y.

Pour Spip, ce doit donc être une question de boucle avec date_init et date_fin comme bornes actives.

Voir comment ça se passe pour les articles à publication différée

myAvatar-60x60.png

11

Salut,

J’avais trouvé ce bout de code pour changer le css afin d’avoir une couleur de fond en fonction de la période de la journée, je pense que ce n’est pas très compliqué de tester sur la date complète plutôt que sur l’heure de la journée!

Heu! Petite précision, je ne l’ai jamais testé, donc à prendre avec milles précautions!

12

super si ya quelqueu’n qui peu faire des tests a ma place

j’en serais ravi.

je suis surbooké coté gestion plateforme

13

Bon en partant du petit module précédent, j’ai fais quelques tests.

D’abord simplification du bazar, utilisation de date() à la place de getdate() qui renvoi un tableau, cela peut être intéressant mais pas dans le cas qui nous occupe!

Sur l’appel date() je n’ai passé en paramètre que d (jour) et m (mois), puisque le module doit fonctionner quelle que soit l’année, évidemment cela ne pourra fonctionner que sur des dates fixes (1er mai, noël, nouvel an, etc, etc), sinon il faudra entrer un tableau de dates à mettre à jour tous les ans.

J’ai aussi placé la date du jour en test pour vérifier que cela fonctionne, par contre je me suis arrêté la!

Je n’ai pas créé de fichiers css et je n’ai pas fais l’appel au fichier, mais je pense que d’autre seront plus à même que moi de réaliser un link avec passage de paramètre du style

<[link](http://docs.webplatform.org/wiki/html/elements/link) rel="stylesheet" href="/<? echo $css ?>" type="text/css" />

Ou quelque chose comme ça!

Voici le module réalisé, si ça peut être utile!

<?php

// On récupère la date d’aujourd’hui. je n’ai pris que le jour et le mois.
$jour = date(« dm »);
// Juste un affichage pour vérifier que je récupère bien la date sous forme « jjmm »
echo $jour."
";

// Voici les conditions. L’expression à comparer est mise dans le switch
switch ($jour){
// Puis on met les possibilités dans les case. On pense bien au break, c’est important.
case ( $jour = date(« dmy »)):
// j’ai testé la date du jour pour vérifier que cela fonctionne.
$css = ‹ aujourdhui.css ›;
// Je me répète, mais c’est vraiment important, le break
break;

case ($jour = 0111):
$css = ‹ toussaint.css ›;
break;

case ($jour = 2512):
$css = ‹ noel.css ›;
break;

case ($jour = 3112):
$css = ‹ nouvel_an.css ›;
break;

}
//Petit print pour vérifier que $css contient bien le nom du fichier.
print($css);

?>

André

14

Tu veux qch comme ça ?
fanbeggnnacekdjp.png

Qui se changera en Bonnes fêtes dès le 26/12 jusqu’au 16/01 ?

myAvatar-60x60.png

15

Voici le code que j’utilise, placé dans le header

<?php // Script de Noël visible uniquement entre le 15/12 et le 15/01 de l'année suivante. { $annee = "" ; // si on est après le 15 décembre if (date ('m') == "12" AND date('d') >10) { $annee = date('Y') + 1 ; } else if (date ('m') == "01" AND date('d') <16) { $annee = date('Y'); } else return ; if ((date('=')=="12") AND (date('d')<26)) {$noel = TRUE ;} else {$noel = FALSE ;} $txt = "Joyeux Noël et Bonne Année $annee !"; $choix = 1 ; if ((date('m')=="12") AND (date('d')<26)) {$noel = TRUE ;} else {$noel = FALSE ;} if ($noel==FALSE) {$txt = "Bonne Année $annee !" ;} if ($choix=="0") { $txt = "Joyeux Noël et Bonne Année !" ; if ($noel==FALSE) {$txt = "Bonne Année !" ;} } else if ($choix=="1") { $txt = "Joyeux Noël !" ; if ($noel==FALSE) {$txt = "Bonne Année !" ;} } else if ($choix=="2") { $txt = "Bonne Année $annee !" ; } else if ($choix=="3") { $txt = "Bonne Année !" ; } else if ($choix=="4") { $txt = "Joyeuses Fêtes !" ; } $ims = "../gif/" ; echo "

$txt

\r\n"; } ?>

A adapter selon besoin.

dhlblblpjpclhlge.png

myAvatar-60x60.png

16

salut Sandy,

Question bête, dans quel module place tu ce bout de code ?

André

dhlblblpjpclhlge.png

myAvatar-60x60.png

17

Salut André

Le bout de code est dans le « header » d’un site entièrement en php.

Faut donc trouver le fichier bandeau.html dans squelettes-dist.
Le recopier dans squelettes et y faire les modifs nécessaire.

myAvatar-60x60.png

dhlblblpjpclhlge.png

18

Bonsoir,

Merci pour ces précisions

André

myAvatar-60x60.png

dhlblblpjpclhlge.png

19

Tiens moi au courant

myAvatar-60x60.png

dhlblblpjpclhlge.png

20

Salut,

Mise en place du petit module dans inc-bandeau.html, placé dans squelettes.

création d’un répertoire gif dans squelettes

Cela fonctionne en local sur wampserver, avec indication de la localisation des gifs (squelettes/gif à la place de …/gif)

Cela fonctionne aussi sur un serveur free (bac à sable)

Mais pas sur SpipFactory, il ne trouve pas les images sous squelettes/gif

André

myAvatar-60x60.png

dhlblblpjpclhlge.png