Dernières versions des principaux logiciels

[Dylav]

Sale surprise quand même, avec FF 65 !
Le code CSS qui permettait de placer les onglets en bas du bandeau haut (sous la barre d'adresse et la barre personnelle) ne semble plus fonctionner : je les retrouve tout en haut (entre la barre de menus et la barre d'adresse)...

[ab-web]

Bonjour

Citation

Le code CSS qui permettait de placer les onglets en bas du bandeau haut (sous la barre d'adresse et la barre personnelle) ne semble plus fonctionner

la mise a jour remet peu être certains réglage par défaut , il faut peu être remettre le code dans le profil de firefox ?
j'ai toujours gardé ce réglage par défaut , et cela me va très bien , cela ne gène pas franchement l'utilisation . le terme de "sale surprise" me semble quelque peu excessif😄

Modifié le 29 janvier 2019 par ab-web

[Dylav]

C'est plus compliqué que ça. Si tu regardes l'image, tu vois que certains effets du code CSS sont bien là (forme des onglets, couleurs), mais que la barre d'onglets n'est plus où le CSS devrait l'avoir installée...
Le code concerné se trouve dans C:\Users\mon-user\AppData\Roaming\Mozilla\Firefox\Profiles\mon-profil\chrome, fichier userChrome.css

/*Onglets sous la barre d'adresse et barre personnelle au-dessus des onglets*/
#TabsToolbar {-moz-box-ordinal-group: 2}
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000 !important}

 

[tomtom95]

Bonsoir Dylav,

Infos sur la nouvelle version >> Note 65.0

All CSS changes made in the Rules panel are now tracked in the new Changes tab
Toutes les modifications CSS apportées dans le panneau règles sont maintenant suivies dans le nouvel onglet modifications

[Dylav]

Bonsoir Tomtom,
Merci pour l'info, mais je ne comprends pas où se trouve cet onglet modifications ?

[pustelnik]

Ça se trouve ici :

Menu ---> Développement Web ---> Inspecteur Un onglet "Modifications" est présent dans la fenêtre inférieure qui s'ouvre, en ce qui me concerne, m'indique qu'aucun changement n'a été apporté...

 

 

[Dylav]

Merci, vu. Mais je pense qu'on peut aller directement à Menu > Développement web > Éditeur de style.
Ceci dit, je ne me sens pas trop d'introduire du code CSS directement dans Firefox ! D'autant que je ne comprends pas trop à quel niveau agit cette feuille de style. On dirait qu'elle régit la mise en forme des contenus à afficher, et non pas celle de la présentation du navigateur... Bref, j'ai du mal à conceptualiser !

[pustelnik]

Bon, ben ça a été long à configurer, mais j'ai trouvé un fichier CSS complet, il m'a fallu désactiver certaines options qui l'étaient pas défaut, et en activer une pour remettre les onglets en dessous...Comme je n'y connais rien en codage, c'était pour moi la seule solution.

Pour les intéressés, le fichier "ZIP" se télécharge ici,

Décompresser le zip et copier le contenu du dossier "Classic" (fichiers et dossiers) " config, css, images, userChrome et userContent " dans le dossier "Chrome" de votre profil Firefox.

Éditer le fichier userChrome.css et modifier les lignes voulues. Le détail du fichier "userchrome.css" est là.  Les lignes activées par défaut sont en rouge (ajouter /* ) devant le @import pour désactiver la ligne.

Pour retrouver les onglets en bas, par contre, aller à la ligne 334  /* @import "./css/tabs/tabs_below_navigation_toolbar_fx65.css"; /**/                         /* <-- tabs not on top Fx65+ */ et supprimer le /* en début de ligne.

Ne me reste qu'à trouver la ligne à désactiver pour supprimer le liseré bleu en haut de l'onglet actif, mais ce n'est pas très important.

Voilà, si ça peut aider.

[tomtom95]

Bonsoir,

Pour le chemin oui c'est plus simple pour  Développement web
Possible aussi de cliquer en haut sur Outils >> Développement web
Autrement pour un code CSS Développement web >>  Éditeur de style.
Dans la partie gauche   cliquer sur le rectangle avec la fléche (voir capture) on peut importer un fichier.

 

[Dylav]

Merci à vous deux. Je regarderai ça demain à tête reposée.