Separateurs pour barre principale

Vos requêtes concernant Mozilla Firefox, le navigateur Gecko alternatif, ne trouvèrent point de réponses lorsque vous cherchâtes ? Toute l'équipe Geckozone est prête à vous aider.

Modérateurs : nico@nc, Mori, jpj, myahoo

Avatar de l’utilisateur
ottomar
Varan
Messages : 1145
Inscription : 09 janv. 2005, 07:31

Re: Separateurs pour barre principale

Message par ottomar »

re GlopGlop

tu colles allégrement le code ↑↑↑ dans le fichier userChrome.css que tu enregistres dans le dossier Chrome de ton profil Firefox.
si le dossier Chrome n'existe pas tu le crées
tu redémarres FX et en principe... :roll:

et aussi menu hamburger > developpement web > boite à outils du navigateur

si c'est bien ce que j'ai compris que tu voulais que je comprenne...
pour le userChrome :
https://j2m-06.pagesperso-orange.fr/faq ... e_creation

voilà. dodo, c'est l'heure des gosses...
Anonyme1
Varan
Messages : 1473
Inscription : 05 juil. 2006, 15:54

Re: Separateurs pour barre principale

Message par Anonyme1 »

Bonjour,
ottomar a écrit : 02 mai 2020, 22:29 tu colles allégrement le code ↑↑↑ dans le fichier userChrome.css que tu enregistres dans le dossier Chrome de ton profil Firefox.
si le dossier Chrome n'existe pas tu le crées
tu redémarres FX et en principe... :roll:
et aussi menu hamburger > developpement web > boite à outils du navigateur
si c'est bien ce que j'ai compris que tu voulais que je comprenne...
Non, c'est pas ce que je voulais que tu comprennes, mais j'ai compris ce que tu voulais que je comprenne :)
j'ai compris, (je comprends vite mais il faut m'expliquer longtemps)
ton code css est un exemple pour les séparateurs de l’icône "page d’accueil de Firefox", j'ai fini par trouver en changent la couleur en rouge
Image
je pensai que le séparateur était dans "Personnaliser" ou par un clic droit ...
Il faut adapter le code css en fonction du marque-pages ou du dossier.

Exemple pour le "Marque-pages" → "Geckozone - Forums"
Séparateurs Marque-pages "Geckozone - Forums" de couleur noir

Code : Tout sélectionner

 /*==== Séparateurs Marque-pages "Geckozone - Forums" (left → gauche / right → droite)  ====*/
.bookmark-item[label="Geckozone - Forums"],
[container="true"][label="Geckozone - Forums"] menu > label
{
border-left: 2px solid black !important;
border-right: 2px solid black !important;
}
Image

Si l'on ajoute un dossier ou un marque-pages, il faut bien écrire le nom du dossier ou du marque-pages dans le code css
Exemple: ajout du dossier "Forum 1" et Séparateurs (en rouge) sur dossier "Forum 1"

Code : Tout sélectionner

 /*==== dossier "Forums 1" (left → gauche / right → droite)  ====*/
.bookmark-item[label="Forums 1"],
[container="true"][label="Forums"] menu > label
{
border-left: 2px solid red !important;
border-right: 2px solid red !important;  
}
Image
Et ainsi de suite pour chaque marque-pages ou dossier

