1. Home
  2. News
  3. Download
    1. Thunderbird Release Version
    2. Thunderbird 128 ESR
    3. Thunderbird 115 ESR
    4. Thunderbird Beta Version
    5. Language Pack (User Interface)
    6. Dictionaries (Spell Check)
  4. Help & Lexicon
    1. Instructions for Thunderbird
    2. Questions & Answers (FAQ) about Thunderbird
    3. Help for this Website
  5. Forums
    1. Unresolved Threads
    2. Latest Posts
    3. Threads of the last 24 hours
  • Login
  • Register
  • 
  • Search
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Forum
  • Lexicon
  • Articles
  • Pages
  • More Options
  1. Thunderbird Mail DE
  2. Forum
  3. Hilfe zu Add-ons und manuellen Anpassungen
  4. Manuelle Anpassungen per CSS oder Script

vbox per userChrome ansprechen

  • ChaosRacer
  • June 24, 2018 at 8:43 PM
  • Closed
  • Thread is Resolved
  • ChaosRacer
    Member
    Reactions Received
    6
    Posts
    102
    Member since
    15. Jul. 2007
    Helpful answer
    1
    • June 24, 2018 at 8:43 PM
    • #1
    • Thunderbird-Version: 52.8.0

    Hallo zusammen,

    ich würde gerne wissen ob und wie es möglich wäre die folgende vbox weloche im Screenshot eingekreist ist per userChrome anzusprechen? Ich finde allerdings keinerlei Anhaltspunkte, wie ich diese per CSS ansprechen kann, ohne das z.B. andere vbox-Elemente mit angesprochen werden. Ich möchte das Addon CardBook optisch etwas an meine Bedürfnisse anpassen allerdings dürfte das auch eine generelle Frage sein.

    Kann mir da jemand weiterhelfen?

    Images

    • vbox.jpg
      • 157.08 kB
      • 1,845 × 948

    Gruß, ChaosRacer
    ------------------------------

    "Eins wird dir jeder richtige Rennfahrer sagen: Ob du einen Inch oder eine Meile Vorsprung hast, gewonnen ist gewonnen...!"

  • Mapenzi
    Senior Member
    Reactions Received
    1,024
    Posts
    11,810
    Member since
    26. May. 2012
    Helpful answers
    117
    • June 25, 2018 at 12:12 AM
    • #2

    Hallo,

    die von dir gekennzeichnete vbox kann man nicht direkt per CSS ansprechen, es gibt deren zu viele.

    Du kannst aber bestimmte Elemente innerhalb dieser vbox ansprechen, aber das hast du nicht genauer beschrieben.

    Wenn ich mein CardBook-Tab öffne und die von dir markierte vbox blinken lasse, wird der folgende Kasten rot umrandet:

    Es handelt sich um das rechte Feld einer Kontaktkarte mit E-Mail, Telefon und Adresse bzw. URL.

    Gruß

  • ChaosRacer
    Member
    Reactions Received
    6
    Posts
    102
    Member since
    15. Jul. 2007
    Helpful answer
    1
    • June 25, 2018 at 8:55 PM
    • #3

    Mapenzi:

    Hallo Mapenzi, vielen Dank für die Rückmeldung. Ich habe es fast befürchtet, daß man diese nicht direkt ansprechen kann. Im Ursprung geht es darum, daß ich die Größe des Foto's gerne ändern möchte. Ich nutze CardBook in der 3-Spalten-Ansicht. Da die Kontaktdaten in dieser Ansicht anders dargestellt werden (die Felder sind leer bzw. werden unterhalb angezeigt), wollte ich die ganze vbox ausblenden um Platz für ein größeres Foto schaffen zu können. Ich vermute, daß es daran liegt, daß ich wegen der vbox das Foto in der Größe nicht ändern kann per CSS. Ich habe auch schon versucht einfach die entsprechenden Einträge auszublenden, allerdings bleibt die vbox bestehen. Ggf. hättest Du einen anderen Lösungsansatz für mich um das Foto vergrößern zu können?

    Gruß, ChaosRacer
    ------------------------------

    "Eins wird dir jeder richtige Rennfahrer sagen: Ob du einen Inch oder eine Meile Vorsprung hast, gewonnen ist gewonnen...!"

    Edited once, last by ChaosRacer (June 25, 2018 at 9:23 PM).

  • Thunder
    Administrator
    Reactions Received
    776
    Articles
    276
    Posts
    7,276
    entries
    169
    Member since
    8. Jul. 2003
    Helpful answers
    58
    • June 25, 2018 at 9:05 PM
    • #4

    Man könnte den Cardbook-Autor mal fragen, ob er ein paar mehr IDs für bestimmte Boxen vergeben könnte. Dann könnte man diese auch besser ansprechen.

    Gruß
    Thunder ( Mein persönlicher Wunschzettel )

    Keine Hilfe per Konversation! - Danke für Euer Engagement und Eure Geduld!

  • ChaosRacer
    Member
    Reactions Received
    6
    Posts
    102
    Member since
    15. Jul. 2007
    Helpful answer
    1
    • June 25, 2018 at 9:22 PM
    • #5
    Quote

    Man könnte den Cardbook-Autor mal fragen, ob er ein paar mehr IDs für bestimmte Boxen vergeben könnte. Dann könnte man diese auch besser ansprechen.

    Thunder:

    Hallo Thunder, da gebe ich Dir vollkommen Recht und das wäre mein nächster Schritt, sofern es keine andere Alternative dafür gibt. Ich würde auch gerne die enzelnen Felder in der Kontaktkarte in der Reihenfolge ändern z.B. Organisation an die Position setzen wo Adressen steht. Den Firmenname so getrennt von der Firmenadresse dargestellt zu haben mißfällt mir etwas. Auch da kann ich natürlich mit dem Autor Kontakt aufnehmen aber wäre es innerhalb dieser Kontaktkarte möglich die Positionen zu verändern? Wie z.B. mit -moz-box-ordinal-group?

    Gruß, ChaosRacer
    ------------------------------

    "Eins wird dir jeder richtige Rennfahrer sagen: Ob du einen Inch oder eine Meile Vorsprung hast, gewonnen ist gewonnen...!"

  • Thunder
    Administrator
    Reactions Received
    776
    Articles
    276
    Posts
    7,276
    entries
    169
    Member since
    8. Jul. 2003
    Helpful answers
    58
    • June 25, 2018 at 9:25 PM
    • #6

    Ich habe mal ein bisschen mit dem CSS gespielt. Vielleicht hilft Dir diese Regel:

    Code
    #cardbookTabbox > tabpanels > tabpanel > hbox:nth-child(1) > vbox:nth-child(3) {
        display: none;
    }

    Gruß
    Thunder ( Mein persönlicher Wunschzettel )

    Keine Hilfe per Konversation! - Danke für Euer Engagement und Eure Geduld!

  • ChaosRacer
    Member
    Reactions Received
    6
    Posts
    102
    Member since
    15. Jul. 2007
    Helpful answer
    1
    • June 25, 2018 at 9:46 PM
    • #7
    Quote

    Ich habe mal ein bisschen mit dem CSS gespielt. Vielleicht hilft Dir diese Regel:

    Thunder:

    vielen Dank dafür, das hilft insofern weiter, daß die Box jetzt auch tatsächlich komplett ausgeblendet wird. Allerdings kann ich trotzdem leider nicht die Breite des Foto's beeinflussen wie ich es gehofft und vermutet habe. Die vbox hat dann vermutlich doch keinen Einfluß auf die Fotogröße oder ich sehe gerade den Wald vor lauter Bäumen nicht...

    Gruß, ChaosRacer
    ------------------------------

    "Eins wird dir jeder richtige Rennfahrer sagen: Ob du einen Inch oder eine Meile Vorsprung hast, gewonnen ist gewonnen...!"

  • Mapenzi
    Senior Member
    Reactions Received
    1,024
    Posts
    11,810
    Member since
    26. May. 2012
    Helpful answers
    117
    • June 25, 2018 at 9:55 PM
    • #8

    Hallo,

    mir wird das zu kompliziert, ich hatte alleine schon eine Stunde dabei verbracht, in dieser wahrlich nicht sehr klaren Baumstruktur bis zu der entsprechenden vbox zu gelangen, um die in Frage kommenden Elemente zu identifizieren.

    Aber die Idee, mit dem Autor Kontakt aufzunehmen, finde ich nicht schlecht.

  • Thunder
    Administrator
    Reactions Received
    776
    Articles
    276
    Posts
    7,276
    entries
    169
    Member since
    8. Jul. 2003
    Helpful answers
    58
    • June 25, 2018 at 9:58 PM
    • #9

    ChaosRacer: Zeig mir in der Struktur mal wo das Foto "sitzt".

    Gruß
    Thunder ( Mein persönlicher Wunschzettel )

    Keine Hilfe per Konversation! - Danke für Euer Engagement und Eure Geduld!

  • Mapenzi
    Senior Member
    Reactions Received
    1,024
    Posts
    11,810
    Member since
    26. May. 2012
    Helpful answers
    117
    • June 25, 2018 at 10:02 PM
    • #10
    Quote from Thunder

    Vielleicht hilft Dir diese Regel:

    Ich habe sie getestet. Bei mir wirkt sie nur in der klassischen Ansicht von CardBook, nicht in der 3-Spalten-Ansicht.

  • Mapenzi
    Senior Member
    Reactions Received
    1,024
    Posts
    11,810
    Member since
    26. May. 2012
    Helpful answers
    117
    • June 25, 2018 at 10:09 PM
    • #11
    Quote from Thunder

    wo das Foto "sitzt".

    Hier in der klassischen Ansicht :

  • ChaosRacer
    Member
    Reactions Received
    6
    Posts
    102
    Member since
    15. Jul. 2007
    Helpful answer
    1
    • June 25, 2018 at 10:11 PM
    • #12
    Quote

    mir wird das zu kompliziert,

    Mapenzi:

    kann ich nachvollziehen. Ich tue mich da auch etwas schwer die richtigen Elemente zu finden.

    Quote

    Zeig mir in der Struktur mal wo das Foto "sitzt"

    Thunder:

    anbei ein Screenshot der entsprechenden Struktur. Gibt es eigentlich auch einen komfortableren Weg Änderungen in der userChrome sichtbar zu machen ohne Thunderbird immer wieder zu schliessen und neu zu öffnen?

    Images

    • imagebox.jpg
      • 82.05 kB
      • 902 × 666

    Gruß, ChaosRacer
    ------------------------------

    "Eins wird dir jeder richtige Rennfahrer sagen: Ob du einen Inch oder eine Meile Vorsprung hast, gewonnen ist gewonnen...!"

  • Thunder
    Administrator
    Reactions Received
    776
    Articles
    276
    Posts
    7,276
    entries
    169
    Member since
    8. Jul. 2003
    Helpful answers
    58
    • June 25, 2018 at 10:15 PM
    • #13

    Man kann das CSS direkt mit/in den Entwickler-Tools bearbeiten. Bin gerade nicht sicher, ob die in der 52.8.0 drin sind. In der 60er-Beta sind die halt drin und funktionieren seit Beta-8 auch wieder:

    Menü Extras > Entwickler-Werkzeuge > Entwickler-Werkzeugkasten. Es öffnet sich dann (nicht ganz ersichtlich) im Hintergrund ein Dialog, der um Erlaubnis fragt, was man bestätigen muss. Dann kannst Du im 2. Fenster den "Inspektor" benutzen und dort direkt die "Regeln" (also das CSS) probeweise bearbeiten. Mit "+" kann man dort zusätzliche eigene CSS-Regeln einfügen.

    Gruß
    Thunder ( Mein persönlicher Wunschzettel )

    Keine Hilfe per Konversation! - Danke für Euer Engagement und Eure Geduld!

  • ChaosRacer
    Member
    Reactions Received
    6
    Posts
    102
    Member since
    15. Jul. 2007
    Helpful answer
    1
    • June 25, 2018 at 10:22 PM
    • #14
    Quote

    Bei mir wirkt sie nur in der klassischen Ansicht von CardBook, nicht in der 3-Spalten-Ansicht.

    Mapenzi:

    In der 3-Spalten-Ansicht werden die Punkte eMail, Telefon usw. auch nicht neben dem Foto dargestellt. Stattdessen ist dort einfach eine leere vbox. Diese wird aber mit dem Code von Thunder vollständig ausgeblendet auch ohne Inhalte. Es gibt unterschiedliche ID's für die klassische Ansicht und für die 3-Spalten-Ansicht (als kurzes Beispiel: in der 3-Spalten-Ansicht heißt die ID für die eMail "emailmodernGroupbox" und in der klassischen Ansicht "emailclassicalGroupbox")

    Ausblenden wollte ich die vbox mit der ID "emailclassicalGroupbox" da ich dachte daß ich somit die Fotogröße verändern kann und diese vbox dies in der 3-Spalten-Ansicht verhindern würde.

    Gruß, ChaosRacer
    ------------------------------

    "Eins wird dir jeder richtige Rennfahrer sagen: Ob du einen Inch oder eine Meile Vorsprung hast, gewonnen ist gewonnen...!"

  • ChaosRacer
    Member
    Reactions Received
    6
    Posts
    102
    Member since
    15. Jul. 2007
    Helpful answer
    1
    • June 25, 2018 at 10:29 PM
    • #15
    Quote

    Man kann das CSS direkt mit/in den Entwickler-Tools bearbeiten

    Thunder:

    oha, da hab ich wohl geschlafen. Gibt es die Entwicklerwerkzeuge schon länger in Thunderbird?

    Ist mir bisher noch gar nicht aufgefallen. Die Entwicklerwerkzeuge sind tatsächlich so wie von Dir beschrieben auch in der Version 52.8.0 vorhanden. Vielen Dank für den hilfreichen Tip :thumbsup:

    Gruß, ChaosRacer
    ------------------------------

    "Eins wird dir jeder richtige Rennfahrer sagen: Ob du einen Inch oder eine Meile Vorsprung hast, gewonnen ist gewonnen...!"

  • ChaosRacer
    Member
    Reactions Received
    6
    Posts
    102
    Member since
    15. Jul. 2007
    Helpful answer
    1
    • June 26, 2018 at 7:50 PM
    • #16

    Hallo zusammen,

    ich habe inzwischen herausgefunden, daß die Größe des Foto's in einer Javascript-Datei vermutlich fest eingearbeitet worden ist. Ich vermute daß es dann nicht möglich sein wird die Fotogröße per CSS zu verändern oder liege ich da falsch?

    Gruß, ChaosRacer
    ------------------------------

    "Eins wird dir jeder richtige Rennfahrer sagen: Ob du einen Inch oder eine Meile Vorsprung hast, gewonnen ist gewonnen...!"

  • Mapenzi
    Senior Member
    Reactions Received
    1,024
    Posts
    11,810
    Member since
    26. May. 2012
    Helpful answers
    117
    • June 26, 2018 at 9:26 PM
    • #17

    Ich habe eben mal einen Code in dieser Art getestet:

    CSS
    #defaultCardImage {
    min-height: 258px !important; 
    min-width: 236px !important; }

    Das funktioniert bei mir :

    Man muss die Höhe und Breite in Pixel des Fotos kennen und dann mit einem Multiplikator bearbeiten, damit die Harmonie zwischen Höhe und Breite erhalten bleibt. Der Multiplikator kann größer oder kleiner sein je nach der Originalgröße der Fotos, z. B. 1.2 oder 0.85.

    Das funktioniert natürlich nur, wenn alle verwendeten Fotos ungefähr die selben Dimensionen bzw. das selbe Verhältnis von Höhe zu Breite haben.

  • ChaosRacer
    Member
    Reactions Received
    6
    Posts
    102
    Member since
    15. Jul. 2007
    Helpful answer
    1
    • June 28, 2018 at 10:09 PM
    • #18

    Mapenzi:

    vielen Dank für den Code. Ich hatte sowieso schon darüber nachgedacht alle Kontaktfotos auf ein bestimmtes Maß entsprechend einzupflegen. Da passt diese Art der Fotogrößenänderung ganz gut. Ich hatte mit width und height auch schon experimentiert allerdings bin ich selber nicht auf die Idee gekommen es mal mit min-width oder min-height auszuprobieren. Ich werde es mal testen und schauen ob es für mich ausreichend ist und mich nochmal melden. Vorab erst einmal vielen Dank :thumbsup:

    Gruß, ChaosRacer
    ------------------------------

    "Eins wird dir jeder richtige Rennfahrer sagen: Ob du einen Inch oder eine Meile Vorsprung hast, gewonnen ist gewonnen...!"

  • ChaosRacer
    Member
    Reactions Received
    6
    Posts
    102
    Member since
    15. Jul. 2007
    Helpful answer
    1
    • July 4, 2018 at 7:28 PM
    • #19

    Hallo zusammen,

    ich denke ich habe jetzt eine ganz praktikable Lösung gefunden. Mein fertiger Code falls jemand daran Interesse hat:

    CSS
    /*--------------------------------------------------*/
    /* Addon-Cardbook: Kontakt-Tabs ausblenden */
    /*--------------------------------------------------*/
    #cardbookTabbox tabs {
    display: none !important;
    }
    /*--------------------------------------------------*/
    /* Addon-Cardbook: Kontakt bearbeiten */
    /*--------------------------------------------------*/
    #mainEditionBox textbox,
    #mainEditionBox menulist {
    padding: 5px !important;
    font-size: 12px !important;
    }
    #mainEditionBox #defaultCardImage {
    min-width: 103px !important;
    min-height: 132px !important;
    padding: 5px !important;
    border: 1px solid #E5E5E5 !important;
    box-shadow: 2px 2px 2px 2px #999999 !important;
    margin-top: 20px !important;
    }
    /*--------------------------------------------------*/
    /* Addon-Cardbook: Kontaktfoto vergrößern */
    /*--------------------------------------------------*/
    #cardbookTabbox #defaultCardImage { 
    min-width: 206px !important;
    min-height: 265px !important;
    padding: 10px !important;
    border: 1px solid #E5E5E5 !important;
    box-shadow: 3px 3px 3px 3px #999999 !important;
    }
    /*--------------------------------------------------*/
    /* Addon-Cardbook: 3-Spalten-Ansicht */
    /* Klassische Gruppenbox ausblenden (eMail, URL ...)*/ 
    /*--------------------------------------------------*/
    #cardbookTabbox > tabpanels > tabpanel > hbox:nth-child(1) > vbox:nth-child(3) {
    display: none !important;
    }
    Display More

    Was ich noch ändern mußte, waren die ID-Angaben für die Fotovergrößerung, weil sonst im "Bearbeiten-Dialog" das Foto genauso groß angezeigt wird wie in der Kontaktvorschau. Ausserdem habe ich noch ein wenig "Schönheitskur" betrieben :) mir gefällt es nun.

    Vielen Dank für die Unterstützung. Fertig bin ich allerdings noch nicht. ;)

    Images

    • cardbook-1.png
      • 63.57 kB
      • 1,602 × 861
    • cardbook-2.png
      • 50.24 kB
      • 775 × 1,012

    Gruß, ChaosRacer
    ------------------------------

    "Eins wird dir jeder richtige Rennfahrer sagen: Ob du einen Inch oder eine Meile Vorsprung hast, gewonnen ist gewonnen...!"

    Edited 2 times, last by ChaosRacer (July 4, 2018 at 10:37 PM).

  • Thunder August 26, 2018 at 1:49 PM

    Moved the thread from forum Themes to forum Manuelle Anpassungen per CSS oder Script.
  • Community-Bot September 3, 2024 at 8:30 PM

    Closed the thread.

Current app version

  • Thunderbird 138.0.2 veröffentlicht

    Thunder May 20, 2025 at 4:44 PM

Current ESR version

  • Thunderbird 128.10.2 ESR veröffentlicht

    Thunder May 20, 2025 at 8:27 PM

No Advertisements

There are no advertisements here. Maybe you give the website owner (Alexander Ihrig - aka "Thunder") instead something to be able to finance these sites in the long run. Many Thanks!

Thank you for the support!

Coffee to be spent?

Donate now via Paypal*

*Forwarding to PayPal.Me

Thunderbird Mail DE
  1. Imprint & Contact
  2. Privacy Policy
    1. Cookie Policy
  3. Terms of Use
  4. Donation Call for Thunderbird
Help for this website
  • All website support articles
  • How to use website search
  • How to create a forums user account
  • How to create and edit a forums thread
  • How to reset your forums password
Copyright © 2003-2025 Thunderbird Mail DE

You are NOT on an official page of the Mozilla Foundation. Mozilla®, mozilla.org®, Firefox®, Thunderbird™, Bugzilla™, Sunbird®, Seamonkey®, XUL™ and the Thunderbird logo are (among others) registered trademarks of the Mozilla Foundation.

Powered by WoltLab Suite™