SPIP-Contrib

SPIP-Contrib

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

290 Plugins, 198 contribs sur SPIP-Zone, 100 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. 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

  • PHANTOM (HTML5UP)

    18 juillet – 11 commentaires

    Squelette SPIP pour intégrer le modèle Phantom de HTML5UP. https://html5up.net/phantom Installation A l’activation, le plugin installe aussi les plugins suivants : crayons, favicon, metasplus+, Couleur d’objet, champs extras, SPIP reset centre (...)

  • ScolaSPIP 3

    21 mai 2012 – 448 commentaires

    Un plugin-squelette personnalisable pour sites Web d’établissements scolaires

  • Formulaire d’upload en html5

    27 avril 2015 – 93 commentaires

    Un formulaire d’upload en html5 pour l’interface admin de SPIP. Ce plugin ajoute un système d’upload moderne à SPIP. Il peut être utilisé pour l’upload de masse. Ce système est basé sur dropzonejs. Utilisation Espace privé de SPIP Dans l’espace (...)

  • Passer un site SPIP sous https://

    23 février 2017 – 42 commentaires

    Comment migrer simplement votre site SPIP de http:// vers https:// Le protocole https:// devient de plus en plus courant : C’est mieux pour la vie privée de tous La plupart des grands sites l’a déjà adopté Certains navigateurs commencent à afficher (...)

  • SPIP 3.2, Agenda et FullCalendar

    6 juin – 20 commentaires

    Nous avions publié un article sur la manière d’utiliser FullCalendar avec SPIP 3.0 afin d’afficher des évènements sous forme d’Agenda. La version de FullCalendar a changé avec SPIP 3.2. Le présent article est donc un tutoriel adapté à SPIP 3.2. Pour (...)