Si l'on désire un seul séparateur entre chaque dossier ou un marque-pages, il suffit de supprimer une ligne "border-left" ou border-right, et l'on peut changer l'épaisseur du séparateur (le chiffre 2 devant px) et pour la couleur "black" ou "red" par la couleur que l'on veut (soit par le nom de la couleur ou par son code Hex qui comment par #
Exemple séparateurs avec: |Geckozone - Forums| |Forums 1| |Forums 2| |Forums 3|

Code : Tout sélectionner

 /*==== Marque-pages "Geckozone - Forums" (left → gauche / right → droite)  ====*/
.bookmark-item[label="Geckozone - Forums"],
[container="true"][label="Geckozone - Forums"] menu > label
{
border-left: 2px solid black !important;
border-right: 2px solid black !important;
}

 /*==== dossier "Forums 1" (left → gauche / right → droite)  ====*/
.bookmark-item[label="Forums 1"],
[container="true"][label="Forums"] menu > label
{
border-left: 2px solid red !important;
border-right: 2px solid red !important;  
}

 /*==== dossier "Forums 2" (left → gauche / right → droite)  ====*/
.bookmark-item[label="Forums 2"],
[container="true"][label="Forums 2"] menu > label
{
border-left: 2px solid #001DC1 !important;
border-right: 2px solid #001DC1 !important;
}

 /*==== dossier "Forums 3" (left → gauche / right → droite)  ====*/
.bookmark-item[label="Forums 3"],
[container="true"][label="Forums 3"] menu > label
{
border-left: 2px solid #00FF00 !important;
border-right: 2px solid Lime !important;
}
Image
l'on peut voir sur les dernières ligne le nom de la couleur Hex, border-left: 2px solid #00FF00 est la même que avec le nom border-right: 2px solid Lime

Les Noms et code Hex des couleurs:
https://fr.wikipedia.org/wiki/Couleurs_du_Web
http://cloford.com/resources/colours/500col.htm
ottomar a écrit : 02 mai 2020, 22:29 voilà. dodo, c'est l'heure des gosses...
Pas encore l'heure du dodo, mais :!: gosses :?: version française ou canadien :!: https://www.je-parle-quebecois.com/lexi ... gosse.html :lol:
A+ :wink:
Ps; je ne connais rien en css
Anonyme1
Varan
Messages : 1473
Inscription : 05 juil. 2006, 15:54

Re: Separateurs pour barre principale

Message par Anonyme1 »

Bonjour,
Les codes css des Séparateurs (d'un seul coté)(et quelques couleurs) pour chaque icône, marque-pages et dossiers. (mal aux yeux) 8-)
border-left → gauche
border-right → droite
chiffre devant px → épaisseur
color → couleur de l'écriture
background-color ou background → couleur du fond
pour la couleur (soit par le nom de la couleur (black, red, green ...) ou par son code Hex qui comment par # (#FFA500, #00FA9A ...)

Image

Code : Tout sélectionner

/*==== Bouton avancer d'une page ====*/
#forward-button image {
border-left: 2px solid black !important;
border-right: 2px solid black !important;  
background-color: #3F0
}

/*==== bouton Arrêt/Actualiser ====*/
#stop-reload-button image {
border-right: 2px solid black !important;
background-color: #EE82EE
}

/*==== Bouton Page d'accueil ====*/
#home-button image {
border-right: 2px solid black !important;
background-color: #00FA9A
}

/*==== Bouton panneau latéral Marque-pages ====*/
#sidebar-button image {
border-right: 2px solid black !important;
background-color: #D2691E
}

/*==== Bouton historique ====*/
#history-panelmenu image {
border-right: 2px solid black !important;
background-color: #FFA500
}

/*==== Bouton Enregistrer la page ====*/
#save-page-button image {
border-right: 2px solid black !important;  
}

/*==== Bouton Rechercher dans la page ====*/
#find-button image {
border-right: 2px solid black !important;  
}

/*==== Bouton ouvrir un fichier ====*/
#open-file-button image {
border-right: 2px solid black !important;
color: green
}

/*==== Bouton Modules ====*/
#add-ons-button image {
border-right: 2px solid black !important;
}

/*==== Bouton Zoom moins ====*/
#zoom-out-button image {
border-right: 2px solid black !important;
color: #0000FF
}

/*==== Bouton Zoom % ====*/
#zoom-controls, icone {
color: #FF0000
}

/*==== Bouton Zoom plus ====*/
#zoom-in-button image {
border-left: 2px solid black !important;
border-right: 2px solid black !important;
color: #0000FF
}

