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... et de qui veut.

Utilisé à ce jour dans 1517 sites
Annonces defilantes
Article mis en ligne le 26 juillet 2012
dernière modification le 1er mars 2018

par Jean Christophe Villeneuve
Visites : 1566 - Popularité :
3%
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 d’afficher le descriptif et/ou le texte.


Quand on un texte avec des liens ou des images ou du son, cela peut parfois donner un affichage bizarre dans ce bloc puisqu’on coupe parfois le texte entre 2 balises. Dans ce cas, utiliser le descriptif peut régler le souci.

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".


Attention
Comme le texte est coupé à X caractères, évitez de mettre des images ou autres raccourcis car si on coupe au milieu d’un raccourci, cela peut dégrader fortement l’affichage de la page.

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 ces articles dans une rubrique avec le mots-clé invisible, ils n’apparaitront 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
problème avec le https
Christian Voillemont - le 7 mai 2018

Bonjour,

Je suis passé en https sur deux sites et sur l’un, je me retrouvai avec un contenu mixte (https et http) accueil ou articles. J’ai donc cherché la cause.

Des que j’ai un bloc annonce défilante, en accueil, sur une page... je ne suis plus en https mais en contenu mixte

Si je supprime le bloc, tout rentre dans l’ordre.

il semble donc qu’il y ai un soucis quelque part.

Qu’en pensez vous ?

problème avec le https
Jean Christophe Villeneuve - le 7 mai 2018

Hello

L’un des articles en annonce défilante n’aurait-il pas un contenu distant avec une adresse en http?

Avec une URL, j’aurais sans doute été plus précis. ;-)

problème avec le https
Christian Voillemont - le 7 mai 2018

Bonjour,

Merci pour ton aide

Très bonne question ! je vais vérifier.

Voici le site : https://www.quebecnature.info/

J’ai remis l’annonce défilant sur les articles pour tester.

Il y a des vidéos youtube, mais elles sont aussi en https et étrangement on me donne un contenu mixte.

j’ai aussi trouvé un lien vers un site en http

c’est galère tout ça !

problème avec le https
Jean Christophe Villeneuve - le 7 mai 2018

Toujours en place le bloc annonce-defilant ?
Si oui, où ?

problème avec le https
Christian Voillemont - le 8 mai 2018

J’ai remis le bloc annonce défilant sur les rubriques

problème avec le https
Jean Christophe Villeneuve - le 8 mai 2018

Hello

Il semblerait que ce sont tes 2 articles avec une vidéo youtube qui posent souci.

  • La route de la Baie D’Ungava - la route de nulle-part
  • Un 22 octobre en kayak à voile sur la rivière des Outaouais
    Pourtant l’url de youtube est bien en https mais Firefox bloque "des éléments qui peuvent pister votre navigation".

Ah, je vois aussi un
background-image: url(http://www.quebecnature.info/plugins/auto/couteau_suisse/v1.10.5/img/filets/ornement.png);
et là on a un http!

Annonces defilantes
Christian Voillemont - le 1er décembre 2017

Bonjour,

Dans un site, j’aurais besoin de deux blocs annonces, un en haut, un en bas.

J’ai pensé détourner le module annonce défilante pour le faire.
J’ai donc essayé de prendre le code de l’un pour le mettre dans l’autre et j’ai obtenu de magnifiques erreur 500...

Comment faire cette manipulation sans soucis ?

Merci d’avance

Annonces defilantes
Jean Christophe Villeneuve - le 1er décembre 2017

Hello

Tu veux 2 blocs d’annonces défilantes ou 1 bloc défilant et pas l’autre ?

Annonces defilantes
christian voillemont - le 2 décembre 2017

J’ai besoin de pouvoir mettre un bloc annnce en haut et un autre en bas. Avec les onglets au milieu.

J’avais penser remplacer le code du menu défilant pour le transformer en deuxième bloc annonce.
Je n’ai pas besoin de menu défilant.
En transformant le code du menu défilant en annonce je peux realiser ce que je veux.

Annonces defilantes
Jean Christophe Villeneuve - le 2 décembre 2017

Hello

Un peu de mal à suivre car tu ne réponds pas à ma question, tu parles de menu et donc, tu es arrivé à tes fins ou pas ?

Annonces defilantes
christian voillemont - le 2 décembre 2017

Avec escal je peux mettre un bloc annonce en faut de page d’accueil et un menu défilant en bas de page d’accueil en laissant le bloc à la une au milieu (bloc avec les onglets).

Hors j’ai besoin de mettre un bloc annonce en haut et un bloc annonce en bas.

Hélas, il n’y a qu’un bloc annonce.
¨Par contre, il y a le bloc annonce défilante dont je n’ai pas besoin

J’avais donc penser détourner le bloc ’’annonce défilante’’ pour le transformer en deuxième bloc annonce. Ainsi le mot clé ’’annonce défilante’’ serait utilisé pour mon bloc annonce du bas.

J’ai donc joué avec le code de inc-annonce_defilant.html pour lui greffer le code de inc-annonce.html Mais je me suis mélanger les pinceaux et j’ai une erreur 500

Annonces defilantes
Jean Christophe Villeneuve - le 2 décembre 2017

Ok c’est plus clair.

2 solutions :

solution 1 :

  • tu utilises le bloc "annonces défilantes" et tu n’associes le mot-clé "annonce-defilant" qu’à 1 seul article et celui-ci ne défile plus.

solution 2 :

  • tu copies le fichier /escal/inclusions/inc-annonce.html dans /squelettes/inclusions
  • tu le renommes inc-annonce_defilant.html
  • dans cette copie, tu remplaces les 3 occurrences de {titre_mot=annonce} par {titre_mot=annonce-defilant}
  • tu associes le mot-clé "annonce-defilant" à l’article que tu veux
Annonces defilantes
christian voillemont - le 2 décembre 2017

Bonjour,

Merci pour ton aide

J’avais pratiqué la solution 2
J’ai du me fourvoyer quelque part.

Je vais donc réessayer.

Merci pour ton aide.

Annonces defilantes
christian voillemont - le 2 décembre 2017

Grand merci
ça marche super

Annonces defilantes
christian voillemont - le 2 décembre 2017

Menu ? Menu ? J’ai dit Menu ? Comme c’est étrange !
Je pensais annonce défilant !
Milles excuses.

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.



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

2009-2018 © Escal V4 - Tous droits réservés
Réalisé sous SPIP
Habillage ESCAL 4.0.99