---
title : bouton de lancement Éléa
tags : Documentation Éléa, DRANe
Auteur : Matthieu DEVILLERS matthieu.devillers@ac-rennes.fr
---
# Un bouton de lancement pour Éléa
### Un modèle possible :
<center>
</center>
### Le code à copier/coller
et à adapter pour obtenir un bouton de lancement tel que celui ci-dessus.
```code : css
<center>
<div style="background-color: #1c87c9;
border: none;
border-radius:50px;
color: white;
padding: 20px 34px;
text-align: center;
text-decoration: none;
font-size: 30px;
margin: 4px 2px;
cursor: pointer;
width: 30%; ">
C'est parti !</div>
</center>
```
### Mise en oeuvre :
1) Dans votre parcours, cliquer sur "Bouton de lancement" de la rubrique "navigation".
<center>
</center>
2) Cette action créé automatiquement, dans la section 0 "Généralités" de votre parcours, **une "zone de texte et de média"** dans laquelle est présente le nom de la première ressource ou activité de votre section 1, et ce nom est automatiquement transformé en lien cliquable pointant vers cette ressources ou activité.
<center>
</center>
3) Cliquer sur les 3 points (répère 2 ci-dessus) pour modifier **"les paramètres"** de la "zone de texte et média".
4) Dans "Général" dépliez la barre d'outils Atto (repère 1 ci-dessous), puis afficher le code html du texte (cliquer sur le bouton du repère 2). Le code apparait (repère 3).
<center>
</center>
5) Copier/coller, sous la ligne 1 (repère 3 ci-dessus) l'intégralité du code html proposé au début de ce document (repère 3 ci-dessous). Puis couper le texte placé entre les balises `<p>` et `</p>` de la ligne 1, et le coller à la place du texte "C'est parti !" (voir le repère 2 ci-dessous).
<center>
</center>
6) Enregistrer en revenir au cours : le bouton est en place.
<center>
</center>
:::danger
**Si le lien n'est pas cliquable** : vérifier que le texte collé en ligne 14 (étape 5) est exactement identique (au caractère près) au nom de la première activité/ressource de la section 1.
:::
</br>
###### *Une erreur, un oubli, un lien mort, une suggestion... contactez l'auteur de cette page : vous trouverez son nom en affichant le code source de cette page (cliquez sur le stylo à côté du nombre de vues, en haut de page, puis CTRL+ALT+B)*
----
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><a property="dct:title" rel="cc:attributionURL" href="https://codimd.apps.education.fr/s/Zp7FVcXAn#">Les tutoriels Éléa de la DRANe Bretagne </a> sont tous publiés sous licence <a href="http://creativecommons.org/licenses/by-sa/4.0/deed.fr" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-SA 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1"><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1"><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1"></a></p>