/*==== Bouton Couper/copier/coller ====*/
#edit-controls image {
border-right: 2px solid black !important;  
}

/*==== Bouton Encodage texte ====*/
#characterencoding-button image {
border-right: 2px solid black !important;  
}

/*==== Bouton Envoyer lien de la page par courriel ====*/
#email-link-button image {
border-right: 2px solid black !important;  
}

/*==== Bouton Synchronisation Onglets autre appareils ====*/
#sync-button image {
border-right: 2px solid black !important;  
}

/*==== Bouton Option ====*/
#preferences-button image {
border-right: 2px solid black !important;  
}

/*==== Bouton Effacer historique ====*/
#panic-button image {
border-right: 2px solid black !important;  
}

/*==== Bouton Navigation privée ====*/
#privatebrowsing-button image {
border-right: 2px solid black !important;  
}

/*==== Bouton Outils de développement web ====*/
#developer-button image {
border-right: 2px solid black !important;  
}

/*==== Bouton Imprimer ====*/
#print-button image {
border-right: 2px solid black !important;  
}

/*==== Bouton Nouvelle fenêtre ====*/
#new-window-button image {
border-right: 2px solid black !important;
background: aquamarine
}

/*==== Bouton Fenêtre plein écran ====*/
#fullscreen-button image {
border-right: 2px solid black !important;
color: #00CD00
}

/*==== Bouton Afficher marque-pages ====*/
#bookmarks-menu-button image {
border-right: 2px solid black !important;
background: #00FFFF
}

/*==== Historique/marque-pages et plus... ====*/
#library-button image {
border-right: 2px solid black !important;  
}

/*==== Marque-pages "Débuter avec Firefox" (left → gauche / right → droite)  ====*/
.bookmark-item[label="Débuter avec Firefox"],
[container="true"][label="Débuter avec Firefox"] menu > label
{
border-left: 2px solid black !important;
border-right: 2px solid black !important;
color: #15C101
}

 /*==== Marque-pages "Options" (left → gauche / right → droite)  ====*/
.bookmark-item[label="Options"],
[container="true"][label="Options"] menu > label
{
border-right: 2px solid black !important;
color: fuchsia
}

 /*==== Marque-pages "Préférences avancées" (left → gauche / right → droite)  ====*/
.bookmark-item[label="Préférences avancées"],
[container="true"][label="Préférences avancées"] menu > label
{
border-right: 2px solid black !important;
background: -moz-linear-gradient(left, #00fa2f 0%, #00f6e7 42%, #3263f4 64%, #f022ec 80%, #fb0017 100%);
}

 /*==== Marque-pages "Geckozone - Forums" (left → gauche / right → droite)  ====*/
.bookmark-item[label="Geckozone - Forums"],
[container="true"][label="Geckozone - Forums"] menu > label
{
border-right: 2px solid black !important;
background: -moz-linear-gradient(left, #23ff01 0%, #a6f202 42%, #b1f702 64%, #effc02 100%);
}

 /*==== dossier "Forums 1" (left → gauche / right → droite)  ====*/
.bookmark-item[label="Forums 1"],
[container="true"][label="Forums"] menu > label
{
border-right: 2px solid black !important;
background: chartreuse
}

 /*==== dossier "Forums 2" (left → gauche / right → droite)  ====*/
.bookmark-item[label="Forums 2"],
[container="true"][label="Forums 2"] menu > label
{
border-right: 2px solid black !important;
background: #00FFFF
}

 /*==== dossier "Forums 3" (left → gauche / right → droite)  ====*/
.bookmark-item[label="Forums 3"],
[container="true"][label="Forums 3"] menu > label
{
border-right: 2px solid black !important;
background: yellow
}
.

Les codes css des Séparateurs des deux côtés (à gauche et à droite) pour chaque icône.

Image

Code : Tout sélectionner

/*==== Bouton avancer d'une page ====*/
#forward-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== bouton Arrêt/Actualiser ====*/
#stop-reload-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== Bouton Page d'accueil ====*/
#home-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;
}

/*==== Bouton panneau latéral Marque-pages ====*/
#sidebar-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== Bouton historique ====*/
#history-panelmenu image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== Bouton Enregistrer la page ====*/
#save-page-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== Bouton Rechercher dans la page ====*/
#find-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== Bouton ouvrir un fichier ====*/
#open-file-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== Bouton Modules ====*/
#add-ons-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== Bouton Zoom moins ====*/
#zoom-out-button image {
border-right: 2px solid black !important;
}

