Page 10 sur 13

Menu hamburger (escamotage)

Posté : jeu. 23 nov. 2017 11:22
par Mintalo

Dernier message de la page précédente :

Cacher le bouton "Hamburger" si tout ce dont vous avez besoin se trouve dans les menus de la barre d'outils.
(bouton "3 lignes orizontales", à droite).

Code : Tout sélectionner

 #PanelUI-menu-button { display: none !important;
 }

Menu hamburger (changement de l'icône)

Posté : jeu. 23 nov. 2017 11:32
par Mintalo
Ai touvé sur le net un petit détail amusant : changer l'image du bouton "Hamburger". (bouton "3 lignes" à droite).

Dans votre dossier "chrome", mettez une image .png de votre choix. La taille devrait être entre 18x18px et 24x24px. Attention à bien mettre le nom de votre image dans le code, à la place de "nom-de-image".

Code : Tout sélectionner

#PanelUI-menu-button
    {
        list-style-image: none !important;
        background: transparent url("[i]nom-de-image[/i].png") no-repeat  !important;
        background-size: 18px !important;
}
Changez la valeur du code selon la taille de votre image.

Cadeau : (à enregistrer)
FF_23.png
FF_23.png (1.24 Kio) Vu 8400 fois
FF_24.png
FF_24.png (3.71 Kio) Vu 8400 fois

Re: Firefox 57+ modifs possibles sans extension + Sécurisation (demande d'aide refusée dans ce sujet)

Posté : jeu. 23 nov. 2017 14:17
par Mintalo
Modif du user.js : -post = viewtopic.php?p=93384#p93384" onclick="window.open(this.href);return false;
  1. ajout de "accepted-info-bar-dismissed" à la ligne :

    Code : Tout sélectionner

    user_pref("datareporting.policy.dataSubmissionPolicyResponseType", "accepted-info-bar-dismissed");
  2. Suppression dans le user.js de la ligne (qui ne semble pas donner le même résultat chez tout le monde):

    Code : Tout sélectionner

    user_pref("breakpad.reportUrl", "");
    Vous pouvez en supprimer la valeur directement dans about:config.
  3. Ajout d'une info complémentaire à la ligne :

    Code : Tout sélectionner

    user_pref("extensions.webservice.discoverURL", "");
    Cette ligne envoie l'info à Google analytics sur vos extensions installées. Vider sa valeur, désactive également le catalogue d'extensions. Attention donc, pour ceux dont l'utilité de ce catalogue dépasse le fait d'éviter l'œil de l'ami G.

Arrondir les angles des barres d’adresse et recherche

Posté : jeu. 23 nov. 2017 17:53
par Mintalo
Pour arrondir les angles de la barre d'adresse :

Code : Tout sélectionner

#urlbar{
    border-radius: 2em !important;
}

Barre d'adresse et barre de recherche :

Code : Tout sélectionner

#urlbar, .searchbar-textbox{
    border-radius: 2em !important;
}

Re: Firefox 57+ modifs possibles sans extension + Sécurisation (demande d'aide refusée dans ce sujet)

Posté : ven. 24 nov. 2017 11:51
par débitant

Favicon et le X de fermeture de l'onglet actif (escamotage)

Posté : sam. 25 nov. 2017 14:18
par Mintalo
Autre possibilité à propos du favicon et du "X" de fermeture des onglets. Ce dernier était caché et réapparaissait sur tous les onglets au passage de la souris.
(ici : https://www.forum-francophone-linuxmint ... 503#p91503)

Maintenant, on laisse présent le "favicon" de l'onglet. On va uniquement cacher les "X" de fermeture sur tous les onglets. La différence vient du fait que ce "X" ne va apparaître qu'au survol de l'onglet actif.

Code : Tout sélectionner

/* Cache le "X" de fermeture des onglets */
#TabsToolbar .close-icon {
  display: none !important;
}

/* Montre le "X" au survol de l'onglet actif seulement */
#TabsToolbar .tabbrowser-tab[selected]:hover .close-icon{
  display: inline-block !important;
}

Barre latérale zone recherche et en-tête (suppression)

Posté : sam. 25 nov. 2017 14:29
par Mintalo
BARRE LATÉRALE des MARQUE-PAGES :
  1. Si vous ne vous servez pas de la zone "Recherche", il est possible de la supprimer :
    • Code : Tout sélectionner

       /* Bookmarks sidebar: cacher la "Recherche"*/
      #bookmarksPanel > hbox { display: none !important }
      
  2. Si vous utilisez Ctrl+B pour ouvrir/fermer cette barre, vous n'avez peut-être pas l'utilité du header (montrant "marque-pages" et le "X" de fermeture)
    • Code : Tout sélectionner

      /* Supprimer "Marque Pages" et "X" de fermeture */
      sidebarheader { display: none !important;}

