• Textures

     La barre d'outils nous permet de donner une couleur et/ou une couleur de fond (surlignage) à nos texte, ou à des cellules de tableaux; il y a un grand choix de couleurs unies mais nous ne pouvons utiliser une texture ou pattern en fond de cadre, hormis en utilisant une logiciel de traitement d'images.

    Si nous ouvrons le code source pour faire un cadre, nous allons pouvoir remplir ce cadre avec une image, texture ou pattern.

    Sur Ekla, l'insertion d'une telle image va provoquer l'apparition d'une fenêtre, vous demandant si cette image doit être hébergée; si vous répondez non, elle risque de ne plus apparaître au bout de quelques jours.

    Créer une boîte (cadre) en html peut se faire en écrivant:

    <p style="width:100px; height:100px; border:1px solid black; background-color:yellow;">&nbsp;</p>

    ce qui va vous donner:

     

    Si nous voulons remplir ce carré d'un motif, il va d'abord falloir le choisir sur le net, le charger sur votre PC pour l'héberger sur votre plate-forme de blog; je vous laisse chercher les sites qui vous intéressent et vous en indique 2, qui me servent régulièrement.

    http://www.toutimages.com/ (images de fond de page)

    http://heathersanimations.com/index.html  (colonne de droite)

    Vous enregistrez la texture ou le pattern désiré, dans un dossier; vous l'hébergez sur votre plate-forme et vous en récupérez l'adresse; je ne reviens pas sur la façon de faire ça mais je suis à votre disposition si cela vous pose un problème.

    J'ai fait ça pour un motif et son adresse est maintenant: http://ekladata.com/pourquoipas732.eklablog.com/perso/2015/septembre/06/brown94.jpg

    Il me reste à modifier le remplissage de mon carré, passant du jaune à ce motif, en écrivant:

    <p style="width:100px; height:100px; border:1px solid black; background:url('http://ekladata.com/pourquoipas732.eklablog.com/perso/2015/septembre/06/brown94.jpg');">&nbsp;</p>

    ce qui va vous donner:

     

    Dans ce cadre, nous pouvons écrire, placer un gif, par exemple.

     <p style="width:100px; height:100px; border:1px solid black; background:url('http://ekladata.com/pourquoipas732.eklablog.com/perso/2015/septembre/06/f20.jpg'); text-align:center; font-size:12pt;">Coucou<br><img src="http://ekladata.com/qHtjf7Cv9x8InO9ZvXW_lulRVJU/fleche-205.gif"></p>

    Coucou