Taille, couleur, police...

Publié le par Titia

Taille des caractères
Pour changer la taille des caractères, la commande est font-size:???px;.

Par exemple, pour changer la taille des caractères de tous les articles et des modules, il faut ajouter cet attribut dans la classe body, à la suite des attributs existants :
body    { margin:0px;font-family: Verdana, Helvetica, Arial, sans-serif; background-color:#FEEFF1; font-size:15px; }
Exemple : <div style="font-size: 15px;">Ici, c'est en taille 15px. </div>
Ici, c'est en taille 15px.
Couleur des caractères
Pour changer la couleur, la commande est color:code_couleur;.
Par exemple, si l'on veut changer la couleur des titres des articles, on ajoute cet attribut dans la classe liés aux titres. Ici, on les passe en rouge :
.titreArticle{text-decoration:none;color:#F00;}
Exemple : <div style="color:#FE7243;">Ici, c'est écrit orange </div>
Ici, c'est écrit orange.
Police de caractères
Pour changer la police, l'attribut est font-family:police;. Attention, si la police choisie n'est pas très répandue, il se peut que les internautes ne voient pas la même police que vous. Pensez donc à mettre une liste de polices : font-family:police1, police2, police3;. Ici, si l'internaute n'a pas la police1, on va essayer d'afficher la police2. Si elle n'est pas non plus installée sur le poste de l'internaute, alors, c'est la police3 qui s'affichera, etc.
On retrouve cet attribut dans la classe body, qui signifie donc que dans toute la page, on essaie d'afficher du Verdana. Si le Verdana n'est pas installé sur le poste de l'internaute, on affichera de l'Helvetica. A défaut, c'est l'Arial qui s'affichera :
body    { margin:0px; font-family: Verdana, Helvetica, Arial; font-size:x-small; background-color:#FEEFF1;}
Exemple : <div style="font-family: Comic Sans MS">Ici, c'est la police Comic Sans MS. </div>
Ici, c'est la police Comic Sans MS.
Ecrire italique, en gras, etc.
Et pour mettre en italique, je fais comment ? C'est l'attribut font-style:italic;.
Et en gras, ça donne quoi ? C'est comme ça : font-weight: bold;.
Et si je veux écrire en majuscules ? On ajoute font-variant: small-caps; à la liste des attributs.
Exemple : <div style="font-style: italic;font-weight:bold; font-variant:small-caps;">Ici, c'est en italique, en gras et en majuscules. </div>
Ici, c'est en italique, en gras et en majuscules.

Publié dans Aides diverses

Pour être informé des derniers articles, inscrivez vous :
Commenter cet article

Van Fée 17/01/2010 11:31


Coucou Titia,

Je suis désespérée, car je n'arrive à rien faire...
je voudrai agrandir le texte "inscription à la newsletter", je n'y arrive pas, mais aussi je voudrai mettre en noir et grossir les phrases "Notifications de publication d'articles"
et "Newsletters du blog "

J'ai mis ça, dans mon css,

#divNewsletter h2 {text-align:center; font-size:19px;}
.newsletter .box-content {color:#000000; text-align:center; }

Même en vidant mon cache, ça ne marche pas.
Pourrais-tu m'aider s'il te plaît ?


Titia, modo incognito 25/09/2010 19:43



Ah là là... j'arrive tard... J'ai pas reçu les mails de tous les commentaires depuis le début d'année :(


Désolée...



law dissertation 10/12/2009 14:35


Blogs are so informative where we get lots of information on any topic. Nice job keep it up!!
_________________

law dissertation


Titia, modo incognito 25/09/2010 19:42



I'll try  :)


Thanks !



piroshka 05/05/2008 00:56

Bon ,je me débat ,je suis très faible en informatique .J'ai été aidée par Camomille mais je n'arrive à rien pour les polices de caractère.J'écrit mon article en comic sans sm ,4 points ,je choisis la couleur et quand je publie il n'y a que le début de mon article qui est comme je veux . J'ai tout bien lu mais je n'ai pas compris ou il faut aller pour obtenir ce que l'on veut  . Merci de me répondre Piroshka

Titia 10/05/2008 14:38


Bien... Le plus efficace serait de déterminer ça directement dans le css, comme ça, tu n'aurais pas à y revenir. Mais si tu me dis que tu es faible en informatique, on va éviter... C'est pas très
compliqué, le css, mais j'ai peur que tu paniques ^^ !
Apparemment, c'est la photo qui "coupe" la mise en forme. Ce que je conseille, en général, c'est d'écrire tout le texte, de placer les photos... et APRES de choisir la couleur, la taille de
caractère... C'est le mieux. C'est souvent ce qui fonctionne le mieux. Sinon, là, dans ton cas, il faut sélectionner le texte qui n'a ni la bonne police ni la bonne couleur et rechoisir la police
et la couleur...


Béré 31/12/2007 10:08

Titia 06/01/2008 10:09

Merci beaucoup ! Bonne année 2008 !

zouzou :P 29/10/2007 10:03

coucou tOi :) Bei je suis tOmbée sur ton site par hasard et voila ton site gére mais euh j'arrive toujours pas à chAnger la taille de m0n écriture :$ enfin voila si tu pouvais m'aider lol Bisous (Kk'

Titia 29/10/2007 20:06

Bonjour1 - si tu pouvais écrire "normalement" quand tu poses une question ça serait un minimum de respect2 - euh... skyblog, je ne sais pas comment ça fonctionne, moi !!! Y'a pas un forum d'aide bénévole chez skyblog ???