SPIP-Contrib

SPIP-Contrib

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

288 Plugins, 197 contribs sur SPIP-Zone, 210 visiteurs en ce moment

Accueil > Squelettes > Squelettes généralistes > SoyezCreateurs > Modes d’affichage de la page d’accueil > Mode portail Communiquant pour SoyezCréateurs

Mode portail Communiquant pour SoyezCréateurs

29 septembre 2010 – par HAPpy, RealET – 21 commentaires

19 votes

5e mode d’affichage de la page d’accueil, ce mode se distingue des autres par une animation proposant un fondu/enchaîné des logos des articles à la une.

Zonage

Zonage du mode portail communiquant

Configuration

Bloc 1 : Zone d’entête

  • Nom du site
  • Slogan si plugin bandeau présent [1]
  • Zone de recherche si configurée pour être affichée dans l’entête
  • Citations (si présentes, au hasard, une toutes les heures)

Possibilité de disposer :

  • d’un menu en haut sur les rubriques ayant le mot clef « MenuHaut »
  • d’un menu en bas sur les articles ayant le mot clef « MenuFooter »
  • d’une zone de texte libre sur toute les page : CFG de SoyezCréateurs, champ Bandeau contact

Bloc 3 : Contenu central

  • Les derniers éléments portant le mot clé « ALaUne » sont affichés avec leur titre, et leur logo [2]. Un effet de fondu enchaîné passe d’un logo à un autre automatiquement. Au survol du titre, c’est le logo correspondant qui est affiché.
  • En dessous, sur 2 colonnes, sont listés les Rubriques ayant le mot clé « DessousBreves » et leurs articles
  • Toujours en dessous du diaporama, à côté, s’affiche le « Quoi de neuf ? » du site
  • Puis un ligne de logos : articles ayant le mot clef « Outils » : Logo de survol [3] + Titre & Bulle d’aide.

Bloc 4 : Navigation secondaire : colonne de droite

  • Goodies : Rubriques ayant le mot clé « Goodies » :
    • Titre de la rubrique
    • Liste des articles de la rubrique : Logo, Titre, date
  • Formulaire d’abonnement à la NewsLetter du site si CleverMail est installé et configuré
  • Navigation dans le site (Plan, Sites, Documents, NewsLetters, Sigles) si configuré pour s’afficher dans la navigation du site (sinon, c’est dans le footer)
  • Cartouche d’éphéméride (Date, Saint du jour, Météo du jour et lien vers la météo à 5 jours)
  • Pictogramme de géolocalisation sur le mot clé « ICBM » a été renseigné
  • Lien vers le flux RSS du site

Bloc 2 : Pied de page (footer)

  • Nuage de mots clefs si le plugin Nuage est installé et des mots clés affectés signifiants [4] aux articles
  • Le Bandeau de contact
  • Les informations légales

Configuration avancée du slide-show

S’il n’y a qu’un seul ALaUne, il n’y a plus de défilement.

Par ailleurs, un masque est appliqué pour découper l’image selon images/hsf.png

Enfin, il est possible de mettre une image par dessus le résultat : images/hsf_over.png (le fait d’utiliser cette image force la largeur finale : par défaut, elle est égale à : largeur du site - (largeur colonne de navigation + largeur colonne de navigation secondaire).

Exemple : http://www.fondation-donbosco.fr/

Avec les images :

images/hsf.png [5] :

Masque de découpe de l’image

images/hsf_over.png :

Incrustation par dessus le résultat

Résultat :

Résultat à partir d’une image d’origine rectangulaire (et plus grande)

Pour les curieux, il faut aller lire le code source.

Notes

[1Sinon, il est possible de rajouter le slogan au titre avec <sub>Slogan</sub>

[2Largeur du logo = largeur du site - largeurs des colonnes droites et gauche, dans la CFG de SoyezCréateur

[3le logo normal étant déjà utilisé par les autres pages du site où un cadre listant ces articles est affiché dans l’entête des pages.

[4Ne pas confondre avec les mots clés techniques qui modifient le fonctionnement/comportement du site

[5Si dans la configuration de SoyezCréateurs, le Slideshow du mode communiquant est réglé sur Sur une seule colonne (largeur du site), le nom du fichier est hsflarge.png.

Dernière modification de cette page le 27 juin 2017

Retour en haut de la page

Vos commentaires

Répondre à cet article

Qui êtes-vous ?

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

  • Rubriqueur

    1er octobre 2014 – 19 commentaires

    Créer rapidement une arborescence complète de rubriques et d’articles Ce plugin permet de créer rapidement une arborescence complète de rubriques et d’articles à partir d’une simple liste saisie dans un formulaire. L’arborescence peut être créée à la (...)

  • Slick

    17 mai – commentaires

    Intégration à SPIP du carrousel Slick : https://kenwheeler.github.io/slick/ Fonctions de Slick Son utilisation permet d’afficher une liste d’éléments défilants, en l’occurrence ici une série de photographies. Par les configurations proposées, il est (...)

  • BootStrap pour SPIP

    18 mars 2015 – 37 commentaires

    Documentation source http://spipr.nursit.com/bootstrap Présentation BootStrap est un framework qui facilite et accélère le développement Front-End. Il inclue une base CSS très complète (au format LESS) configurée à partir d’un (...)

  • ScolaSPIP 4

    19 janvier 2016 – 198 commentaires

    ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr Présentation de ScolaSPIP Ce plugin pour SPIP 3 est développé par la Dane de l’académie de Versailles pour les webmestres de cette (...)

  • Import ICS 2 et supérieur (agenda distant)

    2 août 2016 – 52 commentaires

    La version 2 du plugin « import ICS » en reprend la principale fonctionnalité, à savoir l’ajout automatique d’évènements distants dans la liste des évènements d’un site. À la différence de la première version, elle ne dépend pas du plugin « Séminaire » et est (...)

Ça spipe par là