About Seiten mit CSS Codes anpassen

Endor

Nee da sollte nichts rund sein.

Mfg.
Endor

Boersenfeger

Ah, OK, ein Fehler ausgemerzt..

Endor

Zitat von Boersenfeger

Hallo Boersenfeger

Ich möchte darauf nochmals zurückkommen, ich vermute ja, dass Du in about:addons

links diese Schaltflächen hast wie oben auf den Bild. Ist das so richtig?
Wenn ja, müsste ich mir mal den CSS Code dafür anschauen denn ich vermute da
einen Fehler.

Mfg.
Endor

Boersenfeger

Das ist richtig, den Code kriegst du morgen, bin bis morgen früh auf Arbeit...

Endor

Ok , passt.

Wünsche Dir einen ruhigen Abend und Nacht mit wenig Einsätzen.

Pass auf dich auf.

Mfg.
Endor

Boersenfeger

Danke, dito..

Boersenfeger

Via Mail unterwegs...

Endor

Ist angekommen. Danke.

Schaue ich mir nachher an.

Mfg.
Endor

Boersenfeger

So schnell mal getestet, nein der ist es nicht der dazwischen funkt.

Jedenfalls hier keine Überlappung.

Hast Du noch anderen CSS Code für Schaltflächen, der da dazwischen funken könnte?

Mfg.
Endor

Boersenfeger

Habe den Auslöser gefunden:

CSS

/***************** Die großen Button auf der linken Seite unter Extras/Einstellungen ********************/

/**** Abstand der Button zum linken Rand ****/
    #categories > .category, #generalButton, #homeButton, #searchButton, #privacyButton, #syncButton, #addonsButton, #helpButton {
      margin-left: 1px !important; 
    }

    #categories > .category:not([disabled]){
      background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
      margin-top: 1px !important; /*Abstand zum Button darüber*/
      border-radius: 60px !important;/*Rundung vom Button*/
      box-shadow: inset 0 0 5px 5px #888;
    }

/**** Aktiver Button rot, Schrift weiß ****/
    #categories > .category[selected]{
      color: white !important;
      background-color: red !important;
      margin-top: 1px !important;
      border-radius: 60px !important;
      box-shadow: inset 0 0 5px 5px #888; 
    }
    
/**** Inaktive Button ****/
    #categories > .category:not([selected]),
    #addonsButton,
    #helpButton {
      background-color: gainsboro !important;
      margin-top:1px!important;
      border-radius:60px!important;
      box-shadow: inset 0 0 5px 5px #888;
    }

/**** Hintergrund der Button blau, Schrift weiß bei hover mit der Maus ****/
    #categories > .category:hover, #generalButton:hover, #homeButton:hover, #searchButton:hover, #privacyButton:hover, #syncButton:hover, #addonsButton:hover, #helpButton:hover {
      color: white !important;
      background-color: blue !important;
      margin-top: 1px !important;
      border-radius: 60px !important;
      box-shadow: inset 0 0 5px 5px #888; 
    }

Alles anzeigen

Hier drin verbirgt sich der Bösewicht...

Endor

Kann das sein, dass der für die Firefox Einstellungen - about:preferences ist?

2002Andreas

Zitat von Boersenfeger

Habe den Auslöser gefunden:

Damit wird hier zumindest aber nichts verschoben

Endor

wenn ja mal so versuchen:

CSS

@-moz-document url-prefix(about:preferences){
/***************** Die großen Button auf der linken Seite unter Extras/Einstellungen ********************/


/**** Abstand der Button zum linken Rand ****/
#categories > .category, #generalButton, #homeButton, #searchButton, #privacyButton, #syncButton, #addonsButton, #helpButton {
margin-left: 1px !important;
}


#categories > .category:not([disabled]){
background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
margin-top: 1px !important; /*Abstand zum Button darüber*/
border-radius: 60px !important;/*Rundung vom Button*/
box-shadow: inset 0 0 5px 5px #888;
}


