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 1327 sites
Actus
Article mis en ligne le 14 février 2010
dernière modification le 11 avril 2017

par Jean Christophe Villeneuve
logo imprimer
Enregistrer au format PDF

Cette noisette, très largement inspirée du plugin Articles rotatifs de Bernard Blazin, propose d’afficher les articles que l’on veut de façon défilante.

Nom du fichier inc-actus.html
pages concernées Accueil
Forum du site
Autres pages : contact, 404, annuaire, auteur, recherche, ...
mots-clés actus

Le titre des articles avec le début du texte apparait et on change d’article toutes les 5 secondes par défaut.

Les articles qui apparaitront sont ceux à qui on aura associé le mot-clé actus, peu importe leur emplacement.

Dans la configuration d’Escal "Paramétrage des blocs latéraux" → "Titres et contenus", vous pouvez choisir :

  • le titre de la noisette
  • la temporisation entre chaque actu
  • de faire disparaitre la noisette s’il n’y a pas ou plus d’article à afficher

La version 3.78.01 d’Escal modifie le comportement de la noisette en détournant la date de rédaction antérieure des articles :

  • les articles "Actus" sans date de rédaction antérieure s’affichent comme avant
  • ceux qui ont une date de rédaction antérieure dans le futur s’affichent
  • ceux qui ont une date de rédaction antérieure dans le passé ne s’affichent plus

Il faut bien sûr penser à cocher "Oui" pour la date de rédaction antérieure dans Configuration - Contenu du site - Les articles

Il ne restera plus qu’à donner une date de rédaction antérieure aux articles "Actus" qui sera la date de fin de parution de ces articles dans le bloc.


Forum
Répondre à cet article
inc-actus
yvan le goff - le 14 mars 2014

re bonjour,
Abuserais-je si je demandais comment faire pour que les actus disparaissent automatiquement une fois la date de l’événement passée ?
Merci d’avance :)
Yvan

inc-actus
Jean Christophe Villeneuve - le 14 mars 2014

Tu n’abuses pas, c’est même une idée intéressante. Je viens donc de livrer la version 3.78.01 qui modifie le comportement de la noisette en détournant la date de rédaction antérieure des articles :

  • les articles "Actus" sans date de rédaction antérieure s’affichent comme avant
  • ceux qui ont une date de rédaction antérieure dans le futur s’affichent
  • ceux qui ont une date de rédaction antérieure dans le passé ne s’affichent plus

Tu n’as plus qu’à attendre un peu pour que cette version soit disponible et mettre à jour Escal.
Ensuite, il faudra cocher "oui" pour la date de rédaction antérieure dans Configuration - Contenu du site - Les articles

Il ne restera plus qu’à donner une date de rédaction antérieure à tes articles "Actus" qui sera la date de fin de parution de ces articles dans le bloc.

Et hop !

inc-actus
yvan le goff - le 15 mars 2014

Encore un grand merci pour ton travail et ta réactivité.
C’est vraiment un régal de travailler avec ce genre d’outil.
Yvan

inc-actus
yvan le goff - le 12 mars 2014

Bonjour,
je me demandais comment régler l’ordre de passage des actus dans la noisette.
C’est surement très simple mais je vous avoue que je bloque...
Merci d’avance et bravo pour ce que vous faites.

inc-actus
Jean Christophe Villeneuve - le 12 mars 2014

Ben en fait, je ne l’avais pas encore prévu, tu pouvais donc chercher longtemps :-P

Je viens de livrer la modif à l’instant (version 3.77.31). Il te suffira ensuite de numéroter tes articles pour avoir l’ordre que tu veux, en suivant la syntaxe numéro-point-espace-titre. (astuce : numérote de 10 en 10 pour intercaler facilement au besoin)
10. mon titre

inc-actus
yvan le goff - le 12 mars 2014

super merci à toi
et encore bravo !!!

inc-actus
racha - le 8 avril 2013

bonjour a tout
j’utilise le squelettes Escal V3, j’ai un petit problème , j’arrive pas a modifier l’état de actus d’une façon défilante vers une liste ????
quelqu’un peut m’aider ??
merci

inc-actus
Jean Christophe Villeneuve - le 8 avril 2013

