Insérer une image + renvoyer vers lien

Choisi ton image. Clique sur l'icône et insère le liien de l'image.
Clique sur l'icône . Puis met le lien ou l'ancre !

Ex :

Insérer un fond

Tu as le choix entre une couleur, une image hébergée, un débradé de couleur ou une image non-hébergée.
Clique sur l'icône . Commencez par <div style="
Couleur : background-color: #xxxxxx;
Image hébergé : background-image: url(lien);
dégradé : background: linear-gradient(xdeg, #xxxxxx, #xxxxxx);
image non-hébergée : l'image <.div style="height: 360px; overflow: hidden;"><.img style="width: 685px; box-shadow: 1px 2px 5px #884DA7;" src="http://image.noelshack.com/fichiers/2014/44/1414657394-txt.png" alt="" width="685" height="356" /.> Enlever les '.'.
le bloc <.div style="height: 360px; overflow: hidden;"><.img style="width: 685px; box-shadow: 1px 2px 5px #884DA7;" src="http://image.noelshack.com/fichiers/2014/44/1414657394-txt.png" alt="" width="685" height="356" /.> <.div style="color: #5760ed; margin-top: 222px;"> Enlever les '.'.

Ex :

D'un texte

situation - text-align: left ou center ou right ou justify;
couleur - color: #xxxxxx;
ombre - text-shadow: 1px 1px 1px #xxxxxx;
police - font-family: 'nom de la police';
taille - font-size: '(x- ou xx-)small' ou 'medium' ou ' (x- ou xx-)large';
grasse - font-weight: normal ou bold ou lighter ou bolder;
écriture - font-variant: normal ou small-caps ou all-small-caps ou petite-caps ou all-petite-caps ou unicase ou titling-caps;

souligné - text-decoration: underline;
surligné - text-decoration: overlign;
barré - text-decoration: line-through;

D'un bloc

largeur - width: xxpx;.
hauteur - height: xxpx;
fond - (voir précédement)
opacité - opacity: de 0.1 à 0.9;
curseur - cursor: url(lien);
marge extérieure - margin: auto ou xpx;
marge intérieure - padding: xxpx;
ombre - box-shadow: 0px 0px 10px black;
cadre - border: 1px [solid ou dotted ou dashed ou double] #000000;
cadre arondi - "border-[top ou bottom]-[left ou right]-radius: 00px;
rotation - transform: rotate(5deg);

Présentation cachée (à partir du sommaire cliquable)

Création d'un sommaire cliquable
Crée le nombre de bloc voulu les un à la suite des autres (se programme automatiquement) avec les propriétées voulues (voir ci-dessus).
Pose des ancres avant les blocs dans le HTML - <.a name="1"><./a> - ou clique sur cette icône .
Choisir les titres des blocs et les mettre dans un sommaire.
Insérer le lien des ancres sur les titres (comme pour une image, voir précédement).
Le sommaire cliquable est donc fait !.

Création de la présentation cachée
Dans le HTML, crée un autre bloc qui commence avant les autres et se termine après : le </div> suit le </div> du dernier bloc de la présentation cachée.
Les propriétés du nouveau blocs - <div style="width: x+10px; height: y+10px; margin: auto; overflow: hidden;">. C'est un bloc 'fantôme'
Enregistrer le HTML et vérifier si la présentation cachée fonctionne.

Mettre une image sur un bloc

Crée un bloc.
Positionne l'image directement sous le bloc.
Ajoute un 'style' après '<img' et insère - margin-top: 100px; margin-left: 10px; -.
Enregistre.
Retourne dans le HTML pour positionner l'image en jouant sur les marges.

Ex :