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

Du blog ring' au blogring

En consultant mes statistiques, j'ai trouvé une adresse étonnante, que je ne m'explique pas.

Si le présent blog était plus intéressant, peut-être aurait-il plus de succès. Une fois que je retire les visites imputables aux moteurs et robots, il ne reste pas grand monde. Et les lecteurs qui restent n'en sont que plus précieux. C'est bien grâce à eux, que je ne suis pas encore tout à fait convaincu que ce mini site internet est un blog ring'.

S'il m'arrive d'être misanthrope, devant la bêtise et la méchanceté de certains de mes contemporains, ce n'est pas un aspect de ma personnalité que je cultive. Au contraire, je crois bien aux projets collectifs, et un peu moins bien aux projets collectivistes. Les mises en relation de faces de boucs me laissent froid, mais la mise en commun de ses amis et de ses ressources au service d'un projet teinté de plus de solidarité que de compassion me réchauffent le cœur. Privilégier le sens de l'intérêt général à l'impasse de l'intérêt personnel me paraît hautement respectable, et cela ne peut se faire dans la solitude.

Cela ne me dit pas qui m'a passé l'anneau.

Vous en avez sans doute déjà rencontré vous mêmes, la toile regorge de ces "cercles" plus ou moins ouverts, dont les contours sont au rayon deux fois pis qu'irréguliers. Avant que n'apparaissent les blogs on appelait cela un webring. Il s'agissait de faciliter le passage des visiteurs d'un site à un autre qui relève du même thème, en insérant une quasi barre de navigation en bas de page le plus souvent. Ce fonctionnement peut être appliqué aux blogs, plutôt que de compter sur les échanges de liens inscrits "à la main" dans une rubrique "liens" quelconque.

Mais cette démarche est volontaire, on doit s'inscrire à un "anneau", dont les responsables peuvent restés fermés. Élargir le cercle de ses amis ne doit pouvoir se faire sans consentement mutuel.

Alors qui m'a dénoncé à blogring ?

Je ne fais de reproche à personne, d'autant qu'il sagit certainement d'une machine. Mais pourquoi donc me retrouvé-je là : http://fr.blogring.org/audacity. Il semble que cela fonctionne par mot clé, par tag, dont on fait des statistiques sommaires. Pour le reste je suis perplexe.

Alors si quelqu'un pouvait m'expliquer Blogring, je lui en serai reconnaissant.

15:18 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (2) | Tags : blog, ring, blogring | |  del.icio.us | | Digg! Digg |  Facebook

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

09.12.2008

Jouons des bâtons de police

N'essayez pas de m'entraîner à dire du mal de ces caractères qui détiennent le monopole de l'usage légitime de la force. Je pourrais dire ce que je pense des ordres donnés par notre actuel gouvernement, mais je me contenterai d'aborder ici les polices de caractères.

Les anglophones appellent encore cela des "fonts", alors que cela fait un moment que l'on n'utilise plus de fonte de plomb pour affirmer nos caractères. Et il faut avoir tâté du typographe, en restant polis si possible, pour comprendre que la minuscule est en bas de casse. Toujours est-il que l'on ne fait décidément pas ce que l'on veut avec la police, et moins encore sur Internet.

Il nous faut admettre qu'une page web est une suite d'instructions interprétées par un navigateur, qui fera avec ce qu'il trouvera sur le poste informatique utilisé. D'un ordinateur l'autre le résultat sera différent, parce que les ressources sont rarement identiques, à moins de savoir se contenter du plus petit dénominateur commun.
C'est pour cela que les polices proposées par les plateformes de blog vous paraissent désespérément pauvres. Disons le sans trop de condescendance, elles sont communes.

Lire la suite

11:06 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (0) | Tags : blog, html, css, police, caractères | |  del.icio.us | | Digg! Digg |  Facebook

05.12.2008

Comment aligner le texte autour d'un tableau

Le principe avait rapidement été abordé quand il s'était agit de lettrine. Il peut être utile d'enfermer un objet dans un tableau pour tourner autour.

Vous en faites l'expérience à chaque fois que vous insérez une image dans une note, mieux vaut ne pas se tromper de paramètre si l'on souhaite que le texte enveloppe l'image. Et quand vous insérez un lecteur, il n'y a pas moyen d'aligner le texte autour de l'objet, ce qui oblige le plus souvent à reléguer le lecteur en fin de note pour ne pas créer de grande coupure.

Puisqu'on peut aligner sur un tableau, encadrons les objets.

Le lecteur ci-contre été inséré dans un tableau aligné à gauche. Le texte lui-même aligné à gauche semble tourner autour, en limitant l'effet de coupure visuelle de l'insertion d'un objet. Et cela peut fonctionner avec n'importe quel type d'objet... Je m'avance peut-être un peu, mais vous ne perdez qu'un peu de temps à essayer.

Vous trouverez dans la brève Wysiwyg, un exemple de texte encadré, qui exige un alignement sur la droite.

podcast

Le texte de ce paragraphe-ci est aligné à gauche, comme le précédent, mais le lecteur de média se situe dans un tableau (dont le fond a été mis en couleur) qui s'aligne à droite. Alignement du texte en dehors du tableau, et alignement du tableau lui-même sont indépendant. Sans compter l'alignement du texte dans le tableau.

Voici le code du tableau à insérer.

Ce qui est en couleur n'est pas interprété, c'est du commentaire. Vous pouvez copier puis coller ce code dans l'une de vos notes, et vous obtiendrez un tableau aligné à gauche, avec une cellule contenant XX. Entre ces deux lettres, vous pourrez insérer un lecteur Deezer de petite taille. C'est à peu de chose près le code du cadre en haut de cette note.

<!-- -+-+-+-+- 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- -+-+-+-+- -->

22:35 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (0) | Tags : blog, html, tableau, lecteur | |  del.icio.us | | Digg! Digg |  Facebook