LearningApps - Personnaliser ses applis - ASTUCES

START

PERSONNALISER SES APPLIS

ASTUCES

personnaliser ses applis

Mise en forme du texte

Mise en forme du fond

Insertion externe

Mettre en gras

Mettre en justifié

Centrer une phrase

Centrer un bloc de texte

Mettre en couleur

Cumuler plusieurs effets

Modifier la couleur du fond

Rendre le fond transparent

Insérer une image (consigne/feedback)

Insérer un audio (consigne/feedback)

Modifier des applis spécifiques

Masquer les solutions

Empêcher l'identification des bonnes/mauvaises réponses "Texte à trous"

Empêcher l'identification des bonnes/mauvaises réponses "Regroupement"

Changer la couleur des cartes "Memory"

Écrire en langage mathématique

mettre en gras un mot ou un groupe de mots

Pour mettre en gras un mot ou un groupe de mots, encadrez le/les mot(s) à l'aide du code suivant :

Source et infos

<strong> …….</strong>

Mettre une phrase en justifié

Pour justifier une phrase, encadrez-la à l'aide du code suivant :

Source et infos

<p style="text-align: justify;"> …. </p>

centrer une phrase

Pour centrer une phrase, encadrez-la à l'aide du code suivant :

Source et infos

<div style="text-align:center;"> …. </div>

centrer un bloc de texte

Pour centrer un bloc de texte (ou un autre élément), écrivez le code suivant au début de l'élément à centrer :

Source et infos

Modification de la taille du Gif

<center>

mettre en couleur un mot ou une phrase

Pour mettre en couleur un mot ou une phrase, encadrez le mot ou la phrase à l'aide du code suivant :

<font color="#01B7C4">…..</font>

Source et infos

Changez avec le code couleur Hex souhaité

Cumuler plusieurs effets de mise en forme

Source et infos

Phrase centrée

Phrase en gras

Phrase en rouge

Phrase en justifié

Mot en vert

modifier la couleur du fond

Pour modifier la couleur du fond de votre appli, collez dans la zone "Tâche" le code :

<style>body{ background:#eeeeff !important; font-size:24px !important;}</style>

Changez avec le code couleur Hex souhaité

Changez la taille de la police

Source et infos

rendre le fond transparent

Pour supprimer le fond de votre appli et l'insérer plus esthétiquement dans une page web ou un Genially, collez dans la zone "Tâche" le code :

<style>html,body{background:rgba(0,0,0,0) !important;} </style>

Source et infos

insérer une image dans la consigne/le feedback

Pour insérer une image dans une consigne ou un feedback, utilisez un service en ligne d'hébergement gratuit d'images afin de récupérer un lien de partage et de le coller dans la zone "tâche" ou "feedback"

Source et infos

Voici 2 sites permettant l'hébergement gratuit de vos images

Ajouter <center> avant le lien de votre image pour la centrer

insérer un audio dans la consigne/le feedback (1/2)

Pour insérer un audio dans une consigne ou un feedback, collez dans la zone "tâche" ou "feedback" le code suivant et modifiez-le :

Source et infos

<button onclick="textToSpeech('Great, you found the right solution.','en')">Click me</button>

Changez la langue (fr - nl - es - de...)

Changez le texte du bouton

Changez le texte à énoncer oralement

Ajouter <center> avant le code pour centrer votre bouton

insérer un audio dans la consigne/le feedback (2/2)

2 enregistreurs audio en ligne :

Source et infos

Ajouter <center> avant le code pour centrer votre bouton

Supprimer cette partie

mASQUER LES SOLUTIONS

Pour masquer les solutions de certaines applis - telles que "Texte à trous" ou "Cartes avec réponses à écrire" - qui sont affichées après 3 erreurs, collez dans la zone "Tâche" le code :

<style>.solvebtn,.solutionicon{display:none !important;}</style>

Source et infos

Empêcher l'identification des bonnes/mauvaises réponses pour l'appli "tEXTE à TROUS"

Pour supprimer l'identification des bonnes et mauvaises réponses en couleur dans l'appli "Texte à trous", collez dans la zone "Tâche" le code :

<style> .btn-success,.btn-danger{background:white !important; color:black !important;border: #ccc !important;}</style>

Source et infos

Empêcher l'identification des bonnes/mauvaises réponses pour l'appli "regroupement"

Pour supprimer l'identification des bonnes et mauvaises réponses en couleur dans l'appli "Regroupement", collez dans la zone "Tâche" le code :

<style> .correct,.wrong{background:white !important;border: 0.45em solid white !important;}</style>

Source et infos

Pour changer la couleur grise des cartes de l'appli "Memory", collez dans la zone "Tâche" le code :

<style>#boxcard > div > div > div.front { background: #d9d9ff; }</style>

Changer la couleur des cartes de l'appli "MEMORY"

Changez avec le code couleur Hex souhaité

Source et infos

écrire en langage mathématique

Pour écrire vos questions en langage mathématique, utilisez le langage LaTeX en commençant et en terminant la question par " $$....$$ "

Voici 2 sites pour traduire une écriture mathématique en langage LaTex