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 CSS | code SPIP natif | code 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.
Discussions par date d’activité
Une discussion
bonjour,
je n’ai pas bien compris : il est où, le plugin ?
Je ne vois pas de lien, et spip 3.2 ne le trouve pas non plus dans le dépôt par défaut.
Merci
J’ai mis du temps à comprendre la cause du souci. Le plugin ne fournit pas de paquet.xml, mais uniquement du plugin.xml qui n’est plus supportée par spip 3.3, sur lequel tourne contrib et tous le système de distribution des paquets. Du coup il n’apparait plus nul part.
Iédalement il faudrait que tetue
1. Modifie pour avoir un paquet.xml + mettre un tag (voir même : rapatrie le plugin sur git.spip.net depuis github !)
2. attendre un petit peu
En attendant tu peux utiliser https://files.spip.net/externals/tinytypo-v2.zip mais cela ne sera pas compatible spip 3.3, qui sera bientôt release, on l’espère.
Merci beaucoup !
Répondre à ce message
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
Merci d’avance pour les personnes qui vous aideront !
Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.
Suivre les commentaires :
|
