Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon.

Utilisé à ce jour dans 1317 sites
Annonces defilantes
Article mis en ligne le 26 juillet 2012
dernière modification le 15 janvier 2017

par Jean Christophe Villeneuve
logo imprimer
Enregistrer au format PDF

Cette noisette n’est pas disponible avec Escal V2

Elle permet d’afficher plusieurs annonces importantes au dessus du bloc central à la une. Ces annonces défilent du bas vers le haut.

Nom des fichiers inc-annonce_defilant.html
inc-annonce_defilant_article.htm
pages concernées page d’accueil
mots-clés annonce-defilant

Les articles que l’on veut faire apparaître dans cette noisette doivent âtre associés au mot-clé annonce-defilant.

On peut choisir de les afficher

  • par ordre chronologique
  • par ordre antéchronologique
  • par numéro du titre
  • au hasard

On peut classer ces annonces en numérotant le titre des articles ainsi
10. titre du premier article
20. titre du deuxième article
30. titre du troisième article
etc

On choisit aussi la hauteur du bloc, le nombre d’annonces et la temporisation entre chaque annonce.

Le titre et le début du texte de l’article seront affichés avec un lien "lire la suite".

On peut enfin afficher le nombre d’annonces.

Pour avoir une seule annonce fixe, c’est la noisette inc-annonce

P.S. :

Astuce :

si on met cet article dans une rubrique avec les mots-clés pas-au-menu, pas-au-menu-vertical, pas-au-plan et pas-a-la-une, il n’apparaitra pas ailleurs.

les annonces défilantes sont classées par num titre, donc vous pouvez choisir l’ordre d’apparition :-))

Forum
Répondre à cet article
les x dernieres annonces
Christian Voillemont - le 10 janvier 2017

Bonjour, y a t il moyen d’automatiser les annonces défilantes en n’affichant que les x dernières annonces défilantes avec non affichage des autres plus anciennes ?

Ainsi quand on met le mot clé Annonce défilante à un article, il prend la place d’un plus ancien et tout est automatique.

Meilleurs voeux de bonheur pour 2017

les x dernieres annonces
Jean Christophe Villeneuve - le 10 janvier 2017

Bonjour et bonne idée.

Je viens donc de livrer une modification pour ajouter ce choix dans la page de configuration.

les x dernieres annonces
Christian Voillemont - le 10 janvier 2017

Grand merci ! Cela va simplifier la gestion de mon site.

inc-annonce_defilant
Didier Welsing - le 17 juillet 2016

Bonjour Jean Christophe,
Un petit coup de main pour changer la hauteur du bloc annonce défilante
J’ai essayé dans perso.css :

/* encart annonce defilant */
#annonces-defilantes
height : 150px ;

ou
.annoncedefil
height : 150px ;

Rien n’y fait

Je vois les modif dans la console css de mozilla (elles sont en rouge donc pas opérantes je suppose)

Merci de ton aide
A bientôt
Didier

inc-annonce_defilant
Jean Christophe Villeneuve - le 17 juillet 2016

Hello
Ce réglage est disponible dans la configuration d’escal !

inc-annonce_defilant
D. Reina - le 15 décembre 2014

Bonjour Jean-Christophe.
J’ai un petit souci avec cette noisette. Lorsqu’on arrive sur la page d’accueil du site, les annonces ne défilent pas. Il faut passer la souris au survol sur le bloc pour voir défiler les annonces.
Une idée du problème ?

Nous sommes sous Spip 3.0.5 et sous Escal 3.62.3

inc-annonce_defilant
Jean Christophe Villeneuve - le 15 décembre 2014

Bonjour

Une URL pour voir ?
Et combien as-tu d’annonces à faire défiler ?

inc-annonce_defilant
D. Reina - le 15 décembre 2014

url :
http://college-tourette.fr/

Il y a 3 annonces à afficher en ce moment. Mais deux seront obsolètes d’ici demain. Je vais les laisser un peu, le temps que tu voies de quoi il retourne.

inc-annonce_defilant
Jean Christophe Villeneuve - le 16 décembre 2014

N’aurais-tu pas activé le bloc "Annonce" au lieu de "Annonces défilantes" ? :-))

inc-annonce_defilant
D. Reina - le 16 décembre 2014

Non. Comme je le disais dans mon précédent message, deux des annonces sont obsolètes aujourd’hui. J’avais prévu de les laisser quand même, mais mon collègue qui administre le site avec moi a fait du ménage à mon insu.
Je viens de rajouter une deuxième annonce et en utilisant le bon mot-clé.
En fait lorsque la page a fini de se charger la deuxième annonce doit s’afficher au bout de 5 secondes. Il y a bien une action qui se produit (les bords arrondis redeviennent droits pendant un court laps de temps) mais il n’y a pas défilement. Le défilement démarre vraiment au bout de 10 s.

Pourquoi ?

inc-annonce_defilant
Jean Christophe Villeneuve - le 16 décembre 2014

Ah ok

Alors c’est le comportement normal : il faut que toutes les annonces se chargent avant que le défilement commence.

J’avais déjà remarqué le souci mais je n’ai pas trouvé la solution pour le résoudre car le javascript et moi, on n’est pas très intimes ...

PS : il rend bien, ton site, bravo !

inc-annonce_defilant
D. Reina - le 16 décembre 2014

OK. Je pensais que c’était lié à notre version ancienne d’escal. On va donc faire avec.

Merci pour le compliment sur le site. Le mérite en revient surtout à mon collègue, Raphaël Brocq, qui s’est chargé du site à son début. Maintenant on est 2 à s’en occuper et c’est plus facile.

Merci pour ton aide et à bientôt.

inc-annonce_defilant
lhoual - le 26 juin 2013

Bonjour Jean Christophe,

j’ai un soucis avec ma noisette inc-annonce_defilant !!
Tout d’abord je pense que t’avais oublié de l’appeler sur le sommaire.html(donc rien ne s’affichait) et quand je fais l’appel j’ai des soucis d’affichage sur certains écrans comme on peut le voir sur l’image jointe !
Ensuite j’aimerais changer la couleur sur ces annonces, mais mon fichier perso.css est vide et j’ai mis par exemple

.annonce {
 background-color: #FFFF00;
 color:  #FFFF00;
}

mais rien ne change...
merci

inc-annonce_defilant
Jean Christophe Villeneuve - le 26 juin 2013

La noisette inc-annonce_defilant est appelée dans la page sommaire dès qu’on a choisi son affichage dans la page de configuration d’Escal. Je te conseille donc de supprimer tes modifs sinon, tu risques d’avoir des soucis lors d’une mise à jour d’Escal.

Sur quel type d’écran obtiens-tu cet affichage ? Avec quel navigateur ?

Une URL pour voir ?

inc-annonce_defilant
lhoual - le 26 juin 2013

Si je supprime l’appel sur sommaire.html, je n’obtiens rien...
Et une fois que j’inclue inclusions/inc-annonce_defilant dans sommaire.html, les annonces defilent bien sur mozilla, mais sur IE8(la norme de l’entreprise), j’obtiens l’image que j’avais jointes precedemment !!
Pour l’URL, ce serait pas possible car c’est un intranet je fais :(
Et l’ecran, c’est sur un samsung syncmaster 740n par exemple que j’ai ce soucis d’affichage.

Mots-clés associés



Plan du site Contact Mentions légales Espace rédacteurs squelette

RSS Valid XHTML 1.0 Strict

2009-2017 © Escal V3 - Tous droits réservés
Site réalisé sous SPIP
avec le squelette ESCAL-V3
Version : 3.86.43