Barre de recherche

AGGRF Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
AGGRF Messages postés 4 Date d'inscription Statut Membre Dernière intervention - 21 mars 2019 à 16:14

Salut, j’aimerai bien crée une barre de recherche qui ressemble à l'image si dessous.

Mercie de me répondre.

Afficher la suite

A voir également:

Barre de recherche
Recherche automatique des chaînes ne fonctionne pas - Guide
Windows 11 barre des taches a gauche - Guide
Barre de défilement - Guide
Rechercher ou entrer l'adresse mm - recherche google - Guide
Barré whatsapp - Guide

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

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.

AGGRF Messages postés 4 Date d'inscription Statut Membre Dernière intervention

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.

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752 > AGGRF Messages postés 4 Date d'inscription Statut Membre Dernière intervention

Sans voir ton code html/css actuel... impossible de t'aider.

AGGRF Messages postés 4 Date d'inscription Statut Membre Dernière intervention

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%; }

Discussions similaires

Barre verticale droite sur clavier

Comment faire le signe = barré?

Recherche de pairs sur utorrent bloqué

O barré horizontalement

Alt + = un égal barré = différence !

Votre réponse

Discussions similaires