Re : Ajout megamenu dans nav-menu
Alain T
Alain T

Re : Ajout megamenu dans nav-menu

Alain T 278
13/07 10:26
#31
Alain T 278
13/07 10:26
ok ok !
Bon, déjà, le code que je t'ai donné ne fait pas apparaître la barre de recherche si la largeur du média est inférieure à 576 px (sm)

Ceci à cause de cet élément :
d-none d-sm-block

Tu peux l'enlever ou l'ajuster en regardant ce lien : https://getbootstrap.com/docs/4.5/util ... /display/#hiding-elements

Maintenant pour ce que tu souhaites, soit tu passes beaucoup de temps dessus jusqu'à trouver, et je te le souhaite, bien évidemment, soit tu revois un peu tes ambitions à la baisse et continues à avancer !
Re : Ajout megamenu dans nav-menu
Pascal Coulougnon
Pascal Coulougnon

Re : Ajout megamenu dans nav-menu

Pascal Coulougnon 205
13/07 11:01
#32
Pascal Coulougnon 205
13/07 11:01
Ok, je vais donc tâcher d'avancer sur le reste et je reprendrais cette histoire de recherche un peu plus tard du coup.

Merci pour ton aide Alain
Re : Ajout megamenu dans nav-menu
Nicolas
Nicolas

Re : Ajout megamenu dans nav-menu

Nicolas 59
13/07 11:04
#33
Nicolas 59
13/07 11:04
Salut,

Pour lancer la recherche, il te faut un formulaire autour de ton champ input
Exemple :
<form class="" role="search" action="search.php" method="get">
<
input type="text" name="query" placeholder="Chercher">
</
form>


Et ca devrait lancer la recherche normalement
Nicolas (ForMuss)
Re : Ajout megamenu dans nav-menu
Alain T
Alain T

Re : Ajout megamenu dans nav-menu

Alain T 278
13/07 11:22
#34
Alain T 278
13/07 11:22
Note :
- Création d'un forum "Css et autres" dans la catégorie "Thèmes".
- Déplacement de ce sujet dans ce nouveau forum !
Re : Ajout megamenu dans nav-menu
Pascal Coulougnon
Pascal Coulougnon

Re : Ajout megamenu dans nav-menu

Pascal Coulougnon 205
13/07 11:44
#35
Pascal Coulougnon 205
13/07 11:44
Merci Nicolas, je vais chercher en ce sens

Je vous tiendrais informé lorsque j'arrive a quelque chose... si tant est que j'y parvienne.

Citation :

Nicolas a écrit :
Salut,

Pour lancer la recherche, il te faut un formulaire autour de ton champ input
Exemple :
<form class="" role="search" action="search.php" method="get">
<
input type="text" name="query" placeholder="Chercher">
</
form>


Et ca devrait lancer la recherche normalement
Re : Ajout megamenu dans nav-menu
Pascal Coulougnon
Pascal Coulougnon

Re : Ajout megamenu dans nav-menu

Pascal Coulougnon 205
13/07 20:16
#36
Pascal Coulougnon 205
13/07 20:16
Bon, super ça fonctionne, merci encore

Le seul petit truc qui traine encore est que la case de saisie de texte de la recherche se décale sous la barre de menu pour une raison qui m'échappe toujours, mais la solution est là.

Je vais creuser pour voir d'où peut venir ce problème.
Re : Ajout megamenu dans nav-menu
Alain T
Alain T

Re : Ajout megamenu dans nav-menu

Alain T 278
13/07 23:27
#37
Alain T 278
13/07 23:27
Ok c'est bien, ça avance !
Quand tu auras trouvé la solution complète, merci d'afficher le code,
cela pourra servir pour ceux qui voudraient acheter ce script de menu !
Re : Ajout megamenu dans nav-menu
Nicolas
Nicolas

Re : Ajout megamenu dans nav-menu

Nicolas 59
13/07 23:30
#38
Nicolas 59
13/07 23:30
Salut,

Tu dois aussi ajouter un input supplémentaire pour afficher les resultats
<input type="hidden" name="action" value="results">


Pour remettre ton champs dans le menu, il faut ajouter du CSS directement sur l'input de recherche
<input type="text" name="query" placeholder="Chercher" style="top: 0px;padding-left: 24px;">


En mode edition, cela fonctionne de mon coté.
A bientôt
Nicolas (ForMuss)
Re : Ajout megamenu dans nav-menu
Nicolas
Nicolas

Re : Ajout megamenu dans nav-menu

Nicolas 59
13/07 23:32
#39
Nicolas 59
13/07 23:32
Perso, je ferai un champ un peu plus grand en largeur pour mieux voir la recherche.
Il faudrais aussi faire un focus sur le champs input pour éviter de cliquer dans le champs, mais tu es pas loin
Nicolas (ForMuss)
Re : Ajout megamenu dans nav-menu
Pascal Coulougnon
Pascal Coulougnon

Re : Ajout megamenu dans nav-menu

Pascal Coulougnon 205
15/07 12:30
#40
Pascal Coulougnon 205
15/07 12:30
Merci Nicolas, Je n'ai pas eu besoin de l'input supplémentaire finalement, tout s'exécute parfaitement suivant ce code :

<li class="ruby-menu-right ruby-menu-social ruby-menu-search"><a href="#"><class="fa fa-search" aria-hidden="true"></i><span>
<
form class="" role="search" action="search.php" method="get"><input type="text" name="query" placeholder="Chercher" style="top: 0px; padding-left: 24px; width: 160;"></form></span>


Je ne parviens par contre pas a élargir ce champ, mon width ne semble pas pris en compte. cela me semble pourtant bien écrit non?