/*==== Bouton Zoom % ====*/
#zoom-controls, icone {
color: #FF0000
}

/*==== Bouton Zoom plus ====*/
#zoom-in-button image {
border-left: 2px solid black !important;
border-right: 2px solid black !important;
}

/*==== Bouton Couper/copier/coller ====*/
#edit-controls image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== Bouton Encodage texte ====*/
#characterencoding-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== Bouton Envoyer lien de la page par courriel ====*/
#email-link-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== Bouton Synchronisation Onglets autre appareils ====*/
#sync-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== Bouton Option ====*/
#preferences-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== Bouton Effacer historique ====*/
#panic-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== Bouton Navigation privée ====*/
#privatebrowsing-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== Bouton Outils de développement web ====*/
#developer-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== Bouton Imprimer ====*/
#print-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== Bouton Nouvelle fenêtre ====*/
#new-window-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== Bouton Fenêtre plein écran ====*/
#fullscreen-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== Bouton Afficher marque-pages ====*/
#bookmarks-menu-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}

/*==== Historique/marque-pages et plus... ====*/
#library-button image {
border-left: 1px solid black !important;
border-right: 1px solid black !important;  
}


Manque pour les séparateurs pour les icônes "Téléchargement" et "Compte Firefox" pas réussi a les faire
A+ :wink:
Avatar de l’utilisateur
ottomar
Varan
Messages : 1145
Inscription : 09 janv. 2005, 07:31

Re: Separateurs pour barre principale

Message par ottomar »

Bonjour tous et GlopGlop
Mes enfants sont vieux mais c'est un autre sujet (et j'en suis plié en deux, je ne te le ferai plus :D ). Merci GlopGlop, bel exercice, ce sont les joies du userChrome, j'espère simplement que tu assumes ton choix de couleurs...

Si tu trouves quelque chose pour le survol :hover des items du menu principal .PanelUI-subView
Freddy
Iguane
Messages : 534
Inscription : 15 nov. 2009, 11:37

Re: Separateurs pour barre principale

Message par Freddy »

Salut,
ottomar a écrit : 05 mai 2020, 06:29 Si tu trouves quelque chose pour le survol :hover des items du menu principal .PanelUI-subView
Je sais pas bien si c'est ça que tu attends, mais je tente ma chance :wink:

Code : Tout sélectionner

/*surlignagementation des items lors du survolagement du coursoeur*/
#appMenu-multiView .PanelUI-subView toolbarbutton:hover {
  background-color: red !important;
} 

Après pour les séparateurs, ça ne marche pas fort pour ceux des extensions; pour être sûr de les avoir à chaque bouton, eh ben hop !

Code : Tout sélectionner

/*******séparateurs boutons Barre d'outils*******/
/*boutons natifs*/
#nav-bar toolbarbutton:not(#back-button):not(#forward-button) > image,
/*boutons extensions*/
#nav-bar toolbarbutton:not(#PanelUI-menu-button) stack {
  border-right: 1px solid black !important; 
}
P'tite remarque aussi:
pour raccourcir ton code GlopGlop tu peut mettre toutes les "id" à la suite séparé par une virgule, et à la suite une seule règle:
#..., #..., #... {
border-left: 1px solid black !important;
border-right: 1px solid black !important;
}

Bon aller, A TABLE !!!
Avatar de l’utilisateur
Cucurbitacé
Animal mythique
Messages : 5618
Inscription : 22 juil. 2012, 05:27

