Le principe est assez simple : il suffit de doucle-cliquer sur un mot pour voir sa définition en français apparaître dans une fenêtre.

Vous allez sur ALEXANDRIA

Vous copiez le pavé de la figure 1

<!-- ======================================================================================== -->
<!-- Alexandria IS DISTRIBUTED "AS IS". NO WARRANTY OF ANY KIND IS EXPRESSED OR IMPLIED.      -->
<!-- YOU USE AT YOUR OWN RISK. THE AUTHOR WILL NOT BE LIABLE FOR DATA LOSS, DAMAGES, LOSS OF  -->
<!-- PROFITS OR ANY OTHER KIND OF LOSS WHILE USING OR MISUSING THIS SOFTWARE.                 -->
<!-- ======================================================================================== -->

<!-- **************************************************************************************** -->
<!-- Alert Alexandria (optional)                                                              -->
<!-- Indicates that Alexandria is available on this page                                      -->
<!-- **************************************************************************************** -->
    <script type="text/javascript" language="JavaScript1.2" src="http://www.memodata.com/alexandria-memodata/alert/alert.fr.js"></script>

<!-- **************************************************************************************** -->
<!-- Alexandria's parameters for Webmasters                                                   -->
<!-- Download and place on your site the "alexandria.wm.js" to update your special terms.     -->
<!-- Customization is only possible for registered customers.                                 -->
<!-- **************************************************************************************** -->
    <script type="text/javascript" language="JavaScript1.2" src="http://www.memodata.com/alexandria/alexandria.wm.fr.js"></script>

<!-- **************************************************************************************** -->
<!-- Alexandria's engine                                                                      -->
<!-- Copy the lines below in each page you want Alexandria's functionalities to be available. -->
<!-- **************************************************************************************** -->
    <script type="text/javascript" language="JavaScript1.2" src="http://www.sensagent.com/alexandria/scripts/alexandria.main.js"></script>
    <link rel=StyleSheet href="http://www.sensagent.com/alexandria/css/alexandria.window.css" type="text/css">

<!-- ======================================================================================== -->       

      

Vous collez ce pavé en mode source : de préférence de l'entête, d'un module Texte Libre ou du pied de page si vous voulez que ce dictionnaire soit opérationnel sur tout votre blog.

Pensez à prévenir vos visiteurs qu'il faut double-cliquer sur les mots : il n'est pas certain qu'ils y pensent.

Vous pouvez tester ici.
publié dans : Tous Blogs - Interactivité et gadgets
ajouter un commentaire commentaires (6)   

Commentaires

Bon dimanche sous le soleil ! !
Je pars demain sur Louxor pour une nuit !

Serai de retour mardi soir mais dès mercredi je bosse ! !
Donc, à ...je ne sais quand ! !
J'ai des articles programmés pour un certain temps
mais je ne sais quand j'aurai le temps de passer sur les blogs !
Mille bisous du pays de Râ !
@nne marie

commentaire n° : 1 posté par : soleil51 (site web) le: 10/02/2008 10:54:38
Astuces encore interressante !! un dictionnaire super cool , j'ai une question à te posé sur le css, comment remonter mon bas de page ( réduire la marge ) entre article et bannière du bas ce doit être surement dans global ??

Bon dimanche gros bisous :)
commentaire n° : 2 posté par : Jean Michel (site web) le: 10/02/2008 14:33:21
Je passe voir
réponse de : Anna K (site web) le: 10/02/2008 17:13:19
Coucou Annak je viens de faire l'essais pour réduire l'espace dans mon blog test  apparement ça marche pas j'ai du faire une mauvaise manip

Dans fooder j'ai rajouter  la ligne

#footer   { clear:both;margin-top:15px  padding:0px; background: url() repeat-x scroll bottom left; color:#0033CC; border-bottom: 0px solid gray; }
#ln_2 {margin-top:0px;}
#footer p { margin:0px; padding: 10px;  }

dans global j'ai modifié :

#global  {padding: 0px; margin:0px auto; }
#ln_0 {margin-bottom:0px;margin-top:auto;}
#ln_1 {margin-left:-5px;:}
#cl_0_0  {margin:0 0 0px 0; padding:0px; width:100%;}
#cl_1_0  {margin:0 10 10 0; width:21%;}
#cl_1_1  {margin:0 0px 0 0px; padding:10px;width:75%;margin-left:7px;}
#cl_1_2  {margin:0; width:200px;}
#cl_2_0  {width:100%; margin:0px 0 0 0;}

C'est bien ça qu'il faut  faire  gros bisous :)

commentaire n° : 3 posté par : Jean Michel (site web) le: 10/02/2008 17:26:46
Je passe
réponse de : Anna K (site web) le: 10/02/2008 18:36:40
Recoucou Annak , excuse apparement ça à marcher je n'avais pas vider mon cache :) j'ai remarqué que sous IE la marge été plus réduite + 1 pour IE ( pour une fois )

Gros bisous bon dimanche soir :)
commentaire n° : 4 posté par : Jean Michel (site web) le: 10/02/2008 17:58:56
C'est tjrs le mm pb avec IE et FF, on arrive jamais a avoir les mm dimensions :(
réponse de : Anna K (site web) le: 10/02/2008 18:37:23
Merci !! t'est vraiment une championne CSS  gentille AnnaK  !!
commentaire n° : 5 posté par : Jean Michel (site web) le: 10/02/2008 19:56:12
bonjour annak, pense -tu que avec mes problème de langue (italien-français) je devrais mettre ce dictionnaire?
Souvents c'est les verbes qui me posent problèmes..
merci!
bisous
commentaire n° : 6 posté par : lory (site web) le: 13/07/2008 09:44:36
Bonjour Lory :)
Le dictionnaire prend bcp de ressources, je pense qu'il est utile pour un site très spécialisé avec un vocabulaire très pointu.
réponse de : Anna K (site web) le: 14/07/2008 11:35:12

Articles les plus populaires

Publicité

Recherche Rapide Sur le Site

Sommaires

top

Dernières Astuces

liste complète
Contact - C.G.U. - Rémunération en droits d'auteur avec TF1 Network - Signaler un abus