Barre de recherche wikipédia

Barre de recherche wikipédia - HTML/CSS - Programmation

Marsh Posté le 07-02-2015 à 15:20:55    

Bonjour, ayant appris l'HTML + CSS en cours d'informatique et science du numérique ( spécialité de bac S ) je me suis lancé dans la réalisation d'une page d'accueil personnelle.
Je désire insérer une barre de recherche wikipédia à ma page d'accueil.
J'ai trouvé ce code sur internet:
 
<form style="background-color:transparent;margin-left:50px;" action="http://www.wikipedia.org/search-redirect.php" method="get" target="_blank"   > <div style="-webkit-box-sizing: border-box; background-color: transparent; background-origin: padding-box; border-spacing: 0px 0px; box-sizing: border-box; clear: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 19px; list-style-image: none; list-style-position: outside; list-style-type: disc; text-indent: 0px; vertical-align: baseline; visibility: visible;                       height: auto; background: transparent; position: static; top: auto; right: auto; left: auto; bottom: auto; margin-left: 20px;" ezoic='wrapper' > <span     style="background-color:transparent;">Recherche Wikipedia: </span>  <input type="http://forum-images.hardware.fr/icones/message/c.gifhidden" name="language" value="en"    style="background-color:transparent;max-width:100%;margin:0px 0px 0px 0px;">  <input type="text" name="search"     style="background-color:transparent;font-size:14px;line-height:20px;width:100%;height:36px;pwidth:1;min-width:px;min_scale_height:36;max-width:100%;-moz-box-sizing:border-box;margin:0px 0px 10px 0px;padding:6px 12px 6px 12px;">  <input type="submit" name="go" value=" Go! "    style="background-color:rgb(255, 255, 255);color:rgb(51, 51, 51);font-size:14px;line-height:20px;max-width:100%;margin:0px 0px 0px 0px;padding:6px 12px 6px 12px;"> </form></div><p    style="background-color:transparent;margin:0px 0px 18px 0px;">
 
Déjà je ne sais pas où je pourrais faire des sauts de ligne afin de le rendre plus lisible ( désolé pour le pavé )
Ensuite je désirerais pouvoir me rediriger vers la version francaise de wikipedia. J'ai essayé de changer les liens mais cela m'a marqué "404 Not found"
Et j'ai aussi un problème au niveau de l'affichage voila ce que cela me donne sur ma page où je fais des test (pas ma page d'accueil qui est déjà bien avancé)
http://hpics.li/48c714f
Cela ne se voit peut être pas mais l'espace utilisé pour écrire prend toute la longueur de ma page. Mais peut être que ce problème sera résolu quand j’insérerai le code dans un rectangle de ma page d'accueil
 
Et voilà ma page d'accueil : elle est basée sur le menu de windows 8. Je vais insérer la barre de recherche dans un emplacement que j'aurais au préalable agrandis ( comme les rectangles sur le menu win8 )
http://hpics.li/11e5fcd
 
Voila si quelqu'un pouvais m'aider cela serait très gentil ce n'est pas urgent.
Merci beaucoup  :hello:


Message édité par javalex le 07-02-2015 à 15:25:03
Reply

Marsh Posté le 07-02-2015 à 15:20:55   

Reply

Marsh Posté le 07-02-2015 à 15:59:50    

tu as mis quel adresse web ?
 
http://fr.wikipedia.org/wiki/Special:Search?search=
 
celle la ne marche pas ?
 
car quand je copie colle "http://www.wikipedia.org/search-redirect.php" j ai aussi un 404
 
je suis novice j essaye juste de comprendre en aidant…
 
C'es plus joli comme ça
 

Code :
  1. <form style="background-color:transparent;margin-left:50px;" action="http://www.wikipedia.org/search-redirect.php" method="get" target="_blank"   >
  2. <div style=
  3. "-webkit-box-sizing: border-box; background-color: transparent; background-origin: padding-box; border-spacing: 0px 0px; box-sizing: border-box; clear: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 19px; list-style-image: none; list-style-position: outside; list-style-type: disc; text-indent: 0px; vertical-align: baseline; visibility: visible; 
  4.                      height: auto;
  5. background: transparent;
  6. position: static;
  7. top: auto;
  8. right: auto;
  9. left: auto;
  10. bottom: auto;
  11. margin-left: 20px;"
  12. ezoic='wrapper' >
  13. <span     style="background-color:transparent;">Recherche Wikipedia: </span>
  14. <input type="http://forum-images.hardware.fr/icones/message/c.gifhidden" name="language" value="en" 
  15. style=
  16. "background-color:transparent;
  17. max-width:100%;
  18. margin:0px 0px 0px 0px;"> 
  19. <input type="text" name="search"   
  20. style="background-color:transparent;
  21. font-size:14px;
  22. line-height:20px;
  23. width:100%;
  24. height:36px;pwidth:1;
  25. min-width:px;
  26. min_scale_height:36;
  27. max-width:100%;
  28. -moz-box-sizing:border-box;margin:0px 0px 10px 0px;padding:6px 12px 6px 12px;">
  29. <input type="submit" name="go" value=" Go! "   
  30. style="background-color:rgb(255, 255, 255);
  31. color:rgb(51, 51, 51);
  32. font-size:14px;
  33. line-height:20px;
  34. max-width:100%;
  35. margin:0px 0px 0px 0px;
  36. padding:6px 12px 6px 12px;">
  37. </form>
  38. </div>
  39. <p    style="background-color:transparent;margin:0px 0px 18px 0px;">


 


Message édité par CooKKarachA le 07-02-2015 à 16:10:52
Reply

Marsh Posté le 07-02-2015 à 17:00:17    

Merci pour l'adrese c'est bien ça !
J'essayerais d'intégrer la barre un peu plus tard.
Merci en tout cas et à bientot

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed