Jump to content

Edit History

JackOne

JackOne

Bonjour,

 

Mon problème de barre de recherche est maintenant résolue.

Pour ceux qui sont intéressés pour intégrer cette barre de recherche,


 

 /*L'élément avec l'id="search-bar" aura la classe .search-primlanddrive
   Version 1.0 necessitant encore des améliorations notamment
   des améliorations de compatibilité de lecture sur les supports mobiles */

#search-bar{
    padding: 20px 0;
    position: relative;
    z-index: 1;
    height: 6px;
    width: 600px;
}

/*L'élément avec la class="search-primlanddrive" aura le style ci-dessous */

.search-primlanddrive{
    padding: 20px 0;
    position: relative;
    z-index: 1;
    height: 6px;
    width: 600px;
}

 

N'oubliez pas de changer la valeur id et class dans votre module ps_searchbar

 

Cette barre de recherche n'est pas responsive mobile car j'ai pas encore eu le temps de me pencher dessus,

mais heureusement qu'il y a pleins de tutoriels sur internet pour adapter cette barre aux mobiles devices :

 

https://www.w3schools.com/howto/howto_css_searchbar.asp

https://www.codingnepalweb.com/responsive-navbar-with-search-box/

 

 

Pour ceux que ça intéresse laissez moi un message je vous enverrai la mise à jour avec le responsive (quand j'aurai du temps).

 

 

Bien à vous.

 

 

 

014156841545.PNG

JackOne

JackOne

Bonjour,

 

Mon problème de barre de recherche est maintenant résolue.

Pour ceux qui sont intéressés pour intégrer cette barre de recherche,


 

 /*L'élément avec l'id="search-bar" aura la classe .search-primlanddrive
   Version 1.0 necessitant encore des améliorations notamment
   des améliorations de compatibilité de lecture sur les supports mobiles */

#search-bar{
    padding: 20px 0;
    position: relative;
    z-index: 1;
    height: 6px;
    width: 600px;
}

/*L'élément avec la class="search-primlanddrive" aura le style ci-dessous */

.search-primlanddrive{
    padding: 20px 0;
    position: relative;
    z-index: 1;
    height: 6px;
    width: 600px;
}

 

N'oubliez pas de changer la valeur id et class dans votre module ps_searchbar

 

Cette barre de recherche n'est pas responsive mobile car j'ai pas encore eu le temps de me pencher dessus,

mais heureusement qu'il y a pleins de tutoriels sur internet pour adapter cette barre aux mobiles devices :

 

https://www.w3schools.com/howto/howto_css_searchbar.asp

https://www.codingnepalweb.com/responsive-navbar-with-search-box/

 

 

Pour ceux que ça intéresse laissez moi un message je vous enverrai la mise à jour,

 

 

Bien à vous,

 

 

 

014156841545.PNG

×
×
  • Create New...