External-Aplication.uc.js als vertikale Buttonbar links unter TabsToolbar möglich?

harff182

Schade

harff182

Zitat von grisu2099

Hier ein Script für eine vertikale Leiste:

Ich hab eine Einsatzmöglichkeit für die von Dir ins Spiel gebrachte Leiste Gefunden

Allerdings hab ich mit dem Button zum toggeln (sichtbar/unsichtbar) Probleme.

Verschiedene GFX für sichtbar/unsichtbar sind da.

Der Button befindet sich Ganz links in der Tableiste.

Ich hab den ganzen Abend rumprobiert, bekomms allerdings wieder nicht hin, den Button richtig aus einem zusätzlichen .css anzusprechen, um ihn z.B positionieren oder ihm einen Hintergrund oder Rahmen zu verpassen.

Magst Du mir helfen?

grisu2099

Du hast den Button hiermit angesprochen: #fp-toggle-toolbar?

harff182

Jepp:

CSS

/*     70_myFPgrisu-bar_links.css
    Benötigt 35_myFPgrisu-bar.uc.js als Basis
*/

#TabsToolbar #fp-toggle-toolbar {
   border: 2px solid !important;
}

grisu2099

Vielleicht solltest du auch eine Farbe angeben?

harff182

Argl...

CSS

#TabsToolbar #fp-toggle-toolbar {
   border: 2px solid blue !important;
   background: gold !important;
}

bleibt ohne Reaktion...

grisu2099

Ich weiß im Moment auch nicht weiter, sorry.

Allerdings habe ich auch noch nicht versucht, einen Rahmen um eine Schaltfläche zu zaubern...

harff182

Vielleicht erbarmt sich ja 2002Andreas

Ich geh , hab morgen um 8:30 wieder nen Termin

grisu2099

Geht doch:

CSS

toolbar .toolbarbutton-1 {
    border: 1px solid red !important;
    }

Wirkt dann aber auf alle Buttons. Mußt also evtl. einzelne ausschließen...

2002Andreas

Zitat von harff182

oder ihm einen Hintergrund oder Rahmen zu verpassen.

Meinst du das so?

Wenn ja, dann teste bitte mal:

CSS

#fp-toggle-toolbar.toolbarbutton-1.chromeclass-toolbar-additional image.toolbarbutton-icon {
  border: 2px dotted red !important;
}

#fp-toggle-toolbar.toolbarbutton-1.chromeclass-toolbar-additional image.toolbarbutton-icon {
  --toolbarbutton-hover-background: lightgreen !important;
}

2002Andreas

Und so, wenn du einen eigenen Hintergrund für den Button hast, der sich bei hover ändert.

Dafür musste ich etwas basteln wie man so sagt

(evtl. kennt ja ein anderer user eine einfachere/bessere Art.

Ich hatte nämlich Probleme bei hover, wenn ich eine HG Farbe für den Button festgelegt hatte)

CSS

#fp-toggle-toolbar > image {     
    --set-button-background: yellow;
    --set-button-hover-background: lightgreen;
}

#fp-toggle-toolbar > image {
    background: var(--set-button-background);
    border: 2px dotted red !important;
}

#fp-toggle-toolbar:hover > image {
    background:var( --set-button-hover-background) !important;
    border: 2px dotted red !important;
}

Alles anzeigen

harff182

Nicht, daß jemand denkt, ich hätte die Lust verloren - ich hab nur eine häßliche Impfwoche hinter mir:

Booster, Grippeschutz, Pneumokoken... halt das, was Pandemie/Jahreszeit/Alter so mit sich bringen

Und da ist meinereiner hinterher hauptsächlich müde und unkonzentriert

Back2Topic:

Ich hab mir die Codes von 2002Andreas aber zwischenzeitlich zu Gemüte geführt und bin nun mit diesem (relativ einfachen) Code da, wo ich hinwollte:

CSS

#fp-toggle-toolbar > image {
    border: 2px dotted black !important;
    background: gold !important;
    margin: 6px  0px  1px   1px  !important;              
    padding: 3px !important;
}

Danke für die Abguckvorlagen

2002Andreas

Zitat von harff182

da, wo ich hinwollte:

Freut mich, so sollte es ja auch sein

Zitat von harff182

eine häßliche Impfwoche hinter mir

Dann alles Gute, ruh dich aus.

harff182

Zitat von 2002Andreas

Zitat von grisu2099

geht tooltiptext nicht zu ändern.

So habe ich das auch noch in Erinnerung.

Ich hab grad in einem Nachbarthread einen interessanten Hinweis gefunden.

Nachdem mir das Beispiel "Tooltips" ins Auge gesprungen ist kam mir folgende Idee:

Könnte man über diesen Umweg nicht "Pseudo-Tooltips" mit beliebiger Positionierung und eigenem Text neben einem Button erstellen?

2002Andreas

Zitat von harff182

nicht "Pseudo-Tooltips"

Wenn dann wohl nur mit einem Script.

Da bin ich aber überfragt dann.

harff182

Zitat

um einen rein CSS-basierten, Wörterbuch ähnlichen Tooltip zu erstellen.

Das läst mich nicht in Ruhe.

Werd ich mal für die Feiertage auf meine ToDo-Liste setzen...

grisu2099

...ich bin gespannt auf das Ergebnis.

2002Andreas

Zitat von harff182

Das läst mich nicht in Ruhe.

Ob dir das bei egal was hilft, kann ich dir nicht sagen:

CSS

/* AGENT_SHEET */

tooltip[label="Stylus"],
.balloonTooltip,
tooltiptext,
tooltip,
#tooltip,
.tooltip,
#aHTMLTooltip {
     margin-top: 80px !important;
     appearance: none !important;
     font-size: 20px !important;
     background: red !important;
}

Alles anzeigen

harff182

Zitat von 2002Andreas

egal

2002Andreas

Naja, du suchst du etwas für deine Tooltips, evtl. nutzt es dir ja etwas dabei

harff182 16. Dezember 2021 um 21:23