Re: Firefox 57+ modifs possibles sans extension + Sécurisation (demande d'aide refusée dans ce sujet)

Posté : sam. 25 nov. 2017 16:36
par tioker
Mintalo a écrit :BARRE LATÉRALE des MARQUE-PAGES :

- Si vous ne vous servez pas de la barre "Recherche", ................
Mintalo bonjour,
Je ne saurai que trop te remercier de cet immense partage d'informations que tu me fournis - que tu nous fournis - nous les néophytes du code CSS (je crois que c'en est) et les autres bien sûr.
J'en prends, j'en laisse, j'en teste.
Encore merci et ne faiblis pas devant l'ouvrage :lol: , je/nous te suivons pas à pas.

Re: Firefox 57+ modifs possibles sans extension + Sécurisation (demande d'aide refusée dans ce sujet)

Posté : sam. 25 nov. 2017 17:20
par débitant
MàJ de l'index
mise en forme des posts

Nouvel onglet personnaliser image de fond de la page

Posté : sam. 25 nov. 2017 18:59
par Mintalo
Un peu plus difficile. Quoique.....

Pour ceux qui savent créer un fichier .html.

La page "Nouvel Onglet" est vraiment triste. Il est possible d'y apporter une petite touche personnelle.

- Dans un dossier que vous mettez où bon vous semble, créez un fichier .html pointant vers un second dossier contenant une image (par exemple)
- Nommez cette image = bg.png

- Créez un fichier nommé par ex. = maconfig.js (le nom n'a pas vraiment d'importance. Le principal étant l'extension .js)
- Entrez ceci dans ce fichier :

Code : Tout sélectionner

//
pref("general.config.filename", "mozilla.cfg");
pref("general.config.obscure_value", 0);
- Placez ce fichier dans = dossier d'installation de Firefox \defaults\pref\maconfig.js

- Créez un second fichier nommé = mozilla.cfg
- Entrez ceci dans ce fichier :

Code : Tout sélectionner

// New Tab page
Components.utils.import("resource:///modules/NewTabURL.jsm");
NewTabURL.override("file:///C:/remplacerpar/adressedu/nom.html");
- Placez ce fichier dans le dossier d'installation de Firefox.

Désormais, FF affichera l'image que vous aurez choisie dans la page "Nouvel Onglet".

Pour exemple et essai, je vous mets un .html et une image :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>home page Launch</title>
<link rel="icon" type="image/png" href="img/logo.png" />
<style type="text/css">
<!--
body,td,th {
	font-family: Vandiana platin;
	font-size: 11px;
	color: #0496FF;
}
body {
	background-color: #000000;
	background-image: url(img/bg.png);
	background-repeat: repeat-x;
	margin-top: 0px;
}

#date {
	width:200px;
	height:80px;
	margin:50px auto;
	padding-top:40px;
	text-align:center;
	font-family:"Vandiana platin";
	text-transform:uppercase;
	font-size:28px;
	color:#5A5A5A;
}

#month {
	font-size:18px;
	color:#5A5A5A;
	text-align:center;
	text-transform:uppercase;
}
-->
</style></head>
<body>
</form>

</div>
</div>
<div id="date"><script language="Javascript">


 var now = new Date
 
 var dayName = new Array ("Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi") 
 
 var monName = new Array ("Janvier", "Fevrier", "Mars", "Avril", "Mai", "Juin", "Juillet", "Aout", "Septembre", "Octobre", "Novembre", "Decembre")

document.write("" + dayName[now.getDay()] + "<br><span id=month>" + monName[now.getMonth()] + " "+now.getDate() +"")
 </script>


</div>
</body>
</html>
FF_25.png

Nouvel onglet personnaliser couleur de fond de la page

Posté : sam. 25 nov. 2017 19:08
par Mintalo
Si l'histoire .html ci-dessus vous semble un peu difficile, mais que la page "Nouvel Onglet" vous semble quand même tristounette :(

Possibilité d'y mettre de la couleur.

Commencez par faire cette modification dans about:config

Code : Tout sélectionner

browser.newtabpage.activity-stream.enabled >>> false
Puis ajoutez au userChrome.css :

Code : Tout sélectionner

/*Nouvel Onglet Couleur*/
@-moz-document url(about:newtab), url(about:home) {
body {
     background: linear-gradient(#000000, #AAA) !important;
      color: #D1D1D1 !important;
    } 
A vous de modifier les couleurs. Ici, un dégradé noir/bleu, texte gris clair. :D juste pour vous forcer à changer les couleurs, parce que........ :lol: