Communauté

Catmaya

Membre

Inscription : 14-04-2020

Arc-en-ciel ✓

Bonjour,

Je me suis inspirée du tuto "Créer une zone de click non rectangulaire" pour réaliser un arc-en-ciel avec 7 bandes.
Pour chaque bande, j'ai en fait une portion de cercle qui se superpose.
Par exemple, ma bande extérieure correspond à une image transparente de 500 sur 255px, et dans l'onglet personnalisation j'ai mis dans apparence:
background: red;
clip-path: circle(250px at 50% 100%);
Ensuite j'ai mis par dessus une 2ème bande avec un 1/2 cercle un peu plus petit et orange, et ainsi de suite.

L'affichage est bon, j'obtiens bien un arc-en-ciel dont chaque bande est cliquable.

Est-ce qu'il est possible de créer une interaction pour changer la couleur ? Et si oui, est-ce que je vais conserver le découpage de l'image en 1/2 cercle ?

J'ai essayé:
css:48176{background: green}
sachant que mon objet a l'id 48176.
Mais ça ne fonctionne pas.

Mon jeu: 3182
Lieu: 9611

Merci.

jawa

Admin

Re : Arc-en-ciel ✓

Bonjour,
Faire du CSS pour me semble hasardeux mais pourquoi pas après tout. J'imagine que vous avez plein de couleurs possibles pour chaque arc, trop pour créer des arcs de chaque couleur ?
Essayez plutôt avec le paramètre CSS de l'effet modifier un objet.
Qq chose du genre :
modifier:<id_objet>:css:backgroundColor:green
(À vérifier dans le manuel)

Modifier la CSS globale avec l'effet CSS: ne sera pas persisté par le serveur.

Catmaya

Membre

Inscription : 14-04-2020

Re : Arc-en-ciel &check;

Effectivement, j'ai autant de couleurs que celles de l'arc-en-ciel !

Votre solution marche parfaitement, merci.