Hier mit jedem
Hier funktioniert weder die Kurzform mit z.B. [label^="E" noch die [label="Erweiterungen"] Variante.
Danke Dharkness für den gegen Check!
Was ist bei Dir anders 2002Andreas ?
Hier mit jedem
Hier funktioniert weder die Kurzform mit z.B. [label^="E" noch die [label="Erweiterungen"] Variante.
Danke Dharkness für den gegen Check!
Was ist bei Dir anders 2002Andreas ?
In meinem sauberen Testprofil gerade getestet, gleiches Resultat!
Der Erweiterunsbutton (bzw. dessen Tooltips) werden weder mit tooltip[label^="E"]
noch mit tooltip[label="Erweiterungen"] angesprochen.
Mir stellt sich gerade die Frage, ob die Methode wie CSS eingebunden wird, eine Rolle spielen könnte.
Wenn ich mich recht entsinne, gibt es da ja mehrere.
Verstehe ich jetzt nicht!
Das funktioniert bei mir nicht ![]()
Weder in der Stilbearbeitung noch direkt als Code in der userChrome.css.
Was ist da faul, bzw. was mache ich falsch, oder wo liegt der Fehler?
Alles anzeigenEgal ob ich "A", "B", "C" oder auch "Z" nehme.
Das bezieht sich jeweils auf den Anfangsbuchstaben des Tooltips.
A = Anwendungsmenü öffnen
E = Erweiterungen
Durch das ^ nach Label, reicht dann ein Buchstabe statt dem ganzen Text.
D.h., es werden dann alle Tooltips die mit A beginnen angesprochen.
Du kannst das dann auch wieder einschränken wenn du einen zweiten Buchstaben nimmst.
Per Label kann man sie unterschiedlich ansprechen, und verschiedene Farben vergeben.
A:
E:
Da ich als Beispiel nur E genommen habe betrifft das dann auch dieses Popup:
Ah!
Danke für die Erklärung.
Nur hilft das jetzt nicht bei den anderen Buttons weiter.
Denn z.B. tooltip[label="Morning Coffe Quantum"] für die gleichnamige Erweiterung funktioniert nicht,
auch tooltip[label="Erweiterungen"] für den verschiebbaren Button,
oder tooltip[label="Add-ons aktualisieren"] für den Button des Skripts, all diese Selektoren funktionieren nicht!
Ok, können auch nicht, weil tooltip falsch ist.
Aber wie komme ich und andere (Mary-J.) daran?
Habe gerade in Deiner Animation gesehen, dass Du den Tooltip von uBlock erreicht hast.
Auch, dass die Tooltips Deiner selbsterstellten Buttons funktionieren!
Komisch.
wie den Quicklinkbutton oder den für den Neustart mit Cache leeren.
Und so nur für einen bestimmten Tooltip:
Das funktioniert bei mir irgendwie nicht!
Egal ob ich "A", "B", "C" oder auch "Z" nehme.
Wie bist Du denn an die Bezeichnung (den Separator) gekommen?
Nachtrag.
Try and error, von "A" bis "Z" alles durchprobiert.
Und was stelle ich fest?
Also genau jene Tooltips, die auch von #dynamic-shortcut-tooltip angesprochen wurden.
OK, nun kann ich sie auch einzeln und ganz individuell ansprechen.
Das ist schön, Danke 2002Andreas.
Habe mit den Browser-Werkzeugen etwas herumgefuchtelt.
Die Tooltips, die mit
angesprochen werden (sollten), sind
#back-button-tooltip & #forward-button-tooltip.
Hier dürfte klar sein, um welche Buttons es sich handelt.
Anders sieht es beim nächsten Separator aus.
Dieser, #dynamic-shortcut-tooltip, spricht die Tooltips von,
Reloadbutton, "Neuen Tab öffnen", Leseansicht (im Adressfeld) und den Downloadbutton an.
Für die Tooltips der Tabs, den hat Mary-J. ja schon genannt, ist #tabbrowser-tab-tooltip zuständig.
Für all die anderen Tooltips, z.b. den Homebutton, das Anwendungsmenü, Erweiterungen und
auch für die Tooltips der Buttons der Erweiterungen, z.b. uBlock, MySessions, Morning Coffe Quantum,
konnte ich die Separatoren leider nicht herausfinden.
Auch nicht für die Eigenkreationen, wie den Quicklinkbutton oder den für den Neustart mit Cache leeren.
Und hier mal das CSS zum Testen:
#back-button-tooltip,
#forward-button-tooltip {
appearance: none !important;
background-color: red !important;
font-size: 13px !important;
color: white !important;
border: 1px solid yellow !important;
border-radius: 4px !important;
box-shadow: none !important;
padding: 5px 7px 6px 7px !important;
width: auto !important;
height: auto !important;
vertical-align: middle !important;
overflow: hidden !important;
}
#dynamic-shortcut-tooltip {
appearance: none !important;
background-color: orange !important;
font-size: 13px !important;
color: white !important;
border: 1px solid yellow !important;
border-radius: 4px !important;
box-shadow: none !important;
padding: 5px 7px 5px 7px !important;
width: auto !important;
height: auto !important;
vertical-align: middle !important;
overflow: hidden !important;
}
#tabbrowser-tab-tooltip {
appearance: none !important;
background-color: green !important;
font-size: 13px !important;
color: white !important;
border: 1px solid yellow !important;
border-radius: 4px !important;
box-shadow: none !important;
padding: 5px 7px 5px 7px !important;
width: auto !important;
height: auto !important;
vertical-align: middle !important;
overflow: hidden !important;
}
Alles anzeigen
Das hat aber mit Websites nichts zu tun. Mary-J. Was denn nun, Firefox oder Website wetteronline.de?
Die tooltips der toolbarbuttons in der #nav-bar werden damit nicht mehr angesprochen.
[Dies ist merkwürdig: Wenn ich ich die Entwicklerwerkzeuge(chrome) öffne, funktioniert das Script plötzlich (ohne Neustart) einwandfrei, nach einem Neustart wieder nicht.]
Browser-Werkzeuge geöffnet werden.
Die Browser-Werkzeuge helfen hier nicht, hier geht es um eine Website. Der einfachste Weg ist da Rechtsklick auf das Element und dann auf Untersuchen.
Äh, nein.
Es geht um die Tooltips, die sich öffnen, wenn man die Maus z.B. auf den Downloadbutton hält, oder aber jene, die sich öffnen,
wenn der Mauszeiger über den Tabs "schwebt".
Und weil diese Tooltips sich ja von alleine schließen, würde ich gerne wissen wollen, wie man an deren Selektoren herankommt.
ZitatDir ist schon klar, dass das etwas völlig Anderes ist? Hier geht es um eine Website, nicht um die Oberfläche von Firefox.
Stimmt auch nur bedingt, dieser tooltip kommt von chrome.
Zitatwas definitiv nicht so sein sollte.
Doch, siehe oben.
Ich zank’ mich mit Dir nicht herum, nur bin ich da ganz anderer Meinung.
Aber ich lasse mich auch eines Besseren belehren.
Mal schauen, was die Profis da zu schreiben werden.
Ja ich weiß.
Nur sollte es nicht so sein, dass das Skript zwar in das Aussehen von Firefox eingreift,
aber eben nicht in die Darstellung von Webseiten?
Denn ich habe auch gerade gemerkt, dass die Tooltips auf Tagesschau.de rot sind,
was definitiv nicht so sein sollte.
WetterRadar oben rechts:
Die 5 Symbole: WetterRadar, RegenRadar, usw.
Sei so nett und mache doch ein Mal einen Screenshot, denn bei mir wird da nichts blau.
Nur die Roten, die funktionieren.
Danke @Mira_Belle,
damit weiß ich das das Problem schon mal Betriebssystemunabhängig ist.
Zitat[Dies ist merkwürdig: Wenn ich ich die Entwicklerwerkzeuge(chrome) öffne, funktioniert das Script plötzlich (ohne Neustart) einwandfrei, nach einem Neustart wieder nicht.]
Deshalb gehe ich davon aus dass der Selektor schon richtig ist.
Ja, aber nur der Selektor tooltip!
Welche "Blasen" Tooltips mit dem Selektor .tooltip (BLAU) angesprochen werden sollten, ist mir schleierhaft.
d.h. sie werden nicht angesprochen.
Die können auch nicht angesprochen werden, da sie kein "tooltip" sind, sondern ein "tooltiptext"...
Das Komische ist nur, dass sie dennoch angesprochen werden, aber eben nur, wenn die Browser-Werkzeuge geöffnet werden.
Nach einem Neustart ist die Funktion wieder futsch.
So sieht es bei mir mit dem Javascript für die Tooltips aus.
Schwarz sind jene, die laut Script eigentlich blau sein sollten, d.h. sie werden nicht angesprochen.
Bei den anderen funktioniert es!
PS: Gibt es denn eine Möglichkeit per Browserwerkzeugen die Selektoren raus zu finden?
Die "Blasen" (Tooltips) schließen sich ja automatisch.
Ah, dann hätte ich da vielleicht doch was. ![]()
@-moz-document url(chrome://browser/content/browser.xhtml) {
/************** Flexibler Leerraum (Anpassen-Menue), die Breite ist anpassbar ***********************/
toolbarpaletteitem[id^="wrapper-customizableui-special-spring"] {
min-width: 15px!important;
max-width: 15px!important;
}
toolbarspring {
-moz-box-flex: 1;
min-width: 5px!important;
max-width: 5px!important;
}
Alles anzeigen
Bitte testen.
Ich habe diesen Code direkt in der userChrome.css stehen.
Neues Profil, und div. Icons eingefügt:
Lässt sich der "Donnerbalken" von "Abstände zwischen Adressfeld und Buttons" nicht per CSS beeinflussen?
Oder das Adressfeld verschieben? (Padding bzw. Margin)
Auf jeden Fall bin ich hier raus, da ich kein Linux nutze.
Erstelle mal ein neues Profil, dann siehst Du, das die von Haus aus da sind.
Echt?
Dann aber wohl nur unter Linux, denn bei Windows ist das nicht so.
Siehe Piktures von 2002Andreas.
Und bei Windows ist das Adressfeld auch dynamisch, d.h. wenn ich eigene Buttons oder
welche von Erweiterungen in die Navbar ziehe, wird das Adressfeld von alleine schmaler.
Du meinst die Abstände zwischen Adressfeld und Buttons?
Eventuell durch eine Erweiterung verursacht, oder es gibt schon eine Anpassung per CSS.
Normal ist das nicht!
Ich vermute, dass das auf dem Notebook damit zusammen hängt, dass da recht viele Buttons von Erweiterungen sind.