/**** Aktiver Button rot, Schrift weiß ****/
#categories > .category[selected]{
color: white !important;
background-color: red !important;
margin-top: 1px !important;
border-radius: 60px !important;
box-shadow: inset 0 0 5px 5px #888;
}


/**** Inaktive Button ****/
#categories > .category:not([selected]),
#addonsButton,
#helpButton {
background-color: gainsboro !important;
margin-top:1px!important;
border-radius:60px!important;
box-shadow: inset 0 0 5px 5px #888;
}


/**** Hintergrund der Button blau, Schrift weiß bei hover mit der Maus ****/
#categories > .category:hover, #generalButton:hover, #homeButton:hover, #searchButton:hover, #privacyButton:hover, #syncButton:hover, #addonsButton:hover, #helpButton:hover {
color: white !important;
background-color: blue !important;
margin-top: 1px !important;
border-radius: 60px !important;
box-shadow: inset 0 0 5px 5px #888;
}
}

Alles anzeigen

Mfg.
Endor

2002Andreas

Wenn Boersenfeger den so wie in seinem Beitrag verwendet,

wirkt der auch bei about:telemetry und about:networking usw.

und beißt sich dann mit einem anderen CSS Code von mir.

Mfg.
Endor

2002Andreas

Zitat von Endor

wirkt der auch bei about:telemetry usw

Ok, das kann natürlich dann sein.

Boersenfeger

Da ändert sich dann gar nicht mehr, so als ob kein Code da ist...

2002Andreas

Zitat von Endor

und beißt sich dann

Wobei der Code ja nichts an der Höhe etc. ändert, sondern nur die Farben.

Zitat von Boersenfeger

so als ob kein Code da ist...

Sieht hier so aus:

Und die anderen Seiten werden damit auch angesprochen:

Endor

2002Andreas

Ja eben und genau das möchte ich verhindern.

Hast Du eventuell eine Idee?

Mfg.
Endor

Boersenfeger

Auch wenn ich alle CSS-Codes entferne, sieht es dann so aus...

Da schiebt sich ein Button drunter

Ich mach mal einen Neustart...

Endor

Glaube so müsste es nun gehen:

CSS

@-moz-document url-prefix(about:preferences){
#categories > .category, #generalButton, #homeButton, #searchButton, #privacyButton, #syncButton, #addonsButton, #helpButton {
margin-left: 1px !important;}


#categories > .category:not([disabled]){
background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
margin-top: 1px !important; /*Abstand zum Button darüber*/
border-radius: 60px !important;/*Rundung vom Button*/
box-shadow: inset 0 0 5px 5px #888 !important;
}


/**** Aktiver Button rot, Schrift weiß ****/
#categories > .category[selected]{
color: white !important;
background-color: red !important;
margin-top: 1px !important;
border-radius: 60px !important;
box-shadow: inset 0 0 5px 5px #888 !important;
}


/**** Inaktive Button ****/
#categories > .category:not([selected]),
#addonsButton,
#helpButton {
background-color: gainsboro !important;
margin-top:1px!important;
border-radius:60px!important;
box-shadow: inset 0 0 5px 5px #888;
}


/**** Hintergrund der Button blau, Schrift weiß bei hover mit der Maus ****/
#categories > .category:hover, #generalButton:hover, #homeButton:hover, #searchButton:hover, #privacyButton:hover, #syncButton:hover, #addonsButton:hover, #helpButton:hover {
color: white !important;
background-color: blue !important;
margin-top: 1px !important;
border-radius: 60px !important;
box-shadow: inset 0 0 5px 5px #888;
}
}

Alles anzeigen

milupo

Boersenfeger Stelle doch mal deinen Code zu about:telemetry ein, denn schließlich geht es um diese Seite.

Endor

Boersenfeger

Kannst Du das Firefox Fenster eventuell höher machen?

Nur zum Testen.

Mfg.
Endor

About Seiten mit CSS Codes anpassen

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Addons Manager Nightly