Bandeau
Escal V3
Slogan du site
À ce jour, Escal est utilisé dans 610 sites
flècheAccueil flèche Noisettes flèche Les membres
inc-actus
Article mis en ligne le 14 février 2010
par Jean Christophe Villeneuve
Imprimer 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.

En effet, le titre des articles avec le début du texte apparait et on change d’article toutes les 5 secondes.

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

Les réglages possibles :

  • nombre de caractères du texte (réglé à 80 par défaut) : dans la noisette avec cette ligne :
  • intervalle de temps entre chaque article (réglé à 5 secondes par défaut) : dans le script /scripts/rotative.js avec ces 2 lignes :

Avec EscalV3, dans la partie configuration d’Escal de l’espace privé, vous pouvez choisir dans quelle colonne afficher la noisette, si celle-ci est repliée et dépliable et la temporisation entre chaque actu.

Avec EscalV2 cette noisette ne s’affichera pas tant qu’il n’y aura pas d’articles avec le mot-clé actus.

Forum
Répondre à cet article
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

Répondre à ce message
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 !

Répondre à ce message
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-)
Répondre à ce message
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

Répondre à ce message
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.

Répondre à ce message
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 !

Répondre à ce message
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.

Répondre à ce message
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

Répondre à ce message
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.

Répondre à ce message
inc-actus
François Deplaine - le 12 juillet 2012

Super Merci.

Mais je suis toujours sur Escal-V2.

A bientôt,

François

Répondre à ce message
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

Répondre à ce message
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

Répondre à ce message
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.

Répondre à ce message
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.

Répondre à ce message
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.

Répondre à ce message
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 :-)

Répondre à ce message
actus
Tony - le 3 mars 2012

Sorry sur le coté gauche !!!

Répondre à ce message
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

Répondre à ce message
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

Répondre à ce message
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 !

Répondre à ce message
actus
Tony - le 3 mars 2012

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

Répondre à ce message
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.

Répondre à ce message
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 ...

Répondre à ce message
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.

Répondre à ce message
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 !

Répondre à ce message
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...

Répondre à ce message
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

Répondre à ce message
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

Répondre à ce message
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 !!

Répondre à ce message
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.

Répondre à ce message
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 !

Répondre à ce message
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.;-)

Répondre à ce message
inc-actus
André - le 18 février 2010

Super, je teste ça ce matin.

Merci

Répondre à ce message
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

Répondre à ce message
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.

Répondre à ce message
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é

Répondre à ce message
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.

Répondre à ce message
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

Répondre à ce message
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

Répondre à ce message
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)

Répondre à ce message
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 !

Répondre à ce message
inc-actus
Jean Christophe Villeneuve - le 22 février 2010

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

Répondre à ce message

Mots-clés associés

Thèmes :
Actualités
Onglet de paramétrage :
Sommaire

Dans la même rubrique

0 | 5

inc-recherche_multi
le 4 juin 2013
par Jean Christophe Villeneuve
inc-video_accueil
le 21 mai 2013
par Jean Christophe Villeneuve
inc-rainette
le 5 mars 2013
par Jean Christophe Villeneuve
inc-documents_rubrique et inc-documents_article
le 5 mars 2013
par Jean Christophe Villeneuve
inc-perso
le 5 mars 2013
par Jean Christophe Villeneuve

Évènements à venir

Pas d'évènements à venir


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

RSS puce Valid XHTML 1.0 Strict puce Licence Creative Commons

2009-2013 © Escal V3 - Tous droits réservés
Site réalisé sous SPIP
avec le squelette ESCAL-V3
Version : 3.71.9
Hébergeur : Académie de Lyon