Lettrine Spip 3.0

Mars 2018

Bonjour, existe-t-il un système permettant de transformer la première lettre d’un paragraphe en lettrine ? Ca se faisait sur la première version de Spip, mais j’ai beau cherché... rien depuis... ?

Résolu

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

esflorinda

Mars 2018

Personne pour les lettrines ?
Indiquez l’intérêt que vous portez à cette réponse

0

Philivert

Avril 2018

Bonjour,

Il te faut jouer avec la mise en forme CSS en utilisant le pseudo élément ::first-letter, voir par exemple une explication surcette page
Indiquez l’intérêt que vous portez à cette réponse

0

esflorinda

Avril 2018

Merci pour ta réponse. J’avais déjà essayé mais ça ne fonctionnait pas...
Indiquez l’intérêt que vous portez à cette réponse

0

Philivert

Avril 2018

Je viens de faire un test en ajoutant p ::first-letter{font-size: 200%;} à la fin de mon fichier perso.css et j’obtiens bien une lettrine au début de chaque paragraphe
Indiquez l’intérêt que vous portez à cette réponse

0

Philivert

Avril 2018

Je viens de faire un test en ajoutant
p ::first-letter{font-size: 200%;}
à la fin de mon fichier perso.css et j’obtiens bien une lettrine au début de chaque paragraphe

esflorinda

Avril 2018

Ben je dois me planter dans le code. J’ai essayé plusieurs choses mais rien.

#article_breve p.texte::first-letter{font-size: 200%;}

        <p class="texte">[(#TEXTE|PtoBR)]<img src="http://independantyonne.free.fr/squelettes/img/puce_bleue.png" width="13" height="13" style="vertical-align: middle;" /></p>

Indiquez l’intérêt que vous portez à cette réponse

0

Philivert

Avril 2018

Et si tu mets un espace entre p.texte et ::first-letter ?

Tu es bien dans l’ID article_breve ?

Si tu mets p ::first-letter{font-size: 200%;} tout seul à la fin de ton fichier css ça donne quoi ?
Indiquez l’intérêt que vous portez à cette réponse

0

tcharlss

Avril 2018

Une URL où on pourrait voir le problème ?

Si c’est le site qui correspond à la source de l’image que tu donnes dans ton exemple de code, #article_breve p.texte n’existe pas, par contre il y a #article_breve #texte
Indiquez l’intérêt que vous portez à cette réponse

0

esflorinda

Avril 2018

oui c’est dans l’id article-breve

j’ai placé le code à la fin du fichier css, avec et sans espace, mais rien sur le paragraphe, en revanche le code s’est bien appliqué à la pagination lol

voilà le div complet :
<div id="article_breve"> <div class="article_breve_mot"> <BOUCLE_article_mot(MOTS){id_article}> #TITRE </BOUCLE_article_mot> </div> <h1>#TITRE</h1> <h2> Publié le [(#DATE|affdate)]</h2> [(#LOGO_ARTICLE|image_reduire{900,0})] #TITRE_LOGO <p class="texte">[(#TEXTE|PtoBR)]<img src="http://independantyonne.free.fr/squelettes/img/puce_bleue.png" width="13" height="13" style="vertical-align: middle;" /></p> </div>
Indiquez l’intérêt que vous portez à cette réponse

0

esflorinda

Avril 2018

voilà le lien :

http://independantyonne.free.fr/?des-collegiens-dans&debut_memerub=%40126
Indiquez l’intérêt que vous portez à cette réponse

0

esflorinda

Avril 2018

tcharlss oui c’est possible que j’ai modifié le code après... ^^
Indiquez l’intérêt que vous portez à cette réponse

0

esflorinda

Avril 2018

Bon je sais pas s’il y a une manière de poster un lien. Depuis hier on me le refuse, c’est lourd...
page concernée :
/ ?budget-2018-du
Indiquez l’intérêt que vous portez à cette réponse

0

tcharlss

Avril 2018

Hop, ton message était effectivement modéré, il est publié.

Donc d’après la doc de mozilla :

Le pseudo-élément ::first-letter sélectionne la première lettre de la première ligne d’un bloc, si elle n’est pas précédée par un quelconque autre contenu (comme une image ou un tableau en ligne) sur sa ligne.

Et effectivement, ton texte est précédé par un <br class="autobr">.
Retire le saut de ligne manuel, et la lettrine fonctionnera.
Indiquez l’intérêt que vous portez à cette réponse

0

esflorinda

Avril 2018

alors oui effectivement, spip l’ajoute tout seul !! J’ai cherché et pour revenir à l’ancien fonctionnement et supprimer les retours chariot, il faut ajouter cette ligne dans le fichier mes_options.php :
define('_AUTOBR', '');
là effectivement ça fonctionne.. merci beaucoup pour ton aide !!