générateur aléatoire de messages

obtenir ces boutons

Générateur aléatoire de messages

Ajouter des citations sur un blog

Mise à jour du 9.5.2011.


On peut facilement ajouter, dans un gadget HTML/JavaScript d'un blog, un générateur aléatoire de messages.

À chaque ouverture de page, une phrase différente sera affichée à l'endroit choisi.

À GAUCHE DE CET ÉCRAN, LES TROIS CADRES À FOND ROUGE AFFICHENT ALÉATOIREMENT 2 ou 8 MESSAGES (sur lesquels on peut même cliquer). Cela permet des gains de place conséquents et d'utiliser des caractères plus grands.

On peut aussi se servir de cette méthode pour afficher des citations. A la fin de cette page figure aussi un générateur automatique de citations provenant d'un site spécialisé.

Le code nécessaire se trouve ci-dessous.

Il suffit de remplacer "message 1" ... par des phrases au choix.

On peut mettre autant de phrases que l'on veut. MAIS IL FAUT EN PLUS remplacer "5" dans la phrase var i = Math.floor(5*Math.random()) par le nombre de phrases encodées.
<div style="font-weight:bold;color:white;background: red; width: 288px; text-align: center; padding: 3px 6px; font-size: 18px;">
<script language="JavaScript">
<!--
var r_text = new Array ();
r_text[0] = "message 1";
r_text[1] = "message 2";
r_text[2] = "message 3";
r_text[3] = "message 4";
r_text[4] = "message 5";
var i = Math.floor(5*Math.random())
document.write(r_text[i]);
//-->
</script></div>
Pour que l'on puisse cliquer sur un message aléatoire et ouvrir une page dans une autre fenêtre, il suffit d'ajouter dans le code, avant le texte du message à afficher, une balise <a ... > qui donne la destination quand on clique sur ce message.

Exemple pour les textes figurant dans la colonne de gauche :

<a href='http://modifier-les-modeles-de-blogger.blogspot.com/2007/12/barre-de-liens-horizontale-deroulante.html' alt='menu horizontal déroulant' title='' target='_blank;'>

Ne pas oublier de refermer la balise en mettant </a> après le message qui doit s'afficher à l'écran.

* * * * *
Rappel : comment ajouter un gadget HTML/JavaScript sur un blog :

http://modifier-les-modeles-de-blogger.blogspot.com/2010/01/ajouter-un-gadget-un-blog.html

* * * * *
Pour ajouter une citation du jour générée par un site spécialisé, coller le code suivant dans un gadget HTML/JavaScript ou la version HTML d'un message :
<div style="border:1px solid #bbbbbb;font-weight:bold;background: red; width: 286px; text-align: center; padding: 3px 6px;font-size:22px;color:white; "><script language="JavaScript" src="http://zephoria.online.fr/citations/zephoriaCitation.php" /></script></div>
Cela donne :


On peut évidemment changer les couleurs ou ne pas mettre de cadre autour de la citation.

On peut aussi remplacer le "script" par le code suivant : <script language=javascript src="http://www.lapenseedujour.net/penseeweb.php?couleurtexte=000000&tailletexte=4"></script> (la taille "4" des lettres est modifiable).

Cela donne :


* * * * *
Pour ajouter une citation au hasard générée par un site spécialisé, coller le code suivant dans un gadget HTML/JavaScript ou la version HTML d'un message :
<div style="border:1px solid #bbbbbb;font-weight:bold;background: red; width: 286px; text-align: center; padding: 3px 6px;font-size:22px;color:white; "><script language="JavaScript" src="http://zephoria.online.fr/citations/zephoriaCitation.php?random" /></script></div>
Cela donne :

2 commentaires:

Angele3B a dit…

Merci beaucoup, cela va m'être tres utile !

Jacqueline RIZET CARON a dit…

Merci beaucoup !