• transparent Test menu fleche
  • Installer fleche
  • Paramétrer
  • Noisettes fleche
  • Pages spéciales
  • Plugins
  • Astuces
  • Formation fleche
  • lien vers le forum
    | fr
    | en | es | it
    Annonces defilantes
    Article mis en ligne le 26 juillet 2012
    dernière modification le 13 octobre 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 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".

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

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