Ajouter la voix à votre site web
Plugin pour WordPress
|
|
Modèle pour Blogger
Exemple: en utilisant un lien textuel
|
|
Exemple: en utilisant une image et un lien textuel
|
|
Joomla
Option 1. Plugin
Excellent plugin pour Joomla créé par Lee Everson.
Option 2. Modification du code dans components/com_content/content.html.php
Merci à José Gutiérrez Llacer (http://llacer.dyndns.org/) nous fournissons une modification du code dans la fonction show dans le fichier components/com_content/content.html.php.
ermettre à l'utilisateur de sélectionner le texte à entendre
<script type="text/javascript" src="http://vozme.com/get_text.js"></script>
[...]
onclick="get_selection('fr','ml');"
Exemple: en utilisant un bouton de texte
|
Copiez et collez ce code dans votre page:
<script type="text/javascript" src="http://vozme.com/get_text.js"></script> <button onclick="get_selection('fr','ml');"> Choisissez un texte et<br/>cliquez ici pour voix</button> |
Exemple: en utilisant un bouton de l'image et du texte
|
Copiez et collez ce code dans votre page:
<script type="text/javascript" src="http://vozme.com/get_text.js"></script> <button style="background:#eeeeee url(http://vozme.com/img/paper_sound32x32.gif) no-repeat left center; min-height: 35px; font-size:70%; padding:4px 4px 4px 35px;" onclick="get_selection('fr','ml');"> Choisissez un texte et<br/>cliquez ici pour voix</button> | |
|
Copiez et collez ce code dans votre page:
<script type="text/javascript" src="http://vozme.com/get_text.js"></script> <button style="background:white url(http://vozme.com/img/paper_sound32x32.gif) no-repeat left center; min-height: 35px; font-size:70%; padding:4px 4px 4px 35px;" onclick="get_selection('fr','ml');"> Choisissez un texte et<br/>cliquez ici pour voix</button> | |
|
Copiez et collez ce code dans votre page:
<script type="text/javascript" src="http://vozme.com/get_text.js"></script> <button style="background:#ddeeff url(http://vozme.com/img/paper_sound32x32.gif) no-repeat left center; min-height: 35px; font-size:70%; padding:4px 4px 4px 35px;" onclick="get_selection('fr','ml');"> Choisissez un texte et<br/>cliquez ici pour voix</button> |
L'utilisateur entend un texte par défaut
<script type="text/javascript" src="http://vozme.com/get_text.js"></script>
[...]
onclick="get_id('INSCRIVEZ_ICI_L_ID','fr','ml');"
Exemple: en utilisant un lien textuel
|
Vous qui prétendez que des bêtes poussent des sanglots de chagrin, que des malades désespèrent, que des morts rêvent mal, tâchez de raconter ma chute et mon sommeil.
|
Code:
<div id="infierno"> Vous qui prétendez que des bêtes poussent des sanglots de chagrin, que des malades désespèrent, que des morts rêvent mal, tâchez de raconter ma chute et mon sommeil.
</div> <script type="text/javascript" src="http://vozme.com/get_text.js"></script> <a href="javascript:void(0);" onclick="get_id('infierno','fr','ml');"> Entendre ce texte</a> |
Exemple: en utilisant une image et un lien textuel
|
Vous qui prétendez que des bêtes poussent des sanglots de chagrin, que des malades désespèrent, que des morts rêvent mal, tâchez de raconter ma chute et mon sommeil.
|
Code:
<div id="infierno1"> Vous qui prétendez que des bêtes poussent des sanglots de chagrin, que des malades désespèrent, que des morts rêvent mal, tâchez de raconter ma chute et mon sommeil.
</div> <script type="text/javascript" src="http://vozme.com/get_text.js"></script> <div><a href="javascript:void(0);" onclick="get_id('infierno1','fr','ml');"> <img src="http://vozme.com/img/megaphone40x40w.gif" border="0" style="margin-right:0.4em;" alt=""/></a> <a href="javascript:void(0);" onclick="get_id('infierno1','fr','ml');"> Entendre ce texte</a></div> |
|
Vous qui prétendez que des bêtes poussent des sanglots de chagrin, que des malades désespèrent, que des morts rêvent mal, tâchez de raconter ma chute et mon sommeil.
|
Code:
<div id="infierno1-1"> Vous qui prétendez que des bêtes poussent des sanglots de chagrin, que des malades désespèrent, que des morts rêvent mal, tâchez de raconter ma chute et mon sommeil.
</div> <script type="text/javascript" src="http://vozme.com/get_text.js"></script> <div><a href="javascript:void(0);" onclick="get_id('infierno1-1','fr','ml');"> <img src="http://vozme.com/img/paper_sound32x32.gif" border="0" style="margin-right:0.4em;" alt=""/></a> <a href="javascript:void(0);" style="font-size:12px;" onclick="get_id('infierno1-1','fr','ml');"> Entendre<br/>ce texte</a></div> |
Exemple: en utilisant un bouton de l'image et du texte
|
Vous qui prétendez que des bêtes poussent des sanglots de chagrin, que des malades désespèrent, que des morts rêvent mal, tâchez de raconter ma chute et mon sommeil.
|
Code:
<div id="infierno2"> Vous qui prétendez que des bêtes poussent des sanglots de chagrin, que des malades désespèrent, que des morts rêvent mal, tâchez de raconter ma chute et mon sommeil.
</div> <script type="text/javascript" src="http://vozme.com/get_text.js"></script> <button style="background-color:white; background-image: url(http://vozme.com/img/megaphone40x40w.gif); background-position: left center; background-repeat:no-repeat; height: 48px; font-size:70%; padding:4px 4px 4px 44px;" onclick="get_id('infierno2','fr','ml');"> Entendre ce texte</button> |
Gadget pour iGoogle
|
Configurez votre gadget et copiez et collez le code dans votre page.
|

Plus de langues
Masquer les langues


