About Seiten mit CSS Codes anpassen

Zitat von FuchsFan

Ja, danke.

Aber bitte doch.

Zitat von Dharkness

Wenn fertig, immer her damit.

als erstes habe ich festgestellt das dieser Code:

#submit{
-moz-appearance:none!important;
background: #efefef url("../../../Icons/Bild5.png")no-repeat !important;
padding-left:35px!important;
min-height: 30px!important;
padding-right: 20px!important;
background-position:10px 4px!important;
font-size:14.0px!important;
border-radius:14px!important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:2px !important;
color:black !important;
margin-left:8px !important;
}

scheinbar nicht mehr gebraucht wird.

Das habe ich jetzt eingebaut:

    h2 {
    -moz-appearance: none !important;
    background: #F0F0F0 !important;
    margin-left: 20px !important;
    max-width: 70px !important;
    padding-left: 10px !important;
    padding-bottom: 3px !important; 
    font-size: 14.0px !important;
    border-style: outset !important;
    border-left-color: lightblue!important;
    border-top-color: lightblue!important;
    border-right-color: dodgerblue!important;
    border-bottom-color: dodgerblue!important;
    border-width: 2px !important;
    border-radius: 12px !important;
    color: black !important;
    }
    body > h2:nth-child(2) {
    background: #efefef url("../../../Icons/content.png") no-repeat !important;
    background-position: 5px 3px !important;
    padding-left: 25px !important;
    }
    
    body > h2:nth-child(4) {
    background: #efefef url("../../../Icons/database_edit.png") no-repeat !important;
    background-position: 5px 3px !important;
    padding-left: 25px !important;
    }
    
    body > h2:nth-child(3) {
    background: #efefef url("../../../Icons/Bild34.png") no-repeat !important;
    background-position: 5px 3px !important;
    padding-left: 25px !important;
    }

Da der Code im 2. Bild für Memory und Disk der gleiche ist, habe ich mich hier für dieses Symbole entschieden.
Hat jemand eine andere Lösung hat?

Bilder könnt Ihr dann nach Wahl einsetzen.

Gruß

EDV-Oldie

Zitat von edvoldi

Da der Code im 2. Bild für Memory und Disk der gleiche ist

Ist er doch nicht, oder habe ich dich falsch verstanden, dann sorry

oben ist:

body > h2:nth-child(2)

unten ist:

body > h2:nth-child(4)

Hast du doch auch so in deinem Code drin.

Diesen Eintrag von dir finde ich allerdings nicht.

body > h2:nth-child(3)

Hallo zusammen,

mein Endergebnis sieht derzeit so ↓ aus, man weiß ja nie was einem noch so einfällt.

P.S.:

Die kleinen Fehlerchen beim Back-Button sind schon behoben und die unterschiedlichen Farben der Tabellen sind Absicht.

Zitat von 2002Andreas

Diesen Eintrag von dir finde ich allerdings nicht.

body > h2:nth-child(3)

Das kommt wenn man List Cache Entries klickt.

Gruß

EDV-Oldie

Zitat von edvoldi

Das kommt wenn man

Hallo edvoldi, danke für den Hinweis

Ich nutze die Seite eigentlich nicht, darum ist mir das nicht aufgefallen.

Hallo,

ich bin gerade dabei, die about: -Seiten mit dem Code von Endor zu verschönern. Auch die Icons habe ich mir heruntergeladen und in einem Ordner "Icons" als Unterordner von "chrome" abgespeichert. Jedoch erscheint das Icon nicht auf der jeweiligen about: -Seite. Wie muss man dieses richtig in den css-code in der userContent.css einpfelgen?

Zitat von Firefox_94.0.1

Wie muss man dieses richtig in den css-code in der userContent.css einpfelgen?

Hallo und Willkommen hier im Forum. 😊

Dieser Schalter in about:config:

toolkit.legacyUserProfileCustomizations.stylesheets

steht bei dir auf true?

Wenn nicht, dann bitte erstmal umstellen.

Ansonsten auch:

#1

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Wie muss man dieses richtig in den css-code in der userContent.css einpfelgen?

Hallo und Willkommen hier im Forum. 😊

Dieser Schalter in about:config:

toolkit.legacyUserProfileCustomizations.stylesheets

steht bei dir auf true?

Wenn nicht, dann bitte erstmal umstellen.

Ansonsten auch:

#1

Alles anzeigen

Der Schalter steht auf "true". Sonst würde ja meine UserChrome.css wohl auch nicht funktionieren.

Im Erklärvideo wird leider nur das gezeigt, wass ich selber bereits habe. Mir geht es nur noch darum, wie ich das benutzerdefinierte Symbol einfügen kann.

Poste bitte mal den Code dazu

Zitat von Boersenfeger

Poste bitte mal den Code dazu

Wenn du damit mich meinst: Welchen Code?

Den Code, mit dem du die Icons einpflegen möchtest..

Na deinen CSS-Code...

Zitat von Boersenfeger

Den Code, mit dem du die Icons einpflegen möchtest..

Gerade den Code kenne ich ja nicht.

Ich habe nur den Code, in den ich das Icon einpfelgen möchte. Und das ist der Code für about:about von Endo . In diesen möchte ich an entsprechender Stelle das von ihm dafür verlinkte Icon einpfelgen.

Hier mal die entsprechende Zeile daraus:

background: gainsboro url("..//icons/Bild3.png")no-repeat !important;

Wie muss die Verlinkung in der Klammer grob aussehen?

Ich war da gerade bei:

background: gainsboro url("C:\Users\BENUTZERNAME\AppData\Roaming\Mozilla\Firefox\NAME DES AKTULLEN PROFILS\chrome\icons\Bild3.png")no-repeat !important;

funktioniert nur nicht... Was mache ich falsch?

Zitat von Firefox_94.0.1

Sonst würde ja meine UserChrome.css wohl auch nicht funktionieren.

Nicht so bissig, immer ruhig und besonnen.

Zitat von Firefox_94.0.1

Mir geht es nur noch darum, wie ich das benutzerdefinierte Symbol einfügen kann.

Ein Beispiel:

background:  url("..//icons/Bild3.png")no-repeat !important;

Zitat von Firefox_94.0.1

"C:\Users\BENUTZERNAME\AppData\Roaming\Mozilla\Firefox\NAME DES AKTULLEN PROFILS\chrome\icons\Bild3.png

Die \ sind falsch...so müssen die sein /

..und penibel auf ggf. Tipp- und/oder Kopierfehler achten.... ich weiß, wovon ich rede...

Zitat von Firefox_94.0.1

Sonst würde ja meine UserChrome.css wohl auch nicht funktionieren.

Ich kann ja nicht wissen, dass du schon eine nutzt.

PS:

Der Ton macht die Musik, wenn DU hier Hilfe möchtest.

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Sonst würde ja meine UserChrome.css wohl auch nicht funktionieren.

Ich kann ja nicht wissen, dass du schon eine nutzt.

PS:

Der Ton macht die Musik, wenn DU hier Hilfe möchtest.

Sollte nicht so rüberkommen. Sorry.

Jetzt bin ich bei:

C:/Users/AktuellerBenutzer/AppData/Roaming/Mozilla/Firefox/Profiles/FirefoxprofilName/chrome/icons/Bild3.png

und es funktioniert irgendwie auch nicht...

Zitat von Firefox_94.0.1

background: gainsboro url("..//icons/Bild3.png")no-repeat !important;

Das ist doch schon der richtige Pfad wenn das Icon im Ordner Icons im Ordner chrome liegt

Ich nutze das nicht, darum ein anderes Icon genommen.