SPIP-Contrib

SPIP-Contrib

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

289 Plugins, 197 contribs sur SPIP-Zone, 81 visiteurs en ce moment

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

Plugin Tiny Typo

2 octobre 2017 – par tetue

7 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 janvier 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

  • Envoyer des fichiers avec un formulaire Formidable

    2 janvier 2017 – 56 commentaires

    La version 3.0.0 du plugin Formidable permet de créer des formulaires comprenant des envois de fichiers. Cet article regroupe la documentation relative à cette fonctionnalité. Pour une présentation générale de Formidable, voir « Formidable, le (...)

  • Grappes 1.0

    23 novembre 2012 – 33 commentaires

    Présentation et nouveautés Cette version 1.0 du plugin Grappes est un portage pour SPIP 3.x. Le plugin permet de grouper des objets de SPIP dans des grappes. Les objets du core (articles, rubriques, auteurs, etc.) sont pris en charge, ainsi que (...)

  • Cycle2

    7 août 2014 – 117 commentaires

    La seconde version de la librairie Javascript « jQuery Cycle », qui permet de produire des diaporamas, se nomme « Cycle2 » : http://jquery.malsup.com/cycle2/. Voici cette nouvelle librairie mise en plugin pour SPIP. Si vous utilisez déjà « jQuery (...)

  • LinkCheck : vérificateur de liens

    13 février 2015 – 128 commentaires

    Ce plugin permet de chercher et tester l’ensemble des liens présents dans les objets. Vous pourrez donc en quelques clics connaître les liens brisés ou défectueux qui se sont immiscés dans le contenu de votre site SPIP. La vérification s’effectue en (...)

  • Mon site affiche une page blanche ou je ne peux plus accèder à l’espace privé

    7 février 2008 – 34 commentaires

    Au secours ! « Tout à coup » votre site devient inutilisable ou inaccessible ! Comment faire ? Pourquoi ? Par où commencer ? Sans pouvoir couvrir tous les cas, cet article va essayer de vous guider rapidement vers la (...)