SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 457 visiteurs en ce moment

Accueil > Squelettes > Squelettes généralistes > ScolaSpip > ScolaSPIP 4

ScolaSPIP 4

19 janvier 2016 – par Johan, Philippe – 51 commentaires

15 votes

ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr

Présentation de ScolaSPIP

PNG - 31.3 ko
Logo ScolaSPIP
Auteur : Wahid Mendil, 2012

Ce plugin pour SPIP 4 est développé par la Dane de l’académie de Versailles pour les webmestres de cette académie... et des autres académies ou institutions.

ScolaSPIP est destiné aux webmestres débutants et permet facilement de personnaliser un site SPIP : interface pour choisir ses couleurs, options d’affichage de la page d’accueil et des contenus.

ScolaSPIP utilise également des mots-clés permettant de personnaliser la page d’accueil et les menus de navigation.

Exemples de sites utilisant ScolaSPIP

Affichage

ScolaPIP 4 est un squelette conçu en « colonnes » (pour la page d’accueil) et les blocs sont fixés [1]. Ces colonnes se transforment en bloc lorsque l’on consulte le site sur tablettes ou smartphones. Les options et un peu d’imagination permettent néanmoins une multitude de possibilités d’affichage des différents objets éditoriaux de SPIP (articles, brèves, sites et événements).

PNG - 59 ko
Structure de la page d’accueil
Ecrans classiques
Organisation des blocs dans le squelette scolaSPIP
PNG - 41.3 ko
Structure de la page d’accueil
Tablette-Smartphone
Organisation des blocs dans le squelette ScolaSPIP


Le site affiche sur toutes les pages :

  • un bandeau contenant un menu horizontal déroulant (vers l’agenda, des articles, rubriques, sites) avec des liens paramétrables,
  • un menu vertical dépliant (sur plusieurs niveaux) et contextuel,
  • des liens externes (liens externes sélectionnés),
  • un pied de page.

La page d’accueil peut afficher les éléments suivants :

  • le descriptif du site,
  • des éditoriaux,
  • les prochains événements :
    • dans un mini-calendrier (liens vers un agenda plus complet),
    • une liste d’événements,
  • une liste d’articles sélectionnés,
  • la liste des dernières éléments publiés : brèves, articles, commentaires
  • une vidéo dans le menu latéral,
  • des diaporamas d’images,
  • les nouveautés de sites syndiqués sélectionnés (flux rss).

L’affichage de chacun de ces éléments est paramétrable facilement.

Plugins utilisés par ScolaSPIP

ScolaSPIP 4 nécessite plusieurs plugins :

D’autres plugins sont utilisés :

ScolaSPIP 4 est aussi compatible avec :

Nouveautés de la version 4

Cette version 4 de ScolaSPIP est une évolution de la version précédente et offre de nombreuses options supplémentaires :

  • mise en page responsive qui s’adapte aux smartphones, tablettes et diverses définitions d’écran
  • intégration de vidéos distantes (Youtube, Dailymotion, Vimeo, ScolaWebTV, etc.) sur la page d’accueil (voir la documentation de oEmbed qui permet également d’afficher des images ou contenus riches dans vos pages)
  • les diaporamas d’images sont responsives
  • possibilité de mettre plusieurs articles en "éditorial" sous forme de diaporama

Et toujours :

  • possibilité d’ajouter des rubriques dans le menu horizontal (menus déroulants si il y a des sous-rubriques)
  • davantage de choix de couleurs, des choix pour les polices, davantage d’options d’affichage (arrondis, images de fond, ombres divers)
  • Possibilité d’avoir un bandeau et un pied de page en pleine largeur
  • Affichage immédiat - et accessible - des brèves dans la page (accueil et page de rubrique)
  • Agenda avec son nouveau mini calendrier et gestion d’inscriptions à des événements

Installation/Mise à jour

Mise à jour : ATTENTION

Si votre site utilise actuellement Scolaspip 3, n’installez pas directement Scolaspip 4.
Le passage à Scolaspip 4 nécessite la désactivation préalable de certains plugins :

  • Dans le gestionnaire de plugins, désactiver Zpip-dist.
  • Scolaspip 3 sera alors également désactivé.

