TUTOSITE POUR E-MONSITE

ManimalworldContactAnnuaireLivre d'orForumAlbum photoLiensNouveautés

Insérer un moteur de recherche sur votre site

9) Personnalisez votre module partie 1

Comme vous pouvez le remarquer le module est fort simpliste avec tout de même certains inconvénients.

1er inconvénient : Quand vous effectuez une recherche vous quittez votre site ce qui n'est pas forcément ce que vous désirez. Afin de permettre la recherche sur une autre fenêtre vous pouvez transformer le code de cette façon :

Rajoutez target="blank" sur la ligne

form id="searchbox_007249346345518969452:code à remplacer" action="http://www.google.com/cse"target="blank"
<!-- Google CSE Search Box Begins --> <form id="searchbox_007249346345518969452:u_jvk0psd2y" action="http://www.google.com/cse"target="blank"> <input type="hidden" name="cx" value="007249346345518969452:u_jvk0psd2y" /> <input type="hidden" name="cof" value="FORID:0" /> <input name="q" value="Rechercher" type="text" size="17" /> <input type="submit" name="sa" value="Ok" /> </form> <!-- Google CSE Search Box Ends -->

2ème inconvénient : Le bouton ok ne vous parle pas forcément pour un moteur de recherche. Vous pouvez donc le changer de cette manière :

Remplacez le bouton OK par un autre mot de votre choix sur la ligne

input type="submit" name="sa" value="Ok"

<!-- Google CSE Search Box Begins --> <form id="searchbox_007249346345518969452:u_jvk0psd2y" action="http://www.google.com/cse"target="blank"> <input type="hidden" name="cx" value="007249346345518969452:u_jvk0psd2y" /> <input type="hidden" name="cof" value="FORID:0" /> <input name="q" value="Rechercher" type="text" size="17" /> <input type="submit" name="sa" value="rechercher" /> </form> <!-- Google CSE Search Box Ends -->

3ème inconvénient : La barre d'inscription de votre recherche est peut être trop petite. Vous pouvez donc en changer la largeur afin de l'étirer un peu plus.

Il vous suffit de remplacer le chiffre de la lign :(exemple de chiffre "45")

input name="q" value="Rechercher" type="text" size="45"
<!-- Google CSE Search Box Begins --> <form id="searchbox_007249346345518969452:u_jvk0psd2y" action="http://www.google.com/cse"target="blank"> <input type="hidden" name="cx" value="007249346345518969452:u_jvk0psd2y" /> <input type="hidden" name="cof" value="FORID:0" /> <input name="q" value="Rechercher" type="text" size="45" /> <input type="submit" name="sa" value="rechercher" /> </form> <!-- Google CSE Search Box Ends -->

Voici ce que donne les transformations que vous avez effectuées :

---

10) Personnalisez le module partie 2

Vous pouvez également personnaliser un peu plus le module en changeant par exemple les couleurs pour l'assortir à votre site.

1ère étape : Pour personnaliser la couleur de la barre d'écriture vous pouvez rajouter le code :

style="background-color:#code couleur"sur la ligne input name="q" value="Rechercher" type="text" size="45"style="background-color:#code couleur"/.

Ce qui vous donne ceci :

2ème étape ::

Vous pouvez également personnaliser le bouton "rechercher" en lui donnant une couleur.

Placez le même code que sur la première étape sur la ligne input type="submit" name="sa" value="rechercher"

Ce qui vous donnera ceci:

3ème étape :

Maintenant vous pouvez également lui donner un nom avec un lien vers le panneau de recherche que vous avez créé. Il vous suffit de placer le code lien au dessus ou en dessous de votre module comme ceci :

< a href="http://www.google.com/coop/cse?cx=007249346345518969452:zqwwgzsfxci"><span style="color: #800080;">Moteur de recherche thierrybetatest</span></a>

---

11)Faire un encadré sur votre module

Encore une option de plus que vous pouvez utiliser. Vous pouvez placer votre moteur de recherche dans un tableau afin qu'il soit encadré comme un module de recherche standard. Voici un exemple avec un tableau tout simple que vous pourrez modifier à votre guise :

<TABLE BORDER="1"> <TR> <TD><center><a href="http://www.google.com/coop/cse?cx=007249346345518969452:u_jvk0psd2y"target="blank">Moteur de recherche thierrybetatest</a></center> <center><!-- Google CSE Search Box Begins --> <form id="searchbox_007249346345518969452:u_jvk0psd2y" action="http://www.google.com/cse"target="blank"> <input type="hidden" name="cx" value="007249346345518969452:u_jvk0psd2y" /> <input type="hidden" name="cof" value="FORID:0" /> <input name="q" value="Rechercher" type="text" size="45"style="background-color:#d1ded5"/> <input type="submit" name="sa" value="rechercher" style="background-color:#d1ded5"/> </form> <!-- Google CSE Search Box Ends --></center> </TD> </TR> </TABLE>

Visuellement vous avez donc ceci :

Moteur de recherche thierrybetatest

4/10 sur 11 votes

Noter 1 - Très mauvais 2 3 4 5 - Moyen 6 7 8 9 10 - Chef d'œuvre !

Sélectionnez une note dans le menu déroulant.