Ce n’est pas configurable dans l’espace privé mais il y a une solution :

  • copier inc-actus.html de /escal/inclusions vers /squelettes/inclusions
  • dans la copie, virer la ligne <div id="scrollup"> et le </div> de l’avant-dernière ligne
  • puis remplacer <div class="headline" > par <div class="titre-article-cadre" >

et hop !

inc-actus
Jean Christophe Villeneuve - le 8 avril 2013

Autre solution :

  • on met Escal à jour en version 3.70.42
  • on utilise la noisette personnalisable qui offre maintenant cette option B-)
inc-actus, vroum ! Temporisation ... bzzzzzzvoui ...iiipp !
Le Jaseur Boreal - le 9 novembre 2012

Bonjour Jean Christophe,

Suite à la mise à jour permettant de changer la temporisation de l’affichage des titres d’articles dans la noisette "actus",

je constate avec firefox sur le site :http://www.lettonie-francija.fr/

Une accélaration aléatoire
très particulière et non maitrisée
de la vitesse d’affichage dans la noisette.

Que l’on précise 8 secondes, 10, 12 ou 15 cela ne semble pas changer l’affichage.

De temps en temps, l’impression qu’un écureuil pique la noisette, elle effectue un trés rapide survol d’un titre passant au suivant sans s’arreter ...!

;-) C’est l’automne, la crise en lettonie, les écureuils se pressent de faire provision et zouiippent l’affichage.

Y a-til un bon remède pour controler le tempo d’affichage ?

Merci

inc-actus, vroum ! Temporisation ... bzzzzzzvoui ...iiipp !
Jean Christophe Villeneuve - le 9 novembre 2012

En effet, ça dérape de façon incontrôlée !
J’essaie de regarder ça.

inc-actus, vroum ! Temporisation ... bzzzzzzvoui ...iiipp !
Jean Christophe Villeneuve - le 10 novembre 2012

Essaie de mettre à jour Escal à la version 3.62.0 pour voir.

Je viens de faire des tests sur ce site et tout semble ok. C’est un site de tests alors ne te gène pas !

inc-actus, vroum ! Temporisation ... bzzzzzzvoui ...iiipp !
Jean Christophe Villeneuve - le 14 novembre 2012

J’ai reproduit le bug en local et je n’ai pas vraiment trouvé de solution. Essaie de
- vider le fichier /escal/rotative_js.html
- vider par ftp /tmp/cache
- vider le cache navigateur
- recalculer la page sommaire
- remettre le contenu de /escal/rotative_js.html

Ce n’est évidemment pas satisfaisant mais c’est pour un test.

inc-actus
François Deplaine - le 12 juillet 2012

Bonjour,

Désolé de vous demander un renseignement, j’ai vu sur la liste que vous êtes en cours de modification d’Escal V3.

Depuis la mise à jour accidentelle de Spip de 2.1.5 à 2.1.6, (une sacrée chance), les noisettes suivantes ne répondent plus sur la page sommaire.html.

inc-actu.html, inc-evenements.html, inc-calendrier.html, inc-sites.html.

J’ai également une demande pressante pour pouvoir afficher l’espace s’inscrire à la newsletter.

Dans les rubriques et sous-rubriques doit-on d’abord afficher le logo de la rubrique, puis les logos des articles dans cette rubrique s’affiche ?

J’ai juste mis un logo dans un article, il s’affiche bien dans l’article, mais ne s’affiche pas dans la rubrique comme logo d’article.

Avez-vous une idée ?

François

inc-actus
Jean Christophe Villeneuve - le 12 juillet 2012

EscalV3 est régulièrement mis à jour pour corriger d’éventuels bugs, pour proposer plus de fonctionnalités, ...

Les blocs que tu cites sont bien visibles chez moi (sauf les sites) mais "actus" est vide. Tu as bien des articles avec le mot-clé "actus" ?

Pour la newsletter, il faut passer par un plugin mais il semblerait qu’avec spip3, ce ne soit pas encore au point. Je n’ai en fait jamais essayé.

Pour les logos, c’est justement une des dernières évolutions d’EscalV3 : si l’article a un logo, il s’affiche, sinon c’est celui de la rubrique si elle en a un, sinon rien.

Allez, je te le mets aussi dans EscalV2 ... disponible d’ici une heure.