Passer maintenant à l’installation de Scolaspip 4 (votre configuration de Scolaspip 3 sera conservée et utilisée par la version 4)

Installation

Entrer « ScolaSPIP » dans le moteur de recherche de plugins [2] et choisir « tous les états ».
ScolaSPIP 4.0 devrait apparaître et il vous reste à cocher la case correspondante et à lancer l’installation et l’activation (les plugins dont il dépend s’installeront également). Installer de la même façon Agenda, Palette, etc.

ScolaSPIP étant installé un sous-menu de « Squelettes » permet aux administrateurs du site de configurer l’affichage de leur site.

Vos surcharges de squelettes ne sont pas prises en compte...

La structure même du squelette de Scolaspip 4 n’est pas la même que celle de Scolaspip 3. Il se peut donc que vos surcharges de Scolaspip 3 ne soient pas prises en compte par la version 4. Référez-vous alors à la documentation du bas de page pour adapter vos surcharges.

Onglet « Thèmes et couleurs »

JPEG - 58.3 ko
Réglage du thème et des couleurs - Partie 1

Choisissez les polices utilisées pour les contenus de la page et pour les titres.
Choix des polices

Les couleurs : choisissez vos couleurs (couleurs de certains fond, couleur des liens, des intertitres, couleurs au survol) et construisez votre charte graphique.
Pour choisir confortablement vos couleurs, le plugin « Palette » est indispensable.

JPEG - 72.8 ko
Réglage du thème et des couleurs - Partie 2

Des styles prédéfinis de couleurs font gagner du temps et peuvent être ensuite affinés.
Choix des couleurs

Onglet « Page d’accueil »

JPEG - 70.4 ko
Réglages de la page d’accueil

Ici, choisissez les blocs à afficher sur la page d’accueil et personnaliser la pagination de ces blocs :

  • descriptif du site
  • mini-calendrier
  • liste d’événements
  • brèves
  • derniers articles
  • derniers commentaires


Onglet « Petits plus »

JPEG - 64.5 ko
Réglage des « petits plus »

ScolaSPIP a été développé à l’origine pour les webmestres de l’académie de Versailles. Dans cette nouvelle version, le lien du logo et les informations sur l’académie peuvent être changés dans les « Petits plus » (pour changer le logo, voir plus bas).

Les « Petits plus » permettent aussi de choisir d’afficher (ou pas) : les auteurs, les résumés et dates, certains liens.
Logo du site web

Les mots-clés de ScolaSPIP

Les mots-clés de ScolaSPIP permettent de personnaliser certains affichages : affichage de certains blocs en page d’accueil ou de liens dans les menus.

Vous devez au préalable créer un groupe de mots-clés (le nom est indifférent). Vérifier dans la configuration du groupe de mots-clés que ces objets peuvent être associés à des articles, des sites ou des rubriques. Puis, au départ ou au fil des besoin, créer les mots-clés suivants (en respectant la syntaxe, c’est important !) :

Mots-clésS’appliquent àRôle
articlesrubriquessites
Éditorial x Affiche jusqu’à 8 articles dans le slider
Articles les plus récents ayant le mot-clé
Sélection x Permet d’afficher une liste d’articles en haut de la page d’accueil
Ordonnés par numéro et titre
Mosaïque x Affiche une mosaïque (ou autre) à partir des images de l’article concerné
Jusqu’à 2 mosaîques, ordonnés par date inverse
Vidéo à la une x Affiche une petite vidéo sous le menu
Article le plus récent ayant le mot-clé
Exclu x x Permet d’exclure une rubrique du menu ou un article des listes
Mentions légales x Permet de remplacer le texte type des mentions légales du site
Article le plus récent ayant le mot-clé
Dans le menu horizontal x x x Permet de placer tous ces objets dans le menu horizontal
Ordonnés par numéro et titre
Site à la une x Affiche le site dans le menu (le logo du site si présent)
Ordonné par numéro et nom du site
Flux RSS à la une x Affiche les dernières nouveautés du site syndiqué Autant que l’on veut de sites
Ordonnés par numéros

