samedi 4 mai 2013

Une "signature" à mettre où ça vous chante...

Une "signature" à apposer n'importe où, comme ça vous plaît...


D'abord, il faut la créer avec l'outil texte d'un logiciel graphique comme Photofiltre.
On la met dans une couche ou layer. Suffit seulement de tâtonner pour trouver le bon emplacement. Le code est ici dans le html de ce message mais vous pouvez le mettre dans un widget ou même directement dans le HTML du blog après  <body .... ou avant </body>. Notez qu'une règle d'écran comme Screen Ruler sous Linux peut se révéler un outil précieux.

Voici le code:

<div style="height: 0px; left: -240px; margin: auto; position: relative; top: -20px; visibility: visible; width: 0px; z-index: 1;">
<a href="http://blogtricker.blogspot.com/" target="_self"><img alt="" src="https://dl.dropboxusercontent.com/u/19586410/Blogs/signature.png" style="float: right; height: 29px; width: 106px;" title="webmaster" /></a></div>

Attention! Les valeurs utilisées pour la signature de ce message (en haut à droite) ne sont pas les mêmes que celles ci-dessus et non plus les mêmes que celles de la signature dans le titre.

Les valeurs de la première ligne concernent la position du div. La première URL est le lien de l'image. On peut la remplacer par l'URL d'un formulaire de contact par exemple. La deuxième est celle de l'image. Les valeurs en bas sont celles de l'image.

Title="webmaster", c'est ce qui apparaît (bulle) quand on survole l'image. Le positionnement peut être très différent selon l'endroit où vous collez le code.

Ma "signature" en action sur http://nbbc-met.blogspot.fr/ (en haut à gauche) et aussi sur ce blog dans la partie droite du titre (le code de celui-ci est placé après <body...). On peut aussi mettre le code dans le modèle de messages. Mais dans ce cas, il peut être plus intéressant de placer l'image classiquement.

Conseil: ne soyez pas tenté de scanner votre vraie signature et de l'offrir au monde entier!

Aucun commentaire:

Enregistrer un commentaire