inc-actus
François Deplaine - le 12 juillet 2012

Super Merci.

Mais je suis toujours sur Escal-V2.

A bientôt,

François

inc-actus
François Deplaine - le 12 juillet 2012

Oups,

Je suis fatigué. J’avais pas vu que vous le mettiez aussi pour la V2.

Le mot clé actus est bien affiché sur les articles.

Merci,

François

inc-actus
François Deplaine - le 12 juillet 2012

Encore un oubli, ce n’est pas la newsletter, mais la div pour l’affichage de s’inscrire sur le site comme ici

L’espace privé de ce site est ouvert aux visiteurs, après inscription. Une fois enregistré...

A bientôt,

François

inc-actus
Jean Christophe Villeneuve - le 12 juillet 2012

Là c’est à toi de créer cette noisette en fonction du plugin de newsletter que tu utilises. C’est lequel au fait ? Je peux peut-être essayer de t’aider.

inc-actus
Jean Christophe Villeneuve - le 12 juillet 2012

Oui en effet, on les voit avec Firebug mais ils ne s’affichent pas. Sans doute un conflit avec le javascript d’un autre plugin. Essaye de les désactiver pour voir et de les réactiver 1 par 1 pour voir celui qui coince.

inc-actus
François Deplaine - le 13 juillet 2012

Bonsoir,

Merci de votre réponse.

Je vais les désactiver. Le plugin de newsletter est SPIP-list.

Je suis passé définitivement sous webkit, Firefox me decoit beaucoup, lui qui était le champion des bonnes pratiques.

** Ajouts aux squelettes **
Dans vos squelettes où vous souhaitez gérer les formulaires d’inscription, de résiliation et de modification des abonnements, insérez les balises #FORMULAIRE_ABONNEMENT et

#FORMULAIRE_MODIF_ABONNEMENT.
Un formulaire simplifié facile a modifier (CVT en SPIP 2) est également disponible, #FORMULAIRE_SPIP_LISTES_INSCRIPTION. Idéal pour la page d’accueil su site par exemple.
Vous pouvez également personnaliser le formulaire d’abonnement.
Placer la balise #SPIP_CRON sur les pages du site public (si elle n’y est pas déjà).
** Boucles, balises, filtres et formulaires de SPIP-Listes **
Formulaires
-  #FORMULAIRE_ABONNEMENT : Affiche le formulaire d’inscription. Ce formulaire peut être personnalisé (cf. l’article sur les Formulaires)
-  #FORMULAIRE_MODIF_ABONNEMENT : affiche le formulaire de modification personnel d’un abonné
-  #FORMULAIRE_INSCRIVEZ_VOUS (SPIP-Listes 1.9.3) pour s’incrire en un clic. Ce formulaire peut être personnalisé (cf. Formulaire d’inscription en un clic)
Balises
-  #DATE_MODIF_SITE : date de la dernière publication (article ou brève) sur le site
-  #DATE_MODIF_FORUM : date de la dernière publication d’un message de forum

.

Merci pour ce rappel, je le savais et déja utilisé. Il faut vraiment que je dorme. Le réveil sonne à 04:00. Au boulot sur Mulhouse à 08:00. Des journées de dingues.

Je regrette les deux années au lycée Louise Weiss de Sainte-Marie aux mines comme administrateur du réseau pédagogique et créateur du site du lycée. Le travail aussi à 08:00, mais à 5 minutes de chez moi. Le site a bien changé, mais c’est leur droit le plus absolu. Un grand bonjour au trois PRI.

A bientôt,

P.S, il y a aussi un souci avec la page agenda qui est bloqué sur le mois de juillet.

actus
Tony - le 3 mars 2012

Bonjour Jean Christophe

Je viens de créer actus mais j’aimerais l’avoir sur le coté droit, pourrais tu svp me donner le code quand tu auras le temps

Bon weekend :-)

actus
Tony - le 3 mars 2012

Sorry sur le coté gauche !!!

actus
Jean Christophe Villeneuve - le 3 mars 2012

La présence, la position et l’ordre des blocs latéraux sont définis dans le fichier sommaire.html

La div "navigation" correspond à la colonne de gauche et la div "extra" correspond à la colonne de droite.

Il suffit donc, après avoir copié sommaire.html dans /squelettes, de déplacer

           <div class="cadre-bleu">
             <INCLURE {fond=inclusions/inc-actus}{lang}>
           </div>

de "extra" vers "navigation" à l’endroit où tu veux la voir apparaitre

actus
Tony - le 3 mars 2012

Merci Jean Christophe, j’ai bien mi actu a gauche mais je voudrais faire un espace avec la noisette menu parce que je colle dessus

Merci

actus
Jean Christophe Villeneuve - le 3 mars 2012

Dans le fichier perso.css (à créer dans /squelettes/styles si ce n’est pas fait) tu mets

#menuV2 {
   margin-bottom: 25px;
}

et hop !

actus
Tony - le 3 mars 2012

Merci Jean Christophe c’est réglé grâce a toi :-)

inc-actus
Jean-Yves - le 12 décembre 2010

Salut Jean-Christophe,
je me disais que ce serait bien d’avoir cette fonction de déroulement dans le cadre inc-sites ;
j’ai cherché, bidouillé, et... laissé tombé...

Je sais pas si tu avais déjà pensé à ça, dis moi si ça t’a torturé l’esprit...

ça marche pas en affectant le mot clé "actus" au référencement du site.

inc-actus
Jean Christophe Villeneuve - le 12 décembre 2010

Salut Jean-Yves

Ah c’est un peu plus compliqué que ça ...

En fait pas besoin de mot-clé qui ne sert qu’à sélectionner les articles.

Il faut :
- copier et modifier le fichier /inclusions/inc-sites.html

* rajouter <div id="scrollup3"> juste après <div class="texte" id="sites">

* rajouter <div class="headline3" > juste après <BOUCLE_derniers_sites(SITES){syndication=oui}{par date}{inverse}{0,5}{doublons} >

* fermer les 2 div au bon endroit

- copier et modifier le fichier /script/rotative.js

* copier la 2e partie et la coller en dessous

* remplacer tous les "2" par des "3"

* régler éventuellement l’intervalle de temps entre chaque affichage

Si tu coinces, j’ai encore les clés du camion ;-) et je peux donc te faire le petit réglage moteur nécessaire ...

inc-actus
Jean-Yves - le 29 décembre 2010

Coucou JCV.

Comment se passe ses fêtes de fin d’années ? pas trop d’indigestion j’espère, ni de chocolat, ni de pages de code ?......

Bref, ayant tout modifié selon tes conseils, cela ne marche pas en local...

Comme tu me dis que tu as gardé les clés du camion, j’ai donc transféré en ligne le fichier modifié "rotative.js" dans plugins\auto\escal\scripts.
j’ai modifié aussi inc-sites.
je te laisse regarder tout ça et j’attends de tes nouvelles.

Merci Jean-Christophe et bonnes vacances malgré tout.

inc-actus
Jean Christophe Villeneuve - le 29 décembre 2010

Oups ... Normal que ça marchait pas, j’ai un peu oublié de dire qu’il fallait aussi définir les styles headline3 et scrollup3 ... désolé :-(

Je t’ai donc rajouté

#scrollup3 {
 position: relative;
 overflow: hidden;
 height: 100px;
 margin: auto;
 width: 170px;
}
.headline3 {
 position: absolute;
 top: 100px;
}

dans ton fichier perso.css et hop !

Une petite recommandation : copier le fichier rotative.js modifié dans /squelettes/scripts histoire de pas perdre les modifs lors d’une éventuelle mise à jour d’Escal B-)

Fais gaffe à ton foie également !

inc-actus
Jean-Yves - le 29 décembre 2010

Alors là merci, sauf que je vois pas quelle commande peut tout changer à la présentation, mais bon, tu ne manqueras pas de me le dire...

J’ai aussi modifié le fichier

/plugins/article_pdf/pdf/lib_pdf_spip.php

parce que je trouvais tout bizarre de voir écrit "Extrait du...CONDUITE ROUTIERE"

Mais comment le protéger d’une mise à jour, j’ai essayé de le placer un peu de partout mais j’ai pas trouvé l’endroit opportun.

T’inquiète pas pour mon foie....

J’en ai plus...

