Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1121 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Barre de recherche wikipédia

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Barre de recherche wikipédia

n°2250316
javalex
Posté le 07-02-2015 à 15:20:55  profilanswer
 

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
mood
Publicité
Posté le 07-02-2015 à 15:20:55  profilanswer
 

n°2250319
CooKKarach​A
Posté le 07-02-2015 à 15:59:50  profilanswer
 

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
n°2250320
javalex
Posté le 07-02-2015 à 17:00:17  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Barre de recherche wikipédia

 

Sujets relatifs
Resultat formulaire barre admin wordpressIgnorer espaces dans une recherche VBA
WEB / Lecture code barreDébutant AS3 recherche une correction pour un premier script
taille de police dans une box de texte (moteur de recherche excel vba)[VBA-Excel] Copier-coller sélection à partir d'une recherche
Batch : Faire une boucle de recherche de répertoireRecherche quelqu'un pour programmation d'une application smartphone.
[VBA] Recherche de fichiers et opérations entre ces fichiersRecherche dans arborescence et exclure dossier
Plus de sujets relatifs à : Barre de recherche wikipédia


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR