HD widgets farbe ändern??? "gelöst"

[denjo]

@oliverio nein das geht nicht weil das bild zb die lampe ist nur ein icon und aber die hintergrund farbe bleibt

[OliverIO]

@denjo

klar geht das.
bild in gimp öffnen und in den layers die opacity absenken

das was du meinst mit "den hintergrund sehen" nennt sich transparency oder alpha kanal

[Homoran]

war da icht eins checkbox "jqui verwenden" o.ä.
die muss deaktiviert werden, dann geht alles mit Bordmitteln

[OliverIO]

@homoran

aber es ist ein bild und nicht mit html/svg gemalt, wo man einfluss auf alle details hat-
wenn, dann könnte man das bild generell durchsichtiger machen mit der css opacity anweisung o das der hintergrund mehr durchscheint

[denjo]

@oliverio ich weiß gerade nicht ob ich dich nicht verstehe oder du mich nicht. Ich möchte den Hintergrund ändern zb gelb in Grün und zb grau in blau und transparent zb. hier nochmal das widget ohne bild drin.

[Homoran]

@oliverio sagte in HD widgets farbe ändern???:

aber es ist ein bild

ich denke es geht um den Hintergrund, nicht um die bulb

[OliverIO]

@homoran

jaja die magie der sprache.
HD HD

das ist jetzt nur für den on state

#w00056 .vis-hq-main.vis-hq-button-base-on {
    background-color: green;
    background-image: none;
}

der css selektor für off nennt sich
#w00000 .vis-hq-main.vis-hq-button-base-off

antatt green kann jede gültige css farbangabe genommen werden.
im original ist ein linear-gradient enthalten

das muss im css tab eingetragen werden.
die widgetid davor angeben. ohne die widget-id gilt es für alle widgets, die die css klasse vis-hq-main.vis-hq-button-base-on haben

[Homoran]

@oliverio sagte in HD widgets farbe ändern???:

HD HD

@denjo bitte Threadtitel anpassen!

[denjo]

@oliverio puh, ich verstehe das leider noch nicht so ganz.

[OliverIO]

@denjo
Was verstehst du nicht?
Du musst schon etwas genauer erklären.
Versuche es bitte diesmal

[denjo]

@oliverio sagte in HD widgets farbe ändern???:

#w00056 .vis-hq-main.vis-hq-button-base-on {
    background-color: green;
    background-image: none;
}

Das verstehe ichnicht

[OliverIO]

@denjo
Diese Erklärung hat dir nicht gereicht?

Bitte konkret schreiben, welcher der Sätze davon du nicht verstehst und was du probiert hast.
Sorry den copy/Paste kann ich für dich nicht machen.
Deine Tastatur kann ich für dich auch nicht bedienen.

antatt green kann jede gültige css farbangabe genommen werden.
im original ist ein linear-gradient enthalten

das muss im css tab eingetragen werden.
die widgetid davor angeben. ohne die widget-id gilt es für alle widgets, die die css klasse vis-hq-main.vis-hq-button-base-on haben

Ansonsten wäre ich am Ende meiner didaktischen Fähigkeiten, evtl. kann noch jemand anderes helfen

[denjo]

@oliverio okay jetzt habe ich es geschnallt, danke. also green, blue usw klappt aber wie bekomme ich es transparent?

edit: hab es hinbekommen

[denjo]

@oliverio es funktioniert aber nur bei on, nicht bei off??

#w00587 .vis-hq-main.vis-hq-button-base-on {
    background-color: rgba(230, 233, 29, 0.505);
    background-image: none;
}
#w00587 .vis-hq-main.vis-hq-button-base-off {
    background-color: rgb(11, 6, 77);
    background-image: none;
}

[OliverIO]

@denjo

Ich kann erst morgen wieder probieren,
Aber probiere es mal ohne -off
Also

vis-hq-main.vis-hq-button-base

Ich gklaube der Basis Style war da drauf

[denjo]

@oliverio

.vis-hq-main.vis-hq-button-base-on {
    background-color: rgba(230, 233, 29, 0.359);
    background-image: none;
}
.vis-hq-main.vis-hq-button-base {
    background-color: rgb(11, 6, 77);
    background-image: none;
}

leider auch nicht

[OliverIO]

@denjo

du musst das wie folgt nennen

.vis-hq-main.vis-hq-button-base-normal {

[denjo]

@oliverio funktioniert, besten dank

[denjo]

@oliverio kurze frage wie findet man das raus?

[OliverIO]

@denjo

Mit den Web Developer Tools, die im Browser eingebaut sind
Mit F12 kannst du die öffnen,
Dann kannst du dir alle Aspekte einer Seite anschauen.
Für diesen Fall gibt es ein Tool, mit der man mit der Maus auf ein bestimmtes HTML Element ziehen kann und schauen, welche CSS Einstellungen dort wirken. Man kann auch direkt dort anpassen und ergänzen und schauen ob es funktioniert.