Re: Separateurs pour barre principale

Message par Cucurbitacé »

Freddy a écrit : 07 mai 2020, 20:24 Salut,
[...]
Bon aller, A TABLE !!!
Bonjour,

Comment avez-vous fait pour avoir tous les codes, toutes les lignes de commande ?
Savoir exactement ce qu’il faut mettre pour programmer ?
Êtes-vous spécialisé dans ce type de programmation, ou The Mozilla Foudation met-elle à disposition un truc qui indique chaque partie ?

Une autre question, pour réduire la présentation des extensions, sur une seule page, j’utilise un code grappillé sur Internet, à cela j’y ajoute un autre code pour retirer le menu déroulant dans les extensions et y ajouter un bouton pour chaque expression : Options, Supprimer, signaler, Gérer. => https://github.com/Aris-t2/CustomCSSfor ... p_fx72.css <=

Mais sur les extensions qui n’ont pas de description, ces boutons ne s’affichent pas correctement, ils vont vers le haut et disparaissent ?
Sauriez-vous pourquoi ?
> En image ici <.

En vous remerciant par avance.
Anonyme1
Varan
Messages : 1473
Inscription : 05 juil. 2006, 15:54

Re: Separateurs pour barre principale

Message par Anonyme1 »

Bonjour,
ottomar a écrit : 05 mai 2020, 06:29 Bonjour tous et GlopGlop
Mes enfants sont vieux mais c'est un autre sujet (et j'en suis plié en deux, je ne te le ferai plus :D ). Merci GlopGlop, bel exercice, ce sont les joies du userChrome, j'espère simplement que tu assumes ton choix de couleurs...
Si tu trouves quelque chose pour le survol :hover des items du menu principal .PanelUI-subView
@ ottomar
Salut à toi l'homme qui à des vieux gosses :lol: (utilise de la crème anti-rides)
Qu'appelles-tu "menu principal " :?:
Le bouton ☰ (Icône en haut à droite)
Ou la "Barre de Menu → "Fichier"/"Édition"/"Affichage"...)

.
Freddy a écrit : 07 mai 2020, 20:24 P'tite remarque aussi:
pour raccourcir ton code GlopGlop tu peut mettre toutes les "id" à la suite séparé par une virgule, et à la suite une seule règle:
#..., #..., #... {
border-left: 1px solid black !important;
border-right: 1px solid black !important;
}
@ Freddy
Ok pour les id à la suite séparée par une virgule.
Je ne connais rien en css, ne demande qu'à apprendre
Par exemple:
comment faire l'ouverture au survol (de la souris) d"un menu ("Barre de Menu → "Fichier"/"Édition"/"Affichage"...) ou icône (Le bouton ☰ (Icône en haut à droite) qui comporte un sous menu avec le "hover" :?:
j'ai essayé de m'inspirer de ceci, mais sans succès.
Affichage du panneau latéral au passage de la souris

Code : Tout sélectionner

/* Affichage du panneau latéral au passage de la souris */

    #sidebar-box {
        overflow: hidden !important;
        min-width: 0px !important;
        max-width: [b]250[/b]px !important;
    }

:root {
  --sidebar-hover-width: 5px;
  --sidebar-visible-width: [b]250[/b]px;
}

#sidebar-box {
  position: relative !important;
  overflow-x: hidden !important;
  left: var(--sidebar-hover-width) !important;
  min-width: var(--sidebar-hover-width) !important;
  max-width: var(--sidebar-hover-width) !important;
  transition-duration: 1s !important;
}

#sidebar-box:hover {
  left: var(--sidebar-visible-width) !important;
  min-width: 250px !important;
  transition-duration: .0.1s !important;
}
A+ :wink:
Freddy
Iguane
Messages : 534
Inscription : 15 nov. 2009, 11:37

Re: Separateurs pour barre principale

Message par Freddy »

