Petite personnalisation

Imprimer Syndication RSS 2.0

han

Actif
Actif

Avatar de han

Messages : 179

Inscription :

Bonjour Jchouix,

Le 1er QCM réalisé fonctionne sans problème.
Juste une petite chose : serait-il possible de différencier les couleurs de ces 2 boutons et de les écarter un peu ?
Je pense que cela faciliterait la lecture : qu'en penses-tu ?

Cordialement.

Aller en haut de page Aller en bas de page

Réponses

jchouix

Administrateur

Avatar de jchouix

Messages : 1370

Inscription :

Bonsoir han,
c'est une bonne idée. En attendant la prochaine mise à jour, tu dois éditer le fichier intitulé qcm.css situé dans le répertoire plugins/adm_redacteurs/addons/qcm/assets/css/ et ajouter l'instruction suivante :
#qcm_question_button_prev {
    margin-right: 10px;
}

Cordialement.

Aller en haut de page Aller en bas de page

han

Actif
Actif

Avatar de han

Messages : 179

Inscription :

Bonsoir,
Nickel !

Encore deux petites choses :
Serait-il possible :
- que chacun de ces 2 boutons est une couleur différente ?
- d'avoir un peu d'espace entre les bords de ces boutons et le texte qu'ils contiennent ?
Merci.

Message édité 1 fois, dernière édition par han le Aller en haut de page Aller en bas de page

jchouix

Administrateur

Avatar de jchouix

Messages : 1370

Inscription :

Bonjour,
Citation (han)
Serait-il possible :
- que chacun de ces 2 boutons est une couleur différente ?
- d'avoir un peu d'espace entre les bords de ces boutons et le texte qu'ils contiennent ?
Oui, à la place du code du post précédent, tu écris ceci :


oui, il te faut remplacer le code du post précédent par celui-ci :
#qcm_question_button_prev {  /* bouton précédent */
    margin-right: 10px;           /* marge externe */
    padding: 5px;                 /*marge interne */
    background-color: yellow;     /*couleur du fond */
    color: black;                 /*couleur de police */
}

#qcm_question_button_next {     /* bouton suivant */
    margin-right: 10px;              /* marge externe */
    padding: 5px;                    /*marge interne */
    background-color: #800080;       /*couleur du fond */
    color: #FFFFFF;                  /*couleur de police */
}

Cordialement.

Aller en haut de page Aller en bas de page