• Annonce ■ ♪♬ Lecteurs Audio

    Liste des forums » Trucs et Astuces

    Mercredi 21 Décembre 2022 à 12:37
    Pascale MD

    Merci Stormalo, cela fonctionne très bien.
    Bonne fêtes de fin d'année à tous.
    Lundi 9 Janvier 2023 à 09:37
    stormalo
    Par demo_ikmco dans Accueil le 9 Janvier 2023 à 09:33

     Merci aussi Pascale MD du "retour d'expérience"

    La forme et la couleur du lecteur étant fixées par le navigateur (par exemple, noire avec Firefox et blanche avec Edge ) il peut être utile d'appliquer un style sur le pourtour.


    Exemple de css à ajouter (et adapter):

    audio {
    /* (1) pour une bordure externe */
      border:1px solid yellow;
      border-radius: 15px;
    /* (2) pour une zone entre bordure et barre de contrôle */
      padding: 3px 3px;
      background-color: #bbb;
    /* (3) pour une ombre */
    box-shadow: 0px 0px 50px #bbb;
    }

    .rappel : si ce css est placé dans un contenu il faut le faire précéder de <style> et suivre de </style>

     
    Lundi 9 Janvier 2023 à 11:05
    Pascale MD

    Merci à toi pour ce code complémentaire et très bonne année à toi et tous les tiens.
    Dimanche 10 Décembre 2023 à 18:26
    stormalo

     Une nouvelle approche, pour insérer la balise <audio> dans le html même si l'éditeur ne le l'accepte pas !        
    (sans JavaScript).

    1 - Écrire le code non pris en charge sur un document texte et l'enregistrer avec l’extension .html

    2 - Le télécharger dans la médiathèque et noter son adresse

    3 - Dans le code source < > de l'article, insérer le fichier placé dans la médiathèque en utilisant la balise html <embed src="........."

    C'est un principe similaire à l'insertion d'une image : 
    1 - On réalise l'image et l'enregistre avec une ext .jpg ou .png
    2 - on la télécharge dans la médiathèque et récupère  l'adresse
    3 - L'image sera insérée  via la balise <img src="........."

         ↩ clic pour + d'infos

     *

    Edit : 14/12/2023  On peut utiliser cette technique pour contrer l'éditeur d'Eklablog quand des codes html standards ne sont pas acceptés.
    Voir sujet sur Trucs et Astuces➚.



    Vous devez être membre pour poster un message.