Bonjour à tous,

Waou!, mais c'est qu'ils veulent me mettre la carafe en bouillotte; veulent me griller mon stock de neurones :mrgreen:
Bon alors je commence par où ? ben dans l'ordre:
Cucurbitacé a écrit : 07 mai 2020, 21:50 Comment avez-vous fait pour avoir tous les codes, toutes les lignes de commande ?
Savoir exactement ce qu’il faut mettre pour programmer ?
Êtes-vous spécialisé dans ce type de programmation, ou The Mozilla Foudation met-elle à disposition un truc qui indique chaque partie ?
justement et malheureusement c'est grâce aux ptits neurones qu'il me reste :wink: pcq il a fallu commencer à mettre les mains dans cambouis, c'est d'ailleurs grâce à des m'sieurs comme Ottomar, du temps où il exerçait encore :wink: ,et qui m'ont donné l'envie.
Je suis certainement moins expert que l'auteur des codes que tu cites en lien, il a bien du courage et aussi du temps pour faire tout ça, c'est un sacré boulot je pense.
Perso, je ne m'engage pas à partager des fichier comme il le fait, car ensuite il faut pouvoir en assumer le suivi (màj, modif) dans la durée.
Et en ce qui me concerne, sachant que je pourrait pas forcément le faire, j'estime que ça ne rendrai pas service aux autres de les aider à obtenir des config qu'ils préfèrent, et une fois bien habitué... ben hop, débrouillez vous.
C'est pas égoïste de ma part, mais ça me permet d'être autonome, et donc de ne pas dépendre des différentes modifs à apporter que seul un autre auteur peut faire.
Et je me fais mon UI à ma sauce évitant l'ajout d'extension(s) quand c'est possible.
Ce qui ne m'empêche pas d'apporter un ma très humble participation pour d'éventuels ptits coup de main pour d'autre :wink:

Donc pour en revenir au sujet, oui je me sert des outils de développement et de la doc de Mozilla, à savoir par exemple:
:arrow: https://developer.mozilla.org/fr/docs/O ... abbar-menu
:arrow: https://developer.mozilla.org/fr/docs/O ... %A0_outils
:arrow: https://developer.mozilla.org/fr/docs/Outils/Inspecteur
faut fouiller dans les différents liens.

Pour ce qui est de la doc css, entre autre pour rester chez Mozilla pcq je travaille surtout l'interface de Fx, (mais y en a plein d'autre bien sûr):
:arrow: https://developer.mozilla.org/fr/docs/Web/CSS
:arrow: https://developer.mozilla.org/fr/docs/Web/CSS/Reference
:arrow: https://wiki.developer.mozilla.org/fr/d ... %A9?page=2
Cucurbitacé a écrit : 07 mai 2020, 21:50 Une autre question, pour réduire la présentation des extensions, sur une seule page, j’utilise un code grappillé sur Internet, à cela j’y ajoute un autre code pour retirer le menu déroulant dans les extensions et y ajouter un bouton pour chaque expression : Options, Supprimer, signaler, Gérer. => https://github.com/Aris-t2/CustomCSSfor ... p_fx72.css <=

