SPIP-Contrib

SPIP-Contrib

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

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

Accueil > Squelettes > Outils pour squelettes > Tiny Typo > Plugin Tiny Typo

Plugin Tiny Typo

2 octobre 2017 – par tetue

6 votes

Ce plugin porte Tiny Typo dans SPIP. Il en distribue les CSS à jour et permet de tirer profit de TOUS les styles de Tiny Typo dans SPIP.

Ajout des sélecteurs de Tiny Typo

Si vous avez déjà utilisé Tiny Typo dans SPIP, vous avez peut-être remarqué que certains styles ne s’appliquent pas bien, notamment aux tableaux, aux listes, aux liens…

Rappelons que les styles CSS s’appuient sur des sélecteurs présents dans la page HTML. Lorsque les sélecteurs ne sont pas présents, le style correspondant ne s’applique pas. Par exemple, les tableaux sont stylés avec « .table » dans Tiny Typo et avec « .spip » dans SPIP. Les styles de tableaux de Tiny Typo ne s’appliquent donc pas dans SPIP, même s’ils sont effectivement présents. Il faut donc ajouter les sélecteurs adéquats au code HTML généré par SPIP.

Ce plugin donc permet de bénéficier de TOUS les styles de Tiny Typo en ajoutant les sélecteurs correspondants au code généré par SPIP, ce qui évite les surcharges via CSS, peu pérennes. Voici les principales corrections apportées :

sélecteur CSScode SPIP natifcode SPIP corrigé
Pour signaler les liens externes (.external) class="spip_out class="external
class="spip_url class="external
class="spip_glossaire class="external
Pour signaler les courriels (.mailto) class="spip_mail class="mailto
Pour styler les tableaux de données (.table) <table class="spip <table class="table spip
Pour les vignettes (.thumb) class="spip_logos class="thumb spip_logo
class="spip_logo
Pour centrer (.center) class="spip_logo_center class="center
class="spip_documents_center
Pour aligner à gauche (.left) class="spip_logo_left class="left
class="spip_documents_left
Pour aligner à droite (.right) class="spip_logo_right class="right
class="spip_documents_right
Pour surligner les résultats de recherche (.mark) class="spip_surligne class="mark

Notez qu’il supprime aussi ces sélecteurs superflus : .spip_in, hr.spip, blockquote.spip et corrige un bug d’alignement en supprimant un style généré abusif qui forçait le centrage du texte des documents.

Styles correspondants

Ce plugin distribue aussi la dernière version stable des styles de Tiny Typo et une version consécutivement allégée de spip.css qui évite d’éventuels conflits de style.

Voir en ligne : https://plugins.spip.net/tinytypo

Dernière modification de cette page le 23 octobre 2017

Retour en haut de la page

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

  • Plugin Vidéo(s)

    23 novembre 2010 – 684 commentaires

    Interface de gestion et modèle d’insertion des vidéos : Dailymotion Vimeo Youtube Modèle de la balise HTML5 video avec alternative flash html5media : Lecture HTML5/Flash pour tout navigateur des fichiers MP4/H264/Ogg/WebM/Mkv Support mobile, iPad, (...)

  • GIS 4

    11 août 2012 – 1419 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • SPIP Zen Garden

    12 novembre 2009 – 173 commentaires

    Le plugin Zen Garden, ou Jardin Zen, vous permet de gérer une galerie de thèmes pour votre site, et de changer très facilement de thèmes parmi les thèmes disponibles. Pré-requis Le jardin Zen nécessite d’utiliser un squelette comme le squelette Zpip (...)

  • SPIP 3, Agenda et FullCalendar

    6 août 2012 – 313 commentaires

    Depuis SPIP 3, l’affichage d’un agenda sous forme de calendrier par jour/semaine/mois à changé. Les filtres |agenda_memo et apparentés sont désormais obsolètes. Il en est de même pour les filtres agendafull_memo et apparentés du plugin Agenda. (...)

  • Agenda Fullcalendar facile

    29 octobre 2016 – 51 commentaires

    Dans un précédent article, nous expliquions comment afficher un agenda Fullcalendar sur son site avec le plugin agenda. Cependant, ceci nécessite des manipulation de squelettes, ce qui n’est pas toujours évident lorsqu’on débute. La présente (...)