Icons der Tabs

karl-valentin

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

dharkness21

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.

Bastler

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.

dharkness21

Zitat von Bastler

Es sollte dazu unter dem Ordner chrome ein Unterordner icons angelegt sein,
in dem dann die erforderlichen Icons abgelegt sind.

Selbst dann sollte die Pfadangabe vollständig sein, das ist sie bei nun wirklich nicht.

Bastler

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.

karl-valentin

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!

dharkness21

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.

Icons der Tabs

graba 14. Juli 2023 um 23:47

karl-valentin 14. Juli 2023 um 23:55

karl-valentin 15. Juli 2023 um 23:47

Community-Bot 3. September 2024 um 21:00

Thunderbird 138.0.1 veröffentlicht

Thunderbird 128.10.1 ESR veröffentlicht

Ähnliche Themen

Allow HTML Temp - Version 8.0 für Thunderbird 102

Reihenfolge der "Kopfleisten" ändern

Fehlerhafte Icon-Darstellung im Google-Kalender

CSS in TB 102.1.0 ohne Funktion (1)

Phoenity Icons muss man bei jedem TB-Start neu starten

Tableiste mit Bedienungsicons schmaler machen