• Résolu émojis pour titre de rubriques


    Jeudi 26 Septembre 2019 à 00:01
    tsunn

    Bonjour,

    j'essaie de mettre des emojis en guise de titres de rubriques. Certains fonctionnent, d'autres pas. J'aimerais savoir s'il existent des emoji qui fonctionnent correctement sur eklablog ?

    Jeudi 26 Septembre 2019 à 08:31
    Pipiou

    Bonjour,

    je dirais (mais je peux me tromper) que c'est pas EB qui gêne l'affichage d'émoji mais l'interprétation qu'en fait le navigateur :

    dans les titres des rubriques du Répertoire des EB's on a mis des Dingbats (par là↗) au début des titres : c'est pourtant des caractères Html mais d'un navigateur à l'autre ça n'affiche pas tout à fait la même chose :(

    Donc ce qu'on voit "nous, sur nos écrans et selon nos configurations" n'est pas forcément ce que voit quelqu'un d'autre : autres navigateurs et configurations différentes...

    si quelqu'un a une soluce pour garantir, partout, le bon affichage : welcome smile

     

    Jeudi 26 Septembre 2019 à 18:26
    tsunn

    Je n'ai pas des notions d'informatiques super hautes. Mais étant donné que je copias/collais les emoji d'une page web à une autre, tout en restant sur le même navigateur, je doute que ce soit ce dernier le problème.

    Mais merci d'avoir pris le temps de répondre :)

    Samedi 28 Septembre 2019 à 14:08
    stormalo

    bonjour tsunn,

    Un copié-collé ne concerne que l'élément lui même, mais pas le contexte qui permet de l'afficher de la même façon.

    Ce qui est accepté par l'éditeur d'Eklablog pour les titres ne peut être que du code html ou des éléments html.

    Les "émoji" sont des images. Pour en faire apparaitre avec un titre il faut les placer en image de fond (donc indépendantes des titres).

     

    Lundi 30 Septembre 2019 à 20:43
    tsunn

    Oh, OK. Mais alors pourquoi avec certains ça fonctionne et d'autres pas ?

    Lundi 30 Septembre 2019 à 21:31
    stormalo

    Pour illustrer la demande, pourquoi ne pas mettre ici un lien vers un blog ou ça fonctionne ?    wink2

     

    Lundi 30 Septembre 2019 à 21:37
    tsunn

    Pardon, quand j'ai ds "certains", je voulais dire "certains emoji".

    Je sais que cela fonctionne avec les emoji-ci : ✏️ ✒️

    Mais, si je veux copier/coller les smiley de la première ligne (de cette liste : https://smiley.cool/fr/emoji-list.php), pour coller, ça va fonctionner. Mais, dès que je publie l'article, le smiley disparaît. Et, j'ai essayé plusieurs cite, c'est toujours la même.

    Jeudi 3 Octobre 2019 à 15:16
    stormalo

    Bonjour,

    Ces émojis sont en fait des caractères spéciaux qui affichent une forme graphique.

    Sur EB l'éditeur n'accepte pas tous les codes html ou css. Un contrôle lors de l'enregistrement élimine ce qui n'est pas autorisé, ce qui peut expliquer certaines disparitions lors de l'enregistrement

    Effectivement, pour les emojis, quelques rares copié/collé sont acceptés par l'éditeur . Idem si j'écris le code spécial de l'emoji dans la source html (des sites proposent ce code)

    Un truc pour contourner cette situation : afficher l'emoji via un ajout de css, en utilisant sa valeur Unicode

    sélecteur { content: "\xxxxxx" ;}    
    sélecteur pour identifier l'élément concerné et xxxxxx pour la valeur hexadécimale du caractère emoji 

    Test fait avec le code css ci-dessous : placer un même emoji devant tous les titres qui utilisent la balise <h1> (sur le blog de démo EB) 

    h1:before { font-style : normal; content: "\01F61C " }

    illustration:

    Pour infos > Convertir    Encodage caractères spéciaux   Référence Unicode Emoji   

    ---------------------------------

    Reste à adapter le css en fonction des besoins.  Bonnes suites  




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.