Modifier la fenêtre overview de recherche de la navbar

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Modifier la fenêtre overview de recherche de la navbar

Message par Le "KLUB" Mar 6 Sep 2022 - 15:30

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Toujours
Lien du forum : https://le-klub-kelinac.forumactif.com/

Description du problème

Bonjour,

Je cherche à modifier la fenêtre de recherche qui s'ouvre, quand on clique sur "Rechercher" dans la navbar.

À savoir :

1 changer la taille de la dite fenêtre en la faisant plus large

2 appliquer une couleur de fond à la fenêtre (mon forum ayant une image en arrière plan, avoir une couleur de fond à la fenêtre la rendra plus lisible)

Par avance merci de votre aide

Le "KLUB"
Le

Le "KLUB"
Nouveau membre

Messages : 3
Inscrit(e) le : 06/09/2022

https://le-klub-kelinac.forumactif.com/
Le "KLUB" a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la fenêtre overview de recherche de la navbar

Message par chattigre Mar 6 Sep 2022 - 15:55

Bonjour,

Ajoutez ceci par exemple à votre CSS :
Code:
#search_menu {
  width: 500px;
  background: whitesmoke;
}

Vous pouvez bien entendu remplacer 500px par la taille de votre choix, et whitesmoke par la couleur de votre choix !
Si vous manquez d'inspiration ... Smile : https://htmlcolorcodes.com/fr/
Ou en tableau : https://htmlcolorcodes.com/fr/tableau-de-couleur/
Ou les couleurs nommées : https://htmlcolorcodes.com/fr/noms-de-couleur/

Bonne journée
Cordialement
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3595
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la fenêtre overview de recherche de la navbar

Message par Le "KLUB" Mar 6 Sep 2022 - 16:17

Bonjour chattigre,

Merci, pour la couleur cela fonctionne c'est nickel

Pour ce qui est de la largeur de la fenêtre aucun changement, j'avais déjà investigué avec le même code.

Je pensais pouvoir élargir la fenêre afin d'avoir sous "Résultats par :" o Message o Sujets sur la même ligne.

Car pour le moment j'ai le "o" sur la ligne de "Résultats par :" et la suite une ligne en dessous et cela n'est pas des plus esthétiques.
Il faut peut être faire un changement sur les retours à la ligne "tout simplement" non ?

HS :

Chat serait pas un Savannah sur la photo d'avatar ?

Le "KLUB"
Le

Le "KLUB"
Nouveau membre

Messages : 3
Inscrit(e) le : 06/09/2022

https://le-klub-kelinac.forumactif.com/
Le "KLUB" a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la fenêtre overview de recherche de la navbar

Message par chattigre Mar 6 Sep 2022 - 16:33

Re,

Oups, oui, forcément ^^

Essayez comme ça :
Code:
#search_menu {
  width: 500px !important;
  color: whitesmoke;
}

Ca semble suffire chez moi
Sinon :
Spoiler:

HS : Je crois pas non ^^


Bonne journée !
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3595
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la fenêtre overview de recherche de la navbar

Message par Le "KLUB" Mar 6 Sep 2022 - 17:31

Merci pour l'aide,

mais en utilisant la ligne :

 color: whitesmoke;

le fond ne change pas de couleur,

J'ai remis la ligne de la première proposition

background: whitesmoke;

et là tout est ok, la fenêtre fait bien 500px de large et le fond en couleur,

donc le script qui fonctionne (pour moi) est :

/*largeur fenêtre contextuelle Rechercher*/
#search_menu {
width: 500px !important;
}

/*couleur fenêtre contextuelle "Rechercher"*/
#search_menu {
background: whitesmoke;
}

Et Chat va. Encore merci chattigre. Vraiment superbe la photo.

Résolu

Le "KLUB"

Le

Le "KLUB"
Nouveau membre

Messages : 3
Inscrit(e) le : 06/09/2022

https://le-klub-kelinac.forumactif.com/
Le "KLUB" a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum