[RÉGLÉ] Stylisé mod-search ou autre?

[Mitch7321]

Bonjour , Je cherche désespérément une barre de recherche ainsi qu' un bouton de recherche style OK modulable... j aimerai que la barre de recherche soit beaucoup plus large et haute que celle proposée de base dans joomla... Es ce possible de le styliser? Et tant qu' à faire un bouton dont je peux arrondir les coins et y changer la couleur.
Je ne vois pas comment insérer le css au module pour y arriver ou existe t il un plug exprès pour cela? Merci

[pmleconte]

Bonjour,

Pour personnaliser un module, rien de tel que la surcharge : voir https://docs.joomla.org/How_to_overr...oomla!_core/fr

Quel est votre template ? dans la plupart des templates, vous avez un répertoire html/mod_search qui contient les adaptations du module search.

Avec un lien vers votre site, on pourrait se rendre mieux compte de ce qui cloche actuellement.

Pascal

[dolmenhir]

Salut,

Bonjour , Je cherche désespérément une barre de recherche ainsi qu' un bouton de recherche style OK modulable... j aimerai que la barre de recherche soit beaucoup plus large et haute que celle proposée de base dans joomla... Es ce possible de le styliser? Et tant qu' à faire un bouton dont je peux arrondir les coins et y changer la couleur.
Je ne vois pas comment insérer le css au module pour y arriver ou existe t il un plug exprès pour cela? Merci

Une classe dans le module (onglet paramètres avancés) et il suffira d'éditer/ajouter la feuille de style personnalisée pour modifier le rendu des éléments comme bon te semble sans toucher aux autres objets de formulaire utilisés ailleurs sur le site.

C'est quoi ton template (histoire de savoir où se trouve le css à customiser) ?

Dol.

[ced1870]

salut,
dans les options du module "mod_search" tu as la possibilité de définir le type de bouton (visible ou pas, le texte, etc ...)
après ce n'est que du CSS à adapter
CEd

[Mitch7321]

Bonjour, désolé de ne répondre que maintenant... merci pour vos réponses! Je trifouille un peu joomla en essayant les petits chemins de cotés... du coup là je tente mon propre template,,, Mais je ne vois pas comment modifier le mod_search ... je ne parle pas du css du font ou de l' emplacement mais de la barre recherche... comment la mettre aux dimensions voulues? J ai tenté de trouvé le "form" du mod_search pour y changer l"input mais en vain,,, je n ai trouvé que des variable en Java!! J espère avoir été assez précis dans ma demande....
Merci

[dolmenhir]

Bonjour, désolé de ne répondre que maintenant... merci pour vos réponses! Je trifouille un peu joomla en essayant les petits chemins de cotés... du coup là je tente mon propre template,,, Mais je ne vois pas comment modifier le mod_search ... je ne parle pas du css du font ou de l' emplacement mais de la barre recherche... comment la mettre aux dimensions voulues? J ai tenté de trouvé le "form" du mod_search pour y changer l"input mais en vain,,, je n ai trouvé que des variable en Java!! J espère avoir été assez précis dans ma demande....
Merci

Quant tu passes en mode édition du module (menu "extensions > module" puis sélectionner le module) tu disposes d'un onglet "paramètres avancés" et d'un champs "Suffixe de classe CSS"
Si tu donnes un nom à cette classe, tu pourras la créer et l'éditer dans la feuille css de ton template ou, mieux, celle de personnalisation du template (la plupart des templates permettent d'avoir une feuille personnalisée, souvent nommée "custom.css").

Le fait de donner une classe au module te permet de définir des styles qui n'affecteront que les éléments de formulaire de ce module et ainsi préserveront le rendu des autres éléments potentiellement utilisés ailleurs sur le site.
Donc tu as un contrôle fin sur ce rendu là.

A partir de là, tu pourras donner la largeur que tu veux à ce champs.
Mais encore faut-il avoir un minimum de connaissance en css.

Tu peux aussi, si ce module est le module de recherche natif de Joomla, contrôler la longueur de cette manière (change la valeur en pixel selon tes besoins) :

.search input[name="searchword"] {
    max-width: 300px !important;
}

[Mitch7321]

merci merci... pour vos réponses!! en créant mon template pour en savoir plus sur joomla cela était simple de créer le style pour le input par contre dans un template plus offciel.. comme t4framework, je patoge a fond pour retrouver ne serait ce que la feuille de style qui correspond à l emplacement que je veux modifier.
Puis y a t il un index général ou je pourrais mettre mes propre div et Jdoc: ? merci

[dolmenhir]

dans un template plus offciel.. comme t4framework,

ce template n'a rien d'officiel, à part pour son éditeur.

je patoge a fond pour retrouver ne serait ce que la feuille de style qui correspond à l emplacement que je veux modifier.

Dans les template T4, tu as normalement un dossier CSS dans lequel tu peux ajouter une feuille de style personnaliser que tu nommes custom.css

Puis y a t il un index général ou je pourrais mettre mes propre div et Jdoc: ?

pour le header tu trouveras un dossier du template "html > layouts > t4"
Mais le propre de ces templates, qui s'appuient sur un framework, c'est de passer par la configuration du template pour personnaliser le layout et ainsi ajouter tes lignes, colonnes selon tes besoins, ce qui dans la majorité des cas t'évite d'aller trifouiller le code.

Tu peux aussi, toujours dans la personnalisation du template depuis le backoffice (global settings), ajouter du code css ou js personnalisé, voire insérer du code dans l'en-tête ou le body, et même ajouter des assets

[Mitch7321]

ok j avance mais loins d avoir le résultat :


Merci bcp pour votre soutien ... j ai trouvé pour le maxdiv c est dans le module meme dans l administration...