Icons der Tabs

    Hallo zusammen!

    Da dies meine erste Aktivität in diesem Forum ist, vorneweg ein ganz großes Dankeschön für dieses gute CSS-Forum! Ich habe Eure Beiträge in den letzten Tagen rauf- und runter-gelesen und alleine dadurch (und meinem bescheidenen CSS-Wissen) so einige Anpassungen vornehmen können. Und das hat Spaß gemacht!

    Allerdings wird mir nicht klar, wie ich aus dem Inspektor die richtigen Namen der Elemente herauslesen kann bzw. diese ansprechen muss... Wie kann ich z. B. aus dieser Anzeige ableiten, wie ich das Kalender-Icon in einer CSS-Anweisung ansprechen muss?

    Mein Ziel ist es, alle Icons in Tabs (sowie Bereiche-Symbolleiste-Icon inkl.) durch eigene Icons zu ersetzen (bzw. ggf. nur das Bereiche-Symbolleiste-Icon zu ersetzen und auf alle Tab-Icons zu verzichten).

    Euren Code zur Entfernung aller Tab-Icons habe ich gefunden und er funktioniert auf meinem Rechner...

    CSS
    .tab-icon-image {
display: none !important;}

    ...aber das Ersetzen...

    CSS
    .tabmail-tab[type="calendar"] {
list-style-image: url("../../../Icons/calendar.png") !important;}

    funktioniert auf meinem Rechner nicht.

    Ich danke Euch!

    Karl-Valentin

    ...mag minimalistisches Design.

  • graba 14. Juli 2023 um 23:47

    Hat das Thema freigeschaltet.

  • karl-valentin 14. Juli 2023 um 23:55

    Hat das Label von 115.* auf 102.* geändert.
    • Hilfreichste Antwort
    Zitat von karl-valentin

    funktioniert auf meinem Rechner nicht.

    Schau mal, was Du Dir daraus ↓ zusammenbauen kannst, den Pfad und Namen des Image, das Du verwenden willst, musst Du natürlich anpassen.

    CSS
    #tabs-toolbar .tabmail-tab[label="Einstellungen"] .tab-icon-image {
    display: none !important;
}
#tabs-toolbar .tabmail-tab[label="Einstellungen"] {
    background: #0082FC url("file:///C:/Users/????/Desktop/Tb-NTV-Nightly/chrome/icons/Bild3.gif") no-repeat !important;
    background-position: 5px 3px !important;
    padding-left: 16px !important;
    margin: 1px 1px 1px 0 !important;
}

    Eventuell musst Du auch noch mit dem padding und margin etwas experimentieren.

    und wech

    Dharkness

    Zitat von karl-valentin

    funktioniert auf meinem Rechner nicht.

    Hallo,

    funktioniert überhaupt nicht, oder wird kein Icon gezeigt?

    Für Icons, die nicht im Script eingebunden sind, sondern aus einem Ordner geladen werden sollen, hat sich von der Befehlssyntax

    auch für Firefox ein Standard etabliert. Es sollte dazu unter dem Ordner chrome ein Unterordner icons angelegt sein,

    in dem dann die erforderlichen Icons abgelegt sind.

    M.E. die Ordnernamen in Kleinschreibung, wird wohl für Linux wichtiger sein, als für Windows.

    Gruß, Bastler
    ------------------------------------------------------------------------------------------------------------
    Eine Rückmeldung zum Gelingen oder nicht, kann auch für andere nützlich sein.

    Einmal editiert, zuletzt von Bastler (15. Juli 2023 um 13:11) aus folgendem Grund: Zusatz

    Zitat von dharkness21

    Selbst dann sollte die Pfadangabe vollständig sein

    Das setze ich mal als Selbstverständlichkeit voraus. Ohne Wohnort -> Straße -> Hausnummer ist es schwer. ;)

    Gruß, Bastler
    ------------------------------------------------------------------------------------------------------------
    Eine Rückmeldung zum Gelingen oder nicht, kann auch für andere nützlich sein.

    Danke, Dharkness! Der Code funktioniert (natürlich)! Und der macht ja Spaß! Toll, dass Du mir neben der Option für indv. Icons auch die Option für Farbe gibst; Farbe gefällt mir vielleicht sogar besser!

    Nur selbst wäre ich auf den Code niemals gekommen. Da habe ich wohl noch einiges zu üben und lernen...

    Dass es den richtigen Pfad braucht, ist schon klar.

    Danke nochmals an Dich und auch an Dich, Bastler!

    ...mag minimalistisches Design.

    Zitat von karl-valentin

    Toll, dass Du mir neben der Option für indv. Icons auch die Option für Farbe gibst; Farbe gefällt mir vielleicht sogar besser!

    Dabei habe ich nur vergessen die Farbe heraus zu nehmen, aber schön das ich behilflich sein konnte. :)

    Zitat von karl-valentin

    Da habe ich wohl noch einiges zu üben und lernen...

    Ich habe auch klein angefangen, das wird schon.

    und wech

    Dharkness

  • Community-Bot 3. September 2024 um 21:00

    Hat das Thema geschlossen.