NewTab ändern in 70.0b3

FuchsFan

Wer kann helfen?

In der o.g. Version bleibt der css-Code ohne Funktion, was muss ich darin ändern?

CSS

/*************************************************************************************************************/
/******************************* New-TAB-Button verschönern  *************************************************/


#navigator-toolbox #tabs-newtab-button .toolbarbutton-icon, {
}

#main-window .tabs-newtab-button,
#main-window #TabsToolbar > #new-tab-button 
{
border: 0px solid !important;                  /* Rahmen setzen */
border-radius: 8px  !important;                /* Runde Ecken */
color: black !important;                       /* Farbe des Rahmens  */           
background: none !important;                   /* Hintergrundfarbe **lightskyblue**/
fill: green !important;                        /* Farbe des "+" */

}

/******* ändert Farbe nach Überfahren mit der Maus **************/
#TabsToolbar .tabs-newtab-button:hover {
  background: lime !important;
  border: 1px solid grey !important;
}

/********** ohne Hintergrund *********/
#TabsToolbar .tabs-newtab-button * {
  background: none !important;
  
}

/**** Höhe Newtab-Button einstellen / mit Höhe und Breite der Tabs abstimmen ****/
.tabs-newtab-button {
    max-height: 26px!important;  /* 1 Pixel weniger wie bei Höhe und Breite der Tabs */
    -moz-box-flex: 0!important;
}

Alles anzeigen

milupo

Schaue mal in about:config nach, ob der Schalter

toolkit.legacyUserProfileCustomizations.stylesheets

auf true steht. Wenn nicht, setzte ihn auf true.

FuchsFan

Hallo milupo,

steht auf true

milupo

Ok. Da hat sich wahrscheinlich etwas im CSS-Code von Firefox geändert, sodass dein Code an Fx 70 angepasst werden muss.

FuchsFan

Danke, milupo, dann werde ich mal auf Andreas warten.

2002Andreas

Der obere Eintrag in deinem Code hat keine Funktion.

Code

/* #navigator-toolbox #tabs-newtab-button .toolbarbutton-icon, { */
/* } */

Den habe ich mal auskommentiert.

CSS

/*************************************************************************************************************/
/******************************* New-TAB-Button verschönern  *************************************************/


/* #navigator-toolbox #tabs-newtab-button .toolbarbutton-icon, { */
/* } */

#main-window .tabs-newtab-button,
#main-window #TabsToolbar > #new-tab-button 
{
border: 0px solid !important;                  /* Rahmen setzen */
border-radius: 8px  !important;                /* Runde Ecken */
color: black !important;                       /* Farbe des Rahmens  */           
background: none !important;                   /* Hintergrundfarbe **lightskyblue**/
fill: green !important;                        /* Farbe des "+" */

}

/******* ändert Farbe nach Überfahren mit der Maus **************/
#TabsToolbar .tabs-newtab-button:hover {
  background: lime !important;
  border: 1px solid grey !important;
}

/********** ohne Hintergrund *********/
#TabsToolbar .tabs-newtab-button * {
  background: none !important;
  
}

/**** Höhe Newtab-Button einstellen / mit Höhe und Breite der Tabs abstimmen ****/
.tabs-newtab-button {
    max-height: 26px!important;  /* 1 Pixel weniger wie bei Höhe und Breite der Tabs */
    -moz-box-flex: 0!important;
}

Alles anzeigen

Und so sieht das dann aus:

FuchsFan

Hallo Andreas,

der Code hat mit dieser Änderung keine Wirkung in der 70.0b3.

Eigentlich nutze ich diese Funktion sehr selten, wenn ich mich recht erinnere hattest du mal einen Code ausgegeben, dass der newTAB gänzlich ausgeblendet wird, das wäre mir noch angenehmer.

Das ist keine so gute Idee, habe ich gerade festgestellt. Damit hat man immer Schwierigkeiten mit der letzten offenen Web-Seite.

.DeJaVu

Warum ziehst du den Button nicht einfach mit Anpassen weg, wenn du es eigentlich nicht brauchst? Neue Tabs lassen sich auch mit Strg+T anlegen

2002Andreas

Teste bitte mal:

CSS

/*************************************************************************************************************/
/******************************* New-TAB-Button verschönern  *************************************************/


/* #navigator-toolbox #tabs-newtab-button .toolbarbutton-icon, { */
/* } */

#tabs-newtab-button, #TabsToolbar #new-tab-button {
border: 0px solid !important;                  /* Rahmen setzen */
border-radius: 8px  !important;                /* Runde Ecken */
color: black !important;                       /* Farbe des Rahmens  */           
background: none !important;                   /* Hintergrundfarbe **lightskyblue**/
fill: green !important;                        /* Farbe des "+" */

}

/******* ändert Farbe nach Überfahren mit der Maus **************/
#tabs-newtab-button:hover {
  background: lime !important;
  border: 1px solid grey !important;
}

/********** ohne Hintergrund *********/
#TabsToolbar .tabs-newtab-button * {
  background: none !important;
  
}

/**** Höhe Newtab-Button einstellen / mit Höhe und Breite der Tabs abstimmen ****/
#tabs-newtab-button, #TabsToolbar #new-tab-button  {
    max-height: 26px!important;  /* 1 Pixel weniger wie bei Höhe und Breite der Tabs */
    -moz-box-flex: 0!important;
}

Alles anzeigen

FuchsFan

@ Andreas

Du bist mir zuvorgekommen, jetzt habe ich es doch noch geschaft mit dieser Änderung (deine eingeschlossen):

CSS

/*************************************************************************************************************/
/******************************* New-TAB-Button verschönern  *************************************************/


#tabs-newtab-button, #TabsToolbar #new-tab-button {
border: 0px solid !important;                  /* Rahmen setzen */
border-radius: 8px  !important;                /* Runde Ecken */
color: black !important;                       /* Farbe des Rahmens  */           
background: none !important;                   /* Hintergrundfarbe **lightskyblue**/
fill: green !important;                        /* Farbe des "+" */
}
/******* ändert Farbe nach Überfahren mit der Maus **************/
#tabs-newtab-button:hover {
  background: lime !important;
  border: 1px solid grey !important;
}
/********** ohne Hintergrund *********/
#TabsToolbar .tabs-newtab-button * {
  background: none !important;
  
}

Alles anzeigen

2002Andreas

Freut mich wenn wieder alles funktioniert

FuchsFan

andreas

Aber auch mit dem neuen Code von dir klappt es wie gewohnt. Danke!!

2002Andreas

Gerne.

FuchsFan

Andreas, ich habe deinen Code abgeändert, und zwar die Zeile 24 von

#TabsToolbar .tabs-newtab-button * {

in

#tabs-newtab-button * {

Nun ist der Hintergrund (grau) wie ursprünglich weg ( so noch in Version 69.0)

FuchsFan

@2002Andreas

Hallo Andreas, das was ich im Beitrag #14 geschrieben habe, ist so nicht mehr anwendbar. Ab der Version 70 Beta12 funktioniert nur noch der Code von dir aus Beitrag #9. Man staune was es alles so her gibt, Danke!

Grüße

FuchsFan

2002Andreas

Freut mich wenn ich dir damit etwas helfen konnte, war gern geschehen

NewTab ändern in 70.0b3

Ähnliche Themen

Umstieg von 60.7.0esr Portable auf 67.0 Portable

Hintergrundfarbe des ausgewählten Textes des Kontextmenüs in Suchleiste ändern