SPIP-Contrib

SPIP-Contrib

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

291 Plugins, 198 contribs sur SPIP-Zone, 114 visiteurs en ce moment

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

Plugin Tiny Typo

2 octobre 2017 – par tetue

8 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. C’est le but de ce plugin.

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 11 juillet 2018

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

  • Le Couteau Suisse

    4 mai 2007 – 1861 commentaires

    Ce plugin propose d’introduire facilement de simples fonctionnalités supplémentaires à SPIP et qui s’avèrent rapidement indispensables ! Par exemple : le contrôle de nombreuses variables « cachées » de SPIP, des améliorations ou facilités typographiques, (...)

  • Formidable, le générateur de formulaires

    23 janvier 2012 – 2533 commentaires

    Un générateur de formulaires facilement configurable pour les non-informaticiens et facilement extensible pour les développeurs. Introduction L’objectif était de créer un plugin permettant de générer des formulaires. Historiquement, 2 plugins (...)

  • Plugin Bank

    12 juin 2015 – 88 commentaires

    Le plugin Bank prend en charge l’interface technique de paiement avec de nombreux prestataires de paiement par Carte Bleue, SEPA… Il prend également en charge la conservation de l’historique des transactions de paiement et de leur état et offre une (...)

  • Owl Carousel 2

    30 novembre 2017 – 42 commentaires

    Owl Carousel est un diaporama jQuery adaptable aux différentes tailles d’écran, qu’on peut actionner par glisser, il utilise CSS3 mais il est compatible avec les vieux navigateurs, et il est aussi paramétrable. Le présent plugin permet d’utiliser (...)

  • Calendrier Mini 2.0

    19 mai 2012 – 256 commentaires

    Ce plugin ajoute la balise #CALENDRIER_MINI qui insère un petit widget de navigation par mois dans les dates des évènements. Fonctionnement du mini calendrier Le mini calendrier présente un mois à la fois. Les jours du mois comportant des (...)