inc-actus
Jean Christophe Villeneuve - le 29 décembre 2010

C’est juste que le js travaille à partir des css pour leur appliquer un effet de défilement.

Pour ton fichier modifié, je le mettrais dans un dossier /squelettes/pdf

inc-actus
camel - le 9 mars 2010

Bonjour
j’utilise votre plugin escal et j’aimerais modifier
la hauteur du cadre Actus pour lire le texte qui apparait
Comment agrandir la hauteur de ce cadre ?

Merci de votre reponse

inc-actus
Jean Christophe Villeneuve - le 9 mars 2010

Tiens c’est bizarre, tu n’as pas les styles de cette noisette dans general.css

Soit tu mets à jour le plugin Escal et si tu as bien fait tes modifications dans un dossier /squelettes rien ne sera perdu.

Soit tu rajoutes ce code dans general.css

/* noisette inc-actus */
#scrollup {
        position: relative;
        overflow: hidden;
        height: 100px;
}
.headline {
        position: absolute;
        font-size: 12px;
        font-weight: bold;
        top: 103px;
}
.intro {
        font-size: 10px;
        font-weight: normal;
}

PS : la première solution est la meilleure mais à condition d’avoir bien mis tes modifs dans /squelettes

PS2 : page sommaire : ta balise body ouvrante est au milieu du doctype au lieu d’être juste après la balise de fin du head !!

inc-actus
André - le 16 février 2010

Bonjour, très belle noisette, mais son fonctionnement n’est pas impeccable : il y a un problème au démarrage de la page me semble-t-il. Tous les articles avec mot-clé actus s’affichent en même temps.

inc-actus
Jean Christophe Villeneuve - le 17 février 2010

Oui j’ai vu, faut que je me penche dessus.

Merci du retour en tout cas !

inc-actus
Jean Christophe Villeneuve - le 17 février 2010

Je me suis penché et je suis tombé sur ... la solution : une ch’tite propriété css qui manquait.;-)

inc-actus
André - le 18 février 2010

Super, je teste ça ce matin.

Merci

inc-actus
André - le 18 février 2010

Assez curieusement, en local, cela ne marche plus du tout. Maintenant, tous les articles avec mot clé actus sont affichés en même temps et il n’y a plus de rotation (sous firefox)

Sous IE 8 , le cadre actus est vide

inc-actus
Jean Christophe Villeneuve - le 18 février 2010

Tu as bien mis à jour le plugin Escal ?

Parce que comme tu peux le voir sur ce site, ça fonctionne bien.

inc-actus
André - le 18 février 2010

Oui, j’ai remplacé la version installée par la nouvelle version.

Je reste en local pour le moment mais je vais bientôt remplacer la version en ligne par le plugin.

Je réessaye et je te tiens au courant.

Merci
André

inc-actus
Jean Christophe Villeneuve - le 18 février 2010

J’ai remarqué aussi parfois un certain temps de latence pour que le javascript soit pris en compte.

Temps de latence que je n’explique pas.

inc-actus
André - le 18 février 2010

Problème réglé. J’avais mélangé version squelette et plugin. Maintenant tt est en ligne en version plugin : http://www.sjpa.be/spip/

Merci beaucoup

inc-actus
- le 22 février 2010

Hélas, problème réglé partiellement... Depuis le passage en plugin, l’affichage sur IE est catastrophique alors que sur Firefox c’est nickel.

Une piste ? Merci

inc-actus
Jean Christophe Villeneuve - le 22 février 2010

Essaye de virer la ligne

<INCLURE {fond=inclusions/inc-menu}>

dans /squelettes/sommaire.html au lieu de la mettre en commentaire, ça devrait régler le problème.

Profites-en pour enlever les crochets encadrant les lignes 6 à 9 dans /squelettes/inclusions/inc-bandeau.html pour faire disparaitre la petite bande bleue tout en haut des pages. (C’était une erreur de ma part)

inc-actus
André - le 22 février 2010

Ouf ! Je pensais que commenter les lignes comme ça : c’était correct. Bizarrerie d’IE sans doute...

Encore une fois un grand merci !

inc-actus
Jean Christophe Villeneuve - le 22 février 2010

Normalement oui, mais tu sais, avec IE, il ne faut s’étonner de rien ...

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