Attention : Certains mots-clés ont une syntaxe qui diffère de celle des mots-clés de Scolaspip 1 compatibles avec Scolaspip 3. Si vos mots-clés ne font plus effet, il faut juste les renommer avec la nouvelle syntaxe.

Gestion de l’agenda et des inscriptions

ScolaSPIP utilise [3] le plugin Agenda, son mini calendrier (nouvelle version) et permet de gérer des inscriptions à des événements. Pour que l’inscription soit activée, dans votre événement [4] :

  • S’assurer que la case « Inscription en ligne » est cochée
  • Limiter éventuellement le nombre maximum d’inscrits (si il n’y a pas de limite, laisser 0)
  • Si le public potentiel est large, dans la configuration de SPIP, s’assurer que les visiteurs peuvent se créer un compte.

C’est simple ! Ça permet de gérer des inscriptions « simples » et pas plus.

Conseils

  • Forums de SPIP :
    • Attention aux SPAMS. Si vous laissez les forums ouverts surtout sans modération (configuration par défaut de SPIP), installer NoSPAM. Et dans la configuration des forums, activer les Notifications.
  • Dans la configuration, partie « Fonctions avancées », activez les options suivantes (le chargement du site sera plus rapide pour vos visiteurs) :
    • Activer la compression des scripts (javascript)
    • Activer la compression des feuilles de style (CSS)

Pas encore assez de possibilités de personnalisation ?

Pour des adaptations CSS, voir notre page dédiée : http://wikitice.ac-versailles.fr/index.php?title=Personnaliser_css_scolaspip

Attention : les méthodes (basée sur le principe des surcharges de SPIP) sont à utiliser avec précaution. Surcharger des fichiers de ScolasPIP pourrait poser problème en cas d’évolution de ScolaSPIP.

Voir Où placer les fichiers de squelettes ? pour comprendre le rôle du dossier squelettes.

Tous les fichiers et termes utilisés dans ScolaSPIP sont « surchargeable » par le webmestre du site : il suffit de placer dans squelettes [5](en respectant la même arborescence) votre fichier qui va prendre la main sur celui du plugin.

Comment modifier les images ?

Pour surcharger une image , il suffit de déposer (en FTP par exemple) dans son site :

  • créer un dossier squelettes si celui-ci n’existe pas
  • créer un dossier img (si celui-ci n’existe pas) dans squelettes
  • y déposer les images à « surcharger » en leur donnant le même nom. À savoir :
Par défaut dans ScolaSPIPNom du fichierCommentaire
Le logo de l’académie de Versailles logo_academie.png Logo de l’académie ou de l’institution
picto-home.png Retour vers la page d’accueil
spip_out.gif Lien externe
trans.png dégradé du bandeau/pied
(images de fond) [**]
trans2.png dégradé des menus et blocs agenda/événements
(images de fond) [**]
trans3.png hachures des menus et blocs agenda/événements
(images de fond) [**]
deplierhaut.png Dans le menu de rubriques (déplier les sous-rubriques)
deplierbas.png Dans le menu de rubriques (replier les sous-rubriques)
menuder.png Dans le menu horizontal (pour indiquer les rubriques de niveau 3 et plus)
ics_plus.png Ajouter un événement dans son calendrier
ics_agenda_plus.png Ajouter tout l’agenda dans son calendrier
ics_agenda.png Icône pour lien vers l’agenda

Également : Le favicon du site (petite icône apparaissant dans les onglets du navigateur et la barre d’url). Nom du fichier : favicon.ico à placer dans squelettes (il est également utile de déposer ce fichier à la racine du site).

Comment changer les contenus de certains blocs ?

Le principe est le même : dans le dossier squelettes, déposer le fichier souhaité et modifier ce fichier.
Cette opération peut s’effectuer plus simplement à l’aide du plugin SkelEditor 2.0.

Comment modifier certains termes ?

Tous les termes affichés sur votre site sont définis soit dans SPIP, soit dans ScolaSPIP. Ces termes peuvent être modifiés : dans votre dossier squelettes, créer un fichier local_fr.php et suivre les indications de la page Internationaliser les squelettes, partie « Méthode des fichiers de langue ».

