Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

17.12.2008

Code à copier

Note récapitulative des portions de codes à copier et intégrer dans une note
Mise à jour de la note du 1er décembre 2008

Html | Tableaux | Lecteurs de musique et de vidéo

Et n'hésitez pas à me montrer ce que vous en avez fait, ou à me dire ce qui vous manque pour vous lancer.

Html

1986730260.jpg Ne manquez pas de caractère, et affichez des caractères spéciaux
Appliquer des couleurs et en comprendre les codes
Jetons l'ancre à point nommé avant d'insérer un lien
Insérer un commentaire dans le code Html pour s'y retrouver plus tard
Jouons des bâtons de police

<!-- -+-+- Modification de police pour "Avec sérif" -0- -+-+- -->
<span style="font-family:'Times New Roman',Times,serif;">*Police avec sérif*</span>
<!-- -+-+- Modification de police pour "Avec sérif" -1- -+-+- -->

Ce qui donnera :
*Police avec sérif*

<!-- -+-+- Modification de police pour "Sans sérif" -0- -+-+- -->
<span style="font-family:'Arial',Verdana,sans;">*Police bâton*</span>
<!-- -+-+- Modification de police pour "Sans sérif" -1- -+-+- -->

Ce qui donnera :
*Police bâton*

<!-- -+-+- Modification de police pour "Monospace" -0- -+-+- -->
<span style="font-family:'Courier New',courier,mono;">*Police largeur fixe*</span>
<!-- -+-+- Modification de police pour "Monospace" -1- -+-+- -->

Ce qui donnera :
*Police largeur fixe*

Tableaux

lettrine.jpg Une lettrine pour prendre le tableau à la lettre
encart.jpg <p>... et <i>much more user friendly</i>.</p>
<table style="height: 60px;"
align="right" border="0"
cellpadding="5">
<tbody>
<tr>
<td style="text-align: center;"
valign="middle"
bgcolor="#fdfcf6">
<b>Pour aller plus loin</b><br />
<a target="_blank" title="Sur Wikipedia"
href="http://fr.wikipedia.org/wiki/Wysiwyg">
Wysiwyg</a><br />
sur Wikipedia</td>
</tr>
</tbody>
</table>
<p>La plupart des logiciels actuels proposent les deux ... </p>
Comment aligner le texte autour d'un tableau

<!-- -+-+-+-+- Tableau pour insertion d'objet -0- -+-+-+-+- -->
<table style="width: 224px; height: 59px;"
<!-- width indique la largeur, height la hauteur du tableau. Ici l'unité est le pixel, il faut se référer aux dimensions de l'objet et ajouter 4px aux deux dimensions. Ici, ce sont les dimensions d'un lecteur Deezer de taille réduite. -->
align="left"
<!-- choisir entre "left" et "right" pour l'alignement du tableau -->
border="0" cellpadding="2">
<!-- la bordure est à zéro, il n'y en a donc pas. Cellpadding règle l'espace entre bord de cellule et bord de tableau avec un cellpadding à 2, il faut augmenter la taille du tableau de 2 pixels sur chaque bord, soit 4 sur la hauter, 4 sur la largeur -->
<tbody><tr><td style="text-align: center;" valign="middle">
<!-- ces critères de styles alignent sur le centre de la cellule horizontalement d'abord, puis verticalement -->
<!-- -+-+-+-+-+- Code de l'objet à insérer -0- -+-+-+-+-+- -->

XX
<!-- ces XX servent de repères, il faudra les effacer après avoir inséré le code du lecteur Deezer -->
<!-- -+-+-+-+-+- Code de l'objet à insérer -1- -+-+-+-+-+- -->
</td></tr></tbody></table>
<!-- -+-+-+-+- Tableau pour insertion d'objet -1- -+-+-+-+- -->

Lecteurs de musique et de vidéo

Personnaliser un lecteur Youtube
De la musique avec un lecteur Deezer personnalisé

12:55 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (0) | Tags : blog, html, code, copier | |  del.icio.us | | Digg! Digg |  Facebook

Les commentaires sont fermés.