- Posts: 10
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Designänderung funktioniert nicht
- RicCX1
- Topic Author
- Offline
- New Member
Less
More
3 years 6 months ago #205139
by RicCX1
Designänderung funktioniert nicht was created by RicCX1
Hallo,
folgendes Problem: Unser Kunde wollte Buttons und Fortschrittsbalken gerne in seinem grün haben.
Hab ich recht schnell hingekriegt. Auch, dass die Buttons beim drüberfahren etwas dunkler werden.
Aber beim draufklicken werden sie immer noch blau.
So wie ich die verschiedenen Beiträge zu css verstehe, müsste das der Befehl :active sein.
So habe ich es programmiert
.btn-info{background-color: #6eb900; border-color: #6eb900}
.btn-info:hover{background-color: #5e9e00; border-color: #5e9e00}
.btn-info:active{background-color: #5e9e00; border-color: #5e9e00}
Und so wie auf dem Bild sieht es aus.
Ich hoffe, es kann mir jemand helfen.
Danke.
Ricarda
folgendes Problem: Unser Kunde wollte Buttons und Fortschrittsbalken gerne in seinem grün haben.
Hab ich recht schnell hingekriegt. Auch, dass die Buttons beim drüberfahren etwas dunkler werden.
Aber beim draufklicken werden sie immer noch blau.
So wie ich die verschiedenen Beiträge zu css verstehe, müsste das der Befehl :active sein.
So habe ich es programmiert
.btn-info{background-color: #6eb900; border-color: #6eb900}
.btn-info:hover{background-color: #5e9e00; border-color: #5e9e00}
.btn-info:active{background-color: #5e9e00; border-color: #5e9e00}
Und so wie auf dem Bild sieht es aus.
Ich hoffe, es kann mir jemand helfen.
Danke.
Ricarda
Attachments:
The topic has been locked.
- jelo
- Offline
- Platinum Member
Less
More
- Posts: 5070
- Thank you received: 1263
3 years 6 months ago #205143
by jelo
Gibt bei Bootstrap ja noch ein paar weitere Zustände. Was bedeutet draufklicken? Maustaste gedrückt halten? Oder nach dem Loslassen? Ich vermute mal Focus ist noch nicht auf die Farbe umstellt. Aber ich bin nicht oft in den Untiefen von CSS und Bootstrap unterwegs.
!important kann vielleicht wegfallen, aber stellt höchste Priorität sicher.
Allgemein ist es sinnvoll die verwendete LimeSurvey Version und das verwendete Theme zu nennen.
The meaning of the word "stable" for users
www.limesurvey.org/forum/development/117...ord-stable-for-users
Replied by jelo on topic Designänderung funktioniert nicht
RicCX1 wrote: Aber beim draufklicken werden sie immer noch blau.
Gibt bei Bootstrap ja noch ein paar weitere Zustände. Was bedeutet draufklicken? Maustaste gedrückt halten? Oder nach dem Loslassen? Ich vermute mal Focus ist noch nicht auf die Farbe umstellt. Aber ich bin nicht oft in den Untiefen von CSS und Bootstrap unterwegs.
!important kann vielleicht wegfallen, aber stellt höchste Priorität sicher.
Code:
.btn-info { background-color: Green !important; border-color: Green !important; } .btn-info:hover, .btn-info:active, .btn-info:visited, .btn-info:focus { background-color: DarkGreen !important; border-color: DarkGreen !important; }
Allgemein ist es sinnvoll die verwendete LimeSurvey Version und das verwendete Theme zu nennen.
The meaning of the word "stable" for users
www.limesurvey.org/forum/development/117...ord-stable-for-users
The topic has been locked.
- Joffm
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 12790
- Thank you received: 3940
3 years 6 months ago #205157
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic Designänderung funktioniert nicht
Es gibt noch ein paar Zustände mehr:
.button-info.active
.button-info.active:hover
.button-info:hover:hover
Am besten, die bootstrap.css einmal nach "button" durchforsten; dort sind ja die default-Farben, woran man dann gut erkennen kann, welcher Zustand dies ist.
Joffm
.button-info.active
.button-info.active:hover
.button-info:hover:hover
Am besten, die bootstrap.css einmal nach "button" durchforsten; dort sind ja die default-Farben, woran man dann gut erkennen kann, welcher Zustand dies ist.
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
- holch
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 11758
- Thank you received: 2753
3 years 6 months ago #205174
by holch
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
Replied by holch on topic Designänderung funktioniert nicht
was passiert bei "hover:hover"?
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
The topic has been locked.
- Joffm
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 12790
- Thank you received: 3940
3 years 6 months ago - 3 years 6 months ago #205176
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic Designänderung funktioniert nicht
Ich habe nicht die geringste Ahnung.
Dies stammt aus dem Theme "TFR-Retro" von Tammo.
Und diese Klassen haben wir in "skelvanilla" von Denis.
.btn-primary:focus
.btn-primary.focus
.btn-primary:hover
.btn-primary:active
.btn-primary:active:hover
.btn-primary:active:focus
.btn-primary:active.focus
.btn-primary.active
.btn-primary.active:hover
.btn-primary.active:focus
.btn-primary.active.focus
Dies stammt aus dem Theme "TFR-Retro" von Tammo.
Code:
.btn-primary { border-color: #3d1100; background-color: #702000; } .btn-primary.active, .btn-primary:hover { background-color: #3d1100; border-color: #3d1100; } .btn-primary.active:hover, .btn-primary:hover:hover { background-color: #3d1100; border-color: #3d1100; }
Und diese Klassen haben wir in "skelvanilla" von Denis.
.btn-primary:focus
.btn-primary.focus
.btn-primary:hover
.btn-primary:active
.btn-primary:active:hover
.btn-primary:active:focus
.btn-primary:active.focus
.btn-primary.active
.btn-primary.active:hover
.btn-primary.active:focus
.btn-primary.active.focus
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 3 years 6 months ago by Joffm.
The following user(s) said Thank You: RicCX1
The topic has been locked.
- RicCX1
- Topic Author
- Offline
- New Member
Less
More
- Posts: 10
- Thank you received: 0
3 years 6 months ago #205204
by RicCX1
Replied by RicCX1 on topic Designänderung funktioniert nicht
Danke euch.
mit ".btn-info:active:hover" funktioniert es jetzt.
Ich bin gerade erst dabei, das mit den css-Befehlen zu lernen.
Das hat bis Mai ein Kollege von mir gemacht.
Wenn er etwas schon mal gemacht hat, z.B. zoomen von eingebundenen Bildern oder irgendetwas ausblenden, dann kann ich mir das aus alten Vorlagen erschließen, aber das mit den Buttons hatte er auch noch nicht gemacht.
Zum Glück gibt es dieses Forum und ein paar Leute, ganz besonder Joffm, die eigentlich immer eine gute Antwort haben.
mit ".btn-info:active:hover" funktioniert es jetzt.
Ich bin gerade erst dabei, das mit den css-Befehlen zu lernen.
Das hat bis Mai ein Kollege von mir gemacht.
Wenn er etwas schon mal gemacht hat, z.B. zoomen von eingebundenen Bildern oder irgendetwas ausblenden, dann kann ich mir das aus alten Vorlagen erschließen, aber das mit den Buttons hatte er auch noch nicht gemacht.
Zum Glück gibt es dieses Forum und ein paar Leute, ganz besonder Joffm, die eigentlich immer eine gute Antwort haben.
The topic has been locked.
- jelo
- Offline
- Platinum Member
Less
More
- Posts: 5070
- Thank you received: 1263
3 years 6 months ago #205206
by jelo
Könnte ein Trick sein. Vielleicht hilft die Wiederholung bei Hover z.B. zur Vermeidung von Problemen bei Touchscreens. Als Tippfehler würde es aber auch nicht weiter auffallen. Punkt und Doppelpunkt sind ja schnell mal anders gesetzt.
Eine Erklärung wäre schon interessant.
The meaning of the word "stable" for users
www.limesurvey.org/forum/development/117...ord-stable-for-users
Replied by jelo on topic Designänderung funktioniert nicht
Die Wiederholung von hover ist schon ungewöhnlich.Joffm wrote: Ich habe nicht die geringste Ahnung.
Dies stammt aus dem Theme "TFR-Retro" von Tammo.Code:.btn-primary:hover:hover
Könnte ein Trick sein. Vielleicht hilft die Wiederholung bei Hover z.B. zur Vermeidung von Problemen bei Touchscreens. Als Tippfehler würde es aber auch nicht weiter auffallen. Punkt und Doppelpunkt sind ja schnell mal anders gesetzt.
Eine Erklärung wäre schon interessant.
The meaning of the word "stable" for users
www.limesurvey.org/forum/development/117...ord-stable-for-users
The topic has been locked.
Moderators: Joffm