Propriété Font-weight et Vertical-align

• La propriété de feuille de style css font-weight permet de spécifier la graisse de la fonte (mettre en gras).

font-weight:bold;
font-weight:800;

La propriété de feuille de style css font-weight peut prendre la valeur de :
- lighter, le texte est affiché en léger.
- normal, le texte est affiché en normal.
- bold, le texte est affiché en gras.
- bolder, le texte est affiché en très gras.
- 100 (lighter), 200, 300, 400 (normal), 500, 600, 700 (bold), 800, 900 (bolder).

• La propriété css vertical-align permet de gérer l'alignement vertical du texte.

identifiant{
  vertical-align:top;
}
identifiant{
  vertical-align:10%;
}

La propriété vertical-align css peut prendre la valeur de :
- numérique positive ou négative suivie de px ou % ou ex ou em. Le point de départ sera baseline pour les valeurs fixes et pour les pourcentages dépend deline-height.
- baseline, lignes de bases alignées, valeur par défaut.
- sub, ligne de base de l'enfant aligné un peu plus bas que la ligne de base de son parent.
- super, ligne de base de l'enfant aligné un peu plus bas que la partie la plus haute des caractères de son parent.
- text-top, alignement sur les parties les plus hautes.
- text-bottom, alignement sur les parties les plus basses.
- middle, alignement par le milieu vertical.
- top, le haut de l'enfant est aligné sur la partie la plus haute de la ligne.
- bottom, le bas de l'enfant est aligné sur la partie la plus basse de la ligne (sauf ie).
- inherit, hérite de la propriété de son parent (css 2)

Image de fond dans un message blogger

Poele Icook by Amway

Pour mettre une image de fond sur un message, le plus simple est de chargé l'image sur le message

Code de l'image : 

<a href="http://1.bp.blogspot.com/-bzlB7LCDZC0/Up-S70E_0EI/AAAAAAAABgI/55ZyQ6wGC1I/s1600/56.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-bzlB7LCDZC0/Up-S70E_0EI/AAAAAAAABgI/55ZyQ6wGC1I/s1600/56.jpg" height="320" width="320" /></a> <br />

 Puis écrire votre message entre le code ci-dessous en réglant la marge à votre image en jouant avec " margin"

 <div style="background: transparent; color: black; margin: 20px 0px 0px 40px; position: absolute;"> Poele Icook by Amway</div>

Crée un tableau Html

Pour crée un tableau, il faut commencer les balise <table><tr><td></td></tr></table>

titre 1	titre 2	titre 3	titre 4
Donnée 1.1	Donnée 2.1	Donnée 3.1	Donnée 4.1
Donnée 1.2	Donnée 2.2	Donnée 3.2	Donnée 4.2
Donnée 1.3	Donnée 2.3	Donnée 3.3	Donnée 4.3

le TH sert à définir des en-têtes de colonnes. Pas de mise en forme nécessaire à la base, car le texte y est automatiquement centré et en gras. Evidement, tu peux mettre un align=right si tu veux. Le TD sert à l'affichage de données auxquelles la mise en forme est plus que nature. Voilà donc la différence : TH = en-tête (H= Head) et TD = données (D=data)... en bien sur le T signifiant Table, mais vous l'aviez deviné...
Code html du tableau :
 <style type="text/css">.tableautable {border-collapse: collapse;}.tableauth{border: 1px solid black;padding:5px;}
</style><br /> <div style="margin-left: 80px;"> <table class="tableautable"> <tbody>
<tr>
<th class="tableauth">titre 1</th>
<th class="tableauth">titre 2</th>
<th class="tableauth">titre 3</th>
<th class="tableauth">titre 4</th>
</tr>
<tr>
<th class="tableauth">Donnée 1.1</th>
<th class="tableauth">Donnée 2.1</th>
<th class="tableauth">Donnée 3.1</th>
<th class="tableauth">Donnée 4.1</th>
</tr> <tr>
<th class="tableauth">Donnée 1.2</th>
<th class="tableauth">Donnée 2.2</th>
<th class="tableauth">Donnée 3.2</th>
<th class="tableauth">Donnée 4.2</th>
</tr> <tr>
<th class="tableauth">Donnée 1.3</th>
<th class="tableauth">Donnée 2.3</th>
<th class="tableauth">Donnée 3.3</th>
<th class="tableauth">Donnée 4.3</th>
</tr> </tbody></table> </div>

Supprimer le message "Inscription à : Messages (Atom)

Remarque : la méthode a été appliquée aux templates classiques modernisés à 2 ou 3 colonnes disponibles ici et qui peuvent donc être utilisés immédiatement.

1) Une première méthode pour supprimer ce lien consiste à ajouter le code qui suit dans un gadget HTML/Javascript (cela évite de modifier le "modèle" ou "template"):

<style type="text/css">.feed-links {display: none;}</style>

Pour savoir comment créer un gadget HTML/JavaScript : cliquer ici.

Remarque : d'autres instructions peuvent être ajoutées dans le même gadget entre <style type="text/css"> et </style>.