Barre de recherche

AGGRF Messages postés 6 Statut Membre -  
AGGRF Messages postés 6 Statut Membre -
Salut, j’aimerai bien crée une barre de recherche qui ressemble à l'image si dessous.

Mercie de me répondre.

1 réponse

Réponse 1 / 1
jordane45 Messages postés 40050 Date d'inscription   Statut Modérateur Dernière intervention   4 759
 
Bonjour,

Voila... je réponds ...... et maintenant ?

Plus sérieusement.... ta barre de recherche... tu veux la mettre où ?
Dans quel langage ?
Elle doit faire quoi exactement ? (rechercher dans quoi .. une bdd ? si oui.. laquelle ? )

Et puis.. qu'as tu commencé à faire ?
Sur quel point bloques tu exactement ?

Sans toutes ces réponses... impossible pour nous de te répondre.

0
AGGRF Messages postés 6 Statut Membre
 
Je veut crée cette barre de recherche pour une page d’accueil hors connexion.
Je veut là réaliser en HTML et en CSS.
Elle me sert pour rechercher sur qwant et je bloque sur l'insertion d'un bouton de recherche et du bouton pour effacer la recherche.
0
jordane45 Messages postés 40050 Date d'inscription   Statut Modérateur Dernière intervention   4 759 > AGGRF Messages postés 6 Statut Membre
 
Sans voir ton code html/css actuel... impossible de t'aider.
0
AGGRF Messages postés 6 Statut Membre
 
Code Html: 
<div class="recherche_p">
			<form action="https://www.qwant.com" id="searchthis" method="get">
				<input id="search" name="q" type="text" placeholder="Que recherchez-vous?" />
				<br>
				<input id="search-btn" type="submit" value="RECHERCHERâ–º" />
			</form>
		</div>

Code Css: 
.recherche_p {border-style: solid; border-width: 3px; border-color: #dddddd; background-color:#00BFFF; padding: 10px 10px 10px 10px; width: 75%; transition: 1s;}
#searchthis #search {height:30px; background-color: #ffffff; color: #000000; border-style: solid; border-width: 2px; border-color: #dddddd; padding: 5px 10px 5px 10px; width: 65%; box-sizing: border-box; font-family: Lato; font-size: 12px; font-weight: auto; letter-spacing: 1px; transition: 1s;text-align:center; }
#searchthis #search:focus {width: 90%; transition: 1s; }
#searchthis #search-btn {background-color: #012088; border-style: solid; border-width: 2px; border-color: #012088; padding: 5px 10px 5px 10px; width: 35%; box-sizing: border-box; font-family: PT sans; font-size: 13px; font-weight: normal; letter-spacing: 2px; margin: 10px 0 0 0; text-transform: uppercase; color: #FFFFFF; transition: 0.5s; }
#searchthis #search-btn:hover {background-color: #ffffff; color: #012088; cursor: pointer; transition: 0.5s; width: 45%; }
#searchthis #search-btn:active {background-color: #ffffff; color: #012088; cursor: pointer; transition: 0.5s; width: 45%; }
0

Discussions similaires

O barré horizontalement
JCB40 -
JCB40 -

3 réponses
Recherche de pairs sur utorrent bloqué
flo.h -
Claire -

4 réponses
Barre verticale droite sur clavier
k_lou -
Leuide -

41 réponses
Comment faire le signe = barré?
rma71 -
gillette83 -

5 réponses
recherche à partir de la barre d'adresse
Sylviane -
Lulin -

11 réponses