Modifier police d'un texte sur une page tumblr
Beca
-
dan-b Messages postés 79 Date d'inscription Statut Membre Dernière intervention -
dan-b Messages postés 79 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
je suis en train de personnaliser un tumblr et je rencontre un problème : je n'arrive pas à modifier la police dans le code html d'une page.
Je m'explique : sur tumblr on peut modifier le code html du thème que l'on a installé (et de fait la police, la couleur du thème etc) et on peut également ajouter à son tumblr des pages, qui s'apparentent en fait à des rubriques du tumblr. Un peu comme sur un site un lien "Nous contacter", "FAQ" ou encore "A propos". Or la page que je viens d'éditer est très laide, j'entends par là que quand on clique sur le lien le texte est très mal mis en page avec beaucoup de sauts de textes très moches, je voudrais pour cela changer la mise en page ou la police dans le code html de la page. Seulement je me trouve avec ceci :
<p><strong>Duo sur place(s)</strong></p>
<p><img src="https://31.media.tumblr.com/99c393f447c328a0f914b0754889d483/tumblr_inline_n8lrlxgj4P1sivxc4.jpg" /></p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;">Adaptation libre de la pièce <em>Temporairement Epuisé</em> d’Hubert Colas</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;">Avec Lila Berthier : Lucie</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;">Et Eugenia Atienza : Juliette</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;">Mise en Scène Anne Cornu et Vincent Rouche</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;"><em>Avec le soutien de :</em>La Ville de Champigny s/m, Le CRAC de Cherbourg</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;"><em>Festival Les Petites Formes se font une scène les 28 et 29 janvier 2005 Mail du Rotin à Champigny-sur-Marne dans le cadre du</em></p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px; box-sizing: border-box;"><em>Festival Femmes dans la Ville au Centre Régional des Arts du Cirque ( Cherbourg) mars 2005</em></p>
<p><strong>Le Goût des Ruines </strong><strong style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box;">ou l’art d’accommoder les restes</strong></p>
<p><img src="https://31.media.tumblr.com/156dfde73ce53347714b7ca3443fe83d/tumblr_inline_n8lrncZP301sivxc4.jpg" /></p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;"><em>Création, mise en scène et jeu</em> : Eugenia Atienza</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;"><em><em>Collaboration artistique <strong style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box;">: </strong></em>Karine Betou</em></p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;"><em><em>Montage, création vidéo</em> : </em>Jean-Marc Bourillon, Olivier Chauvin, Jean-Jacques Nyssen</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;"><em>Création musicale</em> : Philippe Bresson</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;"><em>Travail chorégraphique</em>: Alexandre Castres, Shush Tenin et Lilou Robert</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 10px; box-sizing: border-box;"><em>Scénographie</em> : Katia Hubert </p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;"><em>Lumière</em> : Corentin Schricke</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;"><em>Avec le soutien de :</em></p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;">L’espace Périphérique (Mairie de Paris- la Villette)</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;">Le Centre Jean Vilar (Champigny sur Marne)</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;">La Ferme du Buisson (Scène Nationale de Marne la Vallée)</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;">Arcadi dans le cadre de Plateaux solidaires</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;">Espace Confluences (Paris 11)</p>
<p><strong>Le Cri</strong></p>
<p><strong><img src="https://31.media.tumblr.com/37fb52995c30d36c5d1b6dcf2df4491e/tumblr_inline_n8lrqffSSm1sivxc4.jpg" /></strong></p>
J'ai pu lire sur certains sites pour débuter à la programmation que les balises pour modifier la police sont des trucs du genre <font-size> etc... Seulement voilà, il n 'y a absolument aucune balise de ce type ici.
Quelqu'un peut m'aider ?
je suis en train de personnaliser un tumblr et je rencontre un problème : je n'arrive pas à modifier la police dans le code html d'une page.
Je m'explique : sur tumblr on peut modifier le code html du thème que l'on a installé (et de fait la police, la couleur du thème etc) et on peut également ajouter à son tumblr des pages, qui s'apparentent en fait à des rubriques du tumblr. Un peu comme sur un site un lien "Nous contacter", "FAQ" ou encore "A propos". Or la page que je viens d'éditer est très laide, j'entends par là que quand on clique sur le lien le texte est très mal mis en page avec beaucoup de sauts de textes très moches, je voudrais pour cela changer la mise en page ou la police dans le code html de la page. Seulement je me trouve avec ceci :
<p><strong>Duo sur place(s)</strong></p>
<p><img src="https://31.media.tumblr.com/99c393f447c328a0f914b0754889d483/tumblr_inline_n8lrlxgj4P1sivxc4.jpg" /></p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;">Adaptation libre de la pièce <em>Temporairement Epuisé</em> d’Hubert Colas</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;">Avec Lila Berthier : Lucie</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;">Et Eugenia Atienza : Juliette</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;">Mise en Scène Anne Cornu et Vincent Rouche</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;"><em>Avec le soutien de :</em>La Ville de Champigny s/m, Le CRAC de Cherbourg</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;"><em>Festival Les Petites Formes se font une scène les 28 et 29 janvier 2005 Mail du Rotin à Champigny-sur-Marne dans le cadre du</em></p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px; box-sizing: border-box;"><em>Festival Femmes dans la Ville au Centre Régional des Arts du Cirque ( Cherbourg) mars 2005</em></p>
<p><strong>Le Goût des Ruines </strong><strong style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box;">ou l’art d’accommoder les restes</strong></p>
<p><img src="https://31.media.tumblr.com/156dfde73ce53347714b7ca3443fe83d/tumblr_inline_n8lrncZP301sivxc4.jpg" /></p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;"><em>Création, mise en scène et jeu</em> : Eugenia Atienza</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;"><em><em>Collaboration artistique <strong style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box;">: </strong></em>Karine Betou</em></p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;"><em><em>Montage, création vidéo</em> : </em>Jean-Marc Bourillon, Olivier Chauvin, Jean-Jacques Nyssen</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;"><em>Création musicale</em> : Philippe Bresson</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;"><em>Travail chorégraphique</em>: Alexandre Castres, Shush Tenin et Lilou Robert</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 10px; box-sizing: border-box;"><em>Scénographie</em> : Katia Hubert </p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;"><em>Lumière</em> : Corentin Schricke</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;"><em>Avec le soutien de :</em></p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;">L’espace Périphérique (Mairie de Paris- la Villette)</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;">Le Centre Jean Vilar (Champigny sur Marne)</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;">La Ferme du Buisson (Scène Nationale de Marne la Vallée)</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;">Arcadi dans le cadre de Plateaux solidaires</p>
<p style="outline: none 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px 0px 8px; box-sizing: border-box;">Espace Confluences (Paris 11)</p>
<p><strong>Le Cri</strong></p>
<p><strong><img src="https://31.media.tumblr.com/37fb52995c30d36c5d1b6dcf2df4491e/tumblr_inline_n8lrqffSSm1sivxc4.jpg" /></strong></p>
J'ai pu lire sur certains sites pour débuter à la programmation que les balises pour modifier la police sont des trucs du genre <font-size> etc... Seulement voilà, il n 'y a absolument aucune balise de ce type ici.
Quelqu'un peut m'aider ?
A voir également:
- Modifier police d'un texte sur une page tumblr
- Comment supprimer une page sur word - Guide
- Modifier dns - Guide
- Modifier liste déroulante excel - Guide
- Comment modifier une story sur facebook - Guide
- Modifier police facebook - Guide
1 réponse
Bonjour,
je ne sais pas comment vous avez obtenu ce genre de code, peut-être du copier-coller, tumblr génère normalement du html propre
Le mieux est de tout refaire la page. Nettoyer le texte en le copiant-collant dans le bloc-notes puis le coller dans l'éditeur.
font-size n'est pas une balise mais une propriété css css.
Le code HTML est séparé du code CSS.
Exemple avec un div qui entoure le texte de la page :
On peut coller tout ça dans le code de la page, mais le mieux est de placer la partie css dans le code du thème entre <head> </head>
Enfin si ça vous intéresse, lire ce tutoriel par exemple http://css.mammouthland.net/principe-des-css.php
je ne sais pas comment vous avez obtenu ce genre de code, peut-être du copier-coller, tumblr génère normalement du html propre
Le mieux est de tout refaire la page. Nettoyer le texte en le copiant-collant dans le bloc-notes puis le coller dans l'éditeur.
font-size n'est pas une balise mais une propriété css css.
Le code HTML est séparé du code CSS.
Exemple avec un div qui entoure le texte de la page :
<!--HTML-->
<div class = "page">
<p>Texte</p>
<p>Texte</p>
<p>Texte</p>
</div>
<!--CSS-->
<style>
.page{font-size:115%;color:blue;}
</style>
On peut coller tout ça dans le code de la page, mais le mieux est de placer la partie css dans le code du thème entre <head> </head>
Enfin si ça vous intéresse, lire ce tutoriel par exemple http://css.mammouthland.net/principe-des-css.php