Re : Ajout megamenu dans nav-menu [Design et CSS] - Mon XOOPS (https://www.monxoops.fr)

Register

Re : Ajout megamenu dans nav-menu

Alain T 608
2021/7/13 10:26

#31

Alain T 608
2021/7/13 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 C. 431
2021/7/13 11:01

#32

Pascal C. 431
2021/7/13 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 65
2021/7/13 11:04

#33

Nicolas 65
2021/7/13 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 608
2021/7/13 11:22

#34

Alain T 608
2021/7/13 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 C. 431
2021/7/13 11:44

#35

Pascal C. 431
2021/7/13 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.

Quote:

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 C. 431
2021/7/13 20:16

#36

Pascal C. 431
2021/7/13 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 608
2021/7/13 23:27

#37

Alain T 608
2021/7/13 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 65
2021/7/13 23:30

#38

Nicolas 65
2021/7/13 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 65
2021/7/13 23:32

#39

Nicolas 65
2021/7/13 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 C. 431
2021/7/15 12:30

#40

Pascal C. 431
2021/7/15 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="#"><i 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?

Re : Ajout megamenu dans nav-menu

Re : Ajout megamenu dans nav-menu

Re : Ajout megamenu dans nav-menu

Re : Ajout megamenu dans nav-menu

Re : Ajout megamenu dans nav-menu

Re : Ajout megamenu dans nav-menu

Re : Ajout megamenu dans nav-menu

Re : Ajout megamenu dans nav-menu

Re : Ajout megamenu dans nav-menu

Re : Ajout megamenu dans nav-menu

Re : Ajout megamenu dans nav-menu

Re : Ajout megamenu dans nav-menu

Re : Ajout megamenu dans nav-menu

Re : Ajout megamenu dans nav-menu

Re : Ajout megamenu dans nav-menu

Re : Ajout megamenu dans nav-menu

Re : Ajout megamenu dans nav-menu

Re : Ajout megamenu dans nav-menu

Re : Ajout megamenu dans nav-menu

Re : Ajout megamenu dans nav-menu

Recent forum posts

Recent Comments