Mais sur les extensions qui n’ont pas de description, ces boutons ne s’affichent pas correctement, ils vont vers le haut et disparaissent ?
Sauriez-vous pourquoi ?
Alors j'ai fais des essais en installant l'extension qui pose problème dans ton exemple, et malheureusement chez moi tout est ok :-?
Peut-être une incompatibilité avec un autre code (j'ai essayé avec les différent addonlists_compact.css mais tout va bien demon côté)
J'ai testé en changeant le zoom, en modifiant la taille des éléments qui entre en jeu, mais tout teste correcte.
A voir sur un nouveau profil, juste avec ce code... :?:
GlopGlop a écrit : 08 mai 2020, 15:56 comment faire l'ouverture au survol (de la souris) d"un menu ("Barre de Menu → "Fichier"/"Édition"/"Affichage"...) ou icône (Le bouton ☰ (Icône en haut à droite) qui comporte un sous menu avec le "hover"
Je sais pas si j'ai bien saisi ta demande, je pense que tu connais le code que je créé pour afficher la barre de menu au survol,
donc je crois que tu veux que ce soit directement le contenu du menu qui s'affiche au survol.
Dans ce cas j'ai des doutes que ça puisse se faire, pcq là il s'agit de menu(s) et donc il ne s'affiche que si on leur en donne l'ordre par un clic, ça c'est ok, mais à la différence de la sidebar ou des autres barres, c'est que leur commande leur donne l'ordre de disparaître lorsqu'on clic ensuite (soit sur une de leur entrées, soit en dehors d'eux).
Le css permet d'agir surtout sur l'apparence, la mise en forme, de plus en plus sur certaines "actions" c'est vrai, mais là je crains que ça soit plutôt de l'ordre du "javascript" ou un truc dans ce genre. :-?

Après perso, je trouve que du "hover" partout, c'est pas forcément plus pratique, pcq quand on passe la souris pour vouloir se rendre dans une zone en passant par dessus un hover c'est parfois génant. Trop de hover, tue le trop :mrgreen: ce n'est que mon avis.
Bon, faudra peut-être que je prenne le temps de regarder ça de plus près, je promet rien.

Aller, ça recommence, A TABLE !
Avatar de l’utilisateur
ottomar
Varan
Messages : 1145
Inscription : 09 janv. 2005, 07:31

Re: Separateurs pour barre principale

Message par ottomar »

Donc bonsoir

Merci GlopGlop, mon :hover était sur le hamburger, résolu, simple quand tu trouves le vocabulaire ; j'ai commencé mon cours de quebecois
Merci Cucurbitacé, le problème, c'est pas le code en lui-même, ce sont les identifiants donc beaucoup de recherches, longues (!)
Merci Freddy, ton raisonnement est le bon : le suivi est dur, d'autant que Mozilla enchaîne les versions un peu vite et bravo tes codes...brillants !

Vous avez beaucoup de codes et de solutions (anglais) sur Reddit (beaucoup) https://www.reddit.com/r/FirefoxCSS/
Voilà, extra la bonne humeur, c'est l'heure, je vais les mettre au lit ! :D

Allez, au pieu !
Avatar de l’utilisateur
Cucurbitacé
Animal mythique
Messages : 5618
Inscription : 22 juil. 2012, 05:27

Re: Separateurs pour barre principale

Message par Cucurbitacé »

Freddy a écrit : 08 mai 2020, 20:36Bonjour à tous,[...]
ottomar a écrit : 08 mai 2020, 23:38Donc bonsoir [...]
Bonjour,

Je pense avoir identifié et je finirais par arriver à le résoudre.
Je veux que mes extensions s’affichent sur une seule page (cleanest addons).
Ainsi, j’ai ajouté plusieurs codes et c’est celui-ci, qui associé à l’autre pose problème

=> Le coupable <=

=> Associé à celui-là <=

Ce qui devient soulant c’est la frénésie de l’arrivée de leur nouvelle version et le fait qu’ils passent leur temps à changer la programmation de leur css ; le sentiment qu’il s’en dégage, c’est qu’ils veulent pondre un truc uniquement pour des geeks, qu’ils veulent exclure le commun des mortels, faire un club fermer, pour aussitôt se plaindre de la baisse de l’usage de leur navigateur.

Ils donnent aux gens des possibilités, pour de sitôt leur retirer, créant dès lors une incompréhension et une frustration qui à la fin devient de la colère et les personnes ne veulent plus utiliser un tel navigateur qui devient arbitraire au gré de l’humeur des personnes qui programment. C’est souvent le problème des informaticiens, ils aiment exclure, fonctionner sur un mode pyramidal et autoritaire.

Merci pour les explications et les orientations données plus haut.
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Google [Bot] et 4 invités