Réglage des plugins

Pour Social Tags : dans sa page de configuration, dans le champs « Sélecteur » indiquer : #socialtags .

Voir en ligne : http://plugins.spip.net/scolaspip

Notes

[1Il est néanmoins possible de «  surcharger  » ces blocs dans son dossier «  squelettes  »

[2ScolaSPIP est dans le dépôt «  SPIP-Zone - Plugins  »

[3L’activation du plugin agenda n’est pas obligatoire, mais c’est un vrai plus si il est utilisé  !

[4Les événements sont rattachés à des articles. Un article par exemple peut être dédié à la gestion des événements - ou mieux : ne pas hésiter à associer des événements à différents articles du site au fil de l’actualité de l’école

[5Il est recommandé d’utiliser cette technique et de ne pas écraser les fichiers situés dans le plugin.

[**Si option activée

Dernière modification de cette page le 9 juin 2016

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 26 juillet à 15:51, par Odile En réponse à : ScolaSPIP 4

    Bonjour
    J’ai bien installé scolaspip4.
    Dans l’interface d’administration j’ai personnalisé la couleur de fond, la largeur et la hauteur du slider (pour l’affichage des articles avec le mots clé éditorial).
    Je n’arrive pas à déplacer le bouton « pause/stop » qui reste en bas à gauche en dehors du cadre.
    Voici le code utilisé
    .page_sommaire .carousel background-color : #ead566 ; margin-right : 2em ; height : 180px ;

    Commen ajuster mon affichage du bouton pause/stop ?
    Je vous joints un saisie d’écran et le site est ici http://svtbelrose.info
    Merci

    JPEG - 16.7 ko

    Répondre à ce message

  • Le 26 juillet à 14:11, par Odile En réponse à : ScolaSPIP 4

    Bonjour
    Je viens d’installer scolaspip4 et tout fonctionne très bien. Par contre je n’arrive pas à changer la couleur de fond du cadre en page d’accueil (le slider) ou défile les articles avec le mots clé Éditorial. J’ai choisi le thème blanc/vert et le fond du slider reste gris clair. Comment y remédier ?
    D’avance merci

    • Le 26 juillet à 14:21, par Odile En réponse à : ScolaSPIP 4

      J’ai trouvé la réponse grâce au post sur la largeur du carousel.
      J’ai mis le code
      .page_sommaire #carousel background-color : #ead566 ;

    Répondre à ce message

  • Le 26 juin à 09:47, par Olivier En réponse à : ScolaSPIP 4

    Bonjour,

    Suite à la dernière mise à jour, il y a de nouveau un bug d’affichage dans le menu déroulant de la barre horizontale. Le texte dépasse de nouveau.

    Cordialement
    Olivier

    PNG - 33.5 ko
    • Le 28 juin à 11:18, par Johan En réponse à : ScolaSPIP 4

      En effet, désolé !

      La version 4.2.2 (prochainement disponible) corrige le tir.

    Répondre à ce message

  • Le 8 juin à 19:00, par Olivier En réponse à : ScolaSPIP 4

    Bonjour,
    Pourriez-vous me donner le code css correspondant aux paramètres de la largeur de la zone d’affichage des articles ?

    Par avance merci.
    Cordialement
    Olivier

    • Le 9 juin à 09:09, par Johan En réponse à : ScolaSPIP 4

      Pour régler vos soucis, la règle suivante devrait faire l’affaire :

      .page_article #content .inner-content {
         padding-left: 0;
         padding-right: 3em;
      }

    Répondre à ce message

  • Le 3 juin à 18:03, par Hirisben En réponse à : ScolaSPIP 4

    Bonjour,
    Avant tout bravo et merci pour cette nouvelle version bien ficelée ! C’est du beau boulot !
    J’ai un problème mais je n’arrive pas à trouver d’où ça peut venir. J’ai upgradé depuis la version 3. J’ai fait l’opération en local : pas de problème. Sur le site distant en revanche j’ai une liste longue comme le bras de logs Mysql et j’obtiens une erreur « 500 Internal server error » à chaque fois que je vide le cache.
    Un exemple des logs :

    2016-06-03 17:33:04 81.254.7.254 (pid 7928) :Pri:ERREUR: You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near ''prop','publie)
    FROM `mabase`.spip_evenements
    WHERE id_article=20' at line 1 -
    SELECT COUNT(DISTINCT statut IN 'prop','publie)
    FROM `mabase`.spip_evenements
    WHERE id_article=20
    2016-06-03 17:38:54 81.254.7.254 (pid 22166) :Pub:ERREUR: Table 'mabase.EVENEMENTS' doesn't exist - SHOW CREATE TABLE `EVENEMENTS`

    Ce sont toujours les mêmes erreurs. Est-ce que c’est ça qui provoque l’erreur 500 ?
    J’ai désactivé le plugin Agenda mais ça ne change rien.

    Pouvez-vous m’aider à y voir plus clair ?

    Merci d’avance !

    • Le 6 juin à 11:36, par Johan En réponse à : ScolaSPIP 4

      Bonjour,

      Bizarre... Le souci persiste ?
      Quelle est la version de php ?
      Vous avez un serveur sql MariaDB. Je ne sais pas si ça peut être à l’origine du problème.

    • Le 6 juin à 12:44, par Hirisben En réponse à : ScolaSPIP 4

      Bonjour,
      Je n’ai pas reproduit l’erreur 500 pour le moment mais j’ai toujours des logs pas nets.
      PHP est en version 5.6. Question : est-ce que je peux passer en version 7 sachant que je suis sous SPIP 3.0 (la dernière version) ?
      Merci de votre aide.

    • Le 6 juin à 14:11, par Johan En réponse à : ScolaSPIP 4

      SPIP est compatible PHP 7 je crois.

      Sinon, les erreurs sql liés aux événements persistent ? Si le plugin agenda est désactivé, elle ne devrait pas apparaître.

    Répondre à ce message

  • Le 29 mai à 13:28, par sebastien En réponse à : ScolaSPIP 4

    Bonjour, je reviens vers vous car j’ai mis en place le bandeau avec des articles en « éditorial » mais les articles sélectionnés avec ce mot clé n’apparaissent plus dans la liste des derniers articles.
    Est-il possible de les faire apparaitre aux deux endroits ?

    Cordialement

    • Le 30 mai à 07:30, par Johan En réponse à : ScolaSPIP 4

      Bonjour,

      La solution serait de surcharger le fichier de ScolaSPIP qui impose ce comportement.
      C’est le fichier liste/derniers-articles.html

      Tu récupères ce fichier, tu le modifies et le places dans squelettes/liste (dossiers à créer). Puis tu recalcules la page.

      Les modifications : retirer {!mots.titre IN Sélection , Éditorial}

    • Le 30 mai à 12:01, par sebastien En réponse à : ScolaSPIP 4

      Merci pour votre réponse j’ai trouvé le fichier en téléchargeant le zip de scolaspip, le modifié ne pose pas de problème mais comment le placer dans le dossier dont vous parlez en sachant que je n’ai pas d’accès FTP pour l’administration du site.
      d’ailleurs pour la mise à jour de scolaspip en 4.1.12 il m’est demandé de créer un dossier plugin/auto comment peut-on procéder ?

    • Le 30 mai à 12:14, par Johan En réponse à : ScolaSPIP 4

      Sans accès serveur au dossier du site (FTP ou autre), pas moyen...
      Le site est sur une plateforme mutualisée ?

    • Le 30 mai à 19:10, par sebastien En réponse à : ScolaSPIP 4

      Je ne sais pas s’il est sur une plateforme mutualisée, j’ai repris la gestion du site cette année mais l’ancien collègue ne pas laissé de mot de passe pour l’accès FTP j’ai juste un accès pas l’espace privé de SPIP.
      Merci pour vos réponses, je créerais les articles en double pour les plus importants.

    Répondre à ce message

  • Le 23 mai à 01:31, par sebastien En réponse à : ScolaSPIP 4

    Bonjour, je viens de passer le site que j’administre : http://www.clg-vaucouleurs-mantes.ac-versailles.fr/ sous Scolaspip 4.11 et je souhaiterais savoir s’il était possible d’enlever sur les vidéos en une, le nom de la personne qui les as mises en ligne sur scolawebTV.

    Merci d’avance pour vos réponses.

    • Le 23 mai à 21:00, par Johan En réponse à : ScolaSPIP 4

      Seulement sur la page d’accueil ?

      ajouter la règle suivante dans le champs css de ScolaSPIP :

      .page_sommaire .oembed_scolawebtv___acad__mie_de_versailles .spip_doc_titre i { display : none; }
    • Le 24 mai à 23:40, par sebastien En réponse à : ScolaSPIP 4

      Bonsoir, merci pour votre réponse.
      J’ai rentré la commande que vous m’avez communiqué dans les règles css de scolaspip et malheureusement cela ne change rien.

      Je souhaite enlever les noms uniquement sur la pas d’accueil effectivement.

      dans les règle css j’ai essayé :

      /*html body
      background-image:url(IMG/fond.jpeg) ;
      background-attachment:fixed ;
      page_sommaire
      oembed_scolawebtv___acad__mie_de_versailles
      spip_doc_titre i display : none ; */

      et

      /*html body
      background-image:url(IMG/fond.jpeg) ;
      background-attachment:fixed ;*/
      page_sommaire
      oembed_scolawebtv___acad__mie_de_versailles
      spip_doc_titre i display : none ;

      Merci d’avance pour vos précisions éventuelles.

    • Le 25 mai à 00:17, par sebastien En réponse à : ScolaSPIP 4

      Merci beaucoup cela fonctionne très bien.

    Répondre à ce message

  • Le 15 mars à 23:01, par Olivier En réponse à : ScolaSPIP 4

    Bonsoir,

    Je souhaite créer un espace entre le bord de la page et certains éléments (voir les endroits entourés sur l’image). Comment puis-je le faire ?

    Merci pour votre réponse.

    Olivier

    PNG - 466.5 ko
    • Le 25 mars à 09:28, par Olivier En réponse à : ScolaSPIP 4

      Bonjour,

      Je réitère ma question concernant les paramètres à changer pour décaler les éléments qui sont positionnés juste au bord. J’utilise une couleur de page différente de celle de l’arrière plan et j’utilise une image pour le bandeau d’entête.

      De plus je constate que la surcharge des images du menu de gauche n’est pas prise en compte alors que mes images sont dans /squelettes/img et même dans /squelette/css/img

      Cordialement
      Olivier

      PNG - 598.9 ko
    • Le 21 mai à 09:10, par Johan En réponse à : ScolaSPIP 4

      Bonjour,

      Désolé, je n’avais pas vu vos messages...

      Pour les espaces manquant, c’est un bug en effet. Je vais corrigé.

      Pour les images + et -, leur affichage est désormais définit en css et il faut aussi surchargé les règles css pour indiquer les chemins images : (dans le champs prévu par scolapip)

      Voici le code css :

      #aside .well.rubriques h4 a.toggle,
      #aside .well.rubriques h4 a.toggle.on,
      #aside .well.rubriques h4.feuille a {background-image:url('squelettes/css/img/deplierbas.png');}
      #aside .well.rubriques h4 a.toggle.collapsed,
      #aside .well.rubriques h4 a.toggle.on.collapsed{background-image:url('squelettes/css/img/deplierhaut.png');}

      Et placer les images dans squelettes/css/img

    • Le 21 mai à 12:00, par Johan En réponse à : ScolaSPIP 4

      Bon, pour les espaces manquants : c’est lié au fait que vous avez ajouté une bordure d’ombre sur le contenu de la page.
      C’est pas simple du tout à régler de façon générale dans ScolaSPIP...

      Faudrait le régler spécifiquement pour vous à l’aide des règles css (à affiner si besoin) :

      #aside ul#accordion, #aside .form-search {margin-left: 1em;}
      #content .inner-content { margin-right : 1em; }
    • Le 22 mai à 22:43, par Olivier En réponse à : ScolaSPIP 4

      Bonsoir,
      Merci pour votre réponse. Le seul souci est dès que l’on règle la marge droite, les éléments de la colonne de droite (agenda, diaporama, messages Tweeter) passent en dessous de la liste des rubriques. Y-aurait-il un moyen soit de diminuer la largeur de la partie centrale (liste des rubriques) ou de diminuer la largeur du carrousel ?

      Cordialement
      Olivier

    • Le 23 mai à 21:03, par Johan En réponse à : ScolaSPIP 4

      Pour diminuer la largeur du carrousel :

      .page_sommaire #carousel { margin-right: 2em;}

    Répondre à ce message

  • Le 20 mai à 19:04, par Olivier En réponse à : ScolaSPIP 4

    Bonjour,

    J’ai constaté un petit bug dans l’affichage du menu horizontal. Pour des titres un peu longs, cela dépasse de la zone du menu déroulant.

    Bien cordialement
    Olivier

    PNG - 38.6 ko
    • Le 21 mai à 08:51, par Johan En réponse à : ScolaSPIP 4

      Bonjour,

      Je ne reproduis pas... Quelle est l’url du site ?

    • Le 21 mai à 08:55, par Johan En réponse à : ScolaSPIP 4

      Ha si, je reproduis avec Chrome (mais pas avec Firefox).
      Je vais corrigé ça.

    • Le 21 mai à 09:48, par Olivier En réponse à : ScolaSPIP 4

      Bonjour,

      En ce qui me concerne, c’est avec Firefox.
      Voici l’URL du site : http://http://www.clg-cmonetbussy.fr

      Cordialement
      Olivier

    • Le 21 mai à 11:54, par Johan En réponse à : ScolaSPIP 4

      La version 4.1.12 règle le souci (constaté pour chrome et firefox version récente).

    Répondre à ce message

  • Le 21 mai à 10:45, par Olivier En réponse à : ScolaSPIP 4

    Bonjour,

    Merci pour votre réponse concernant les puces + et - du menu. Mais voici le code css que j’ai dû mettre pour que ça fonctionne :

    #aside .well.rubriques h4 a.toggle,
    #aside .well.rubriques h4 a.toggle.on,
    #aside .well.rubriques h4.feuille a background-image:url(../css/img/deplierbas.png) ;
    #aside .well.rubriques h4 a.toggle.collapsed,
    #aside .well.rubriques h4 a.toggle.on.collapsedbackground-image:url(../css/img/deplierhaut.png) ;

    Cordialement
    Olivier

    • Le 21 mai à 11:53, par Johan En réponse à : ScolaSPIP 4

      oui, les ../css car vous avez mis ce code dans css/perso.css et pas dans le champs css dédié de ScolaSPIP.

      Du coup, simplifiez même les chemins en (...) url(img/deplierbas.png)(...)

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Le petit rouquin

    14 juillet – commentaire

  • Acces Restreint 3.0

    11 décembre 2008 – 777 commentaires

    Le plugin accès restreint permet de définir et de gérer des zones de l’espace public en accès restreint. Cette version du plugin a été redévelopée et optimisée tout spécialement pour SPIP 2.0. Il en découle une amélioration des performances sur les gros (...)

  • Bazar

    8 octobre 2015 – commentaires

    Un squelette pour étaler son bazar sur l’accueil. Bazar est un squelette HTML5/CSS3 issu du squelette neo-dist (http://zone.spip.org/trac/spip-zone/browser/_core_/plugins/neo-dist) : c’est un choix fait au départ, qui à l’avantage d’intégrer (...)

  • Uploadify - Téléchargement de fichiers par lots

    21 juillet 2011 – 58 commentaires

    Ce plugin permet aux rédacteurs de sélectionner et télécharger plusieurs fichiers en une seule fois en s’affranchissant également de la limite de taille imposée par les serveurs (en général 2 ou 3 Mo). Dans quel cas l’utiliser Ce plugin représente (...)

  • Mailshot

    16 janvier 2013 – 235 commentaires

    Ce plugin prend en charge l’envoi en nombre d’info-lettres par email. Mailshot permet l’envoi en nombre d’emails au moyen d’un SMTP (ou d’un service externe) dédié à cet effet. Il permet de limiter la cadence d’envoi. Enfin, ce plugin implémente la (...)