Articles sur : Code & Design personnalisé
Cet article est aussi disponible en :

🗜️ CSS

Vous pouvez utiliser le bloc CSS pour personnaliser l'apparence de votre application avec un compte Pro ou supérieur.


Classes CSS du Player:


1) #root


2) #chatbot-container (gère le background et la position du player)


3) #chatbot-player


4) #chatbot-active-character (personnage qui parle en mode big picture)


5) #chatbot-background (l'image de fond)


6) #chatbot-overlay (switch background: fade in / fade out)


7) #chatbot-dialogue-text (dans la border image)


#chatbot-display (pas dans le feed)


9) #chatbot-feed (liste des messages)


A. #chatbot-waiting-button (dans #chatbot-feed)


B. #chatbot-feed-events (dans #chatbot-feed)


a. #chatbot-alert (dans #chatbot-feed-events)


b. #chatbot-choices (dans #chatbot-feed-events)

  1. #chatbot-choice (dans #chatbot-choices)


c. #chatbot-image (dans #chatbot-feed-events)


d. #chatbot-narrator (dans #chatbot-feed-events)
e. #chatbot-switchBackground (text en bas à droite) (dans #chatbot-feed-events)


f. #chatbot-dialogue (dans #chatbot-feed-events)

  1. #left (#chatbot-dialogue)
  2. #right (#chatbot-dialogue)
  3. #${characterNameToCamelCase} (#chatbot-dialogue)


Mis à jour le : 14/04/2025

Cet article a-t-il répondu à vos questions ?

Partagez vos commentaires

Annuler

Merci !