Des trucs et des astuces

Alors amusons -nous ;)

21 juillet 2008

Smileys: Ajouter et/ou remplacer des émoticons

Ajouter et/ou remplacer des émoticons

Dans un premier temps charger le fichier listemoticon.js,
et le sauvegarder dans votre disque dur sur votre pc(mac),
emoticon03avertissement

ensuite, l'éditer, avec un éditeur de texte
emoticon06list

chaque ligne représente un émoticon, elle est composée comme suit:
listEmoticon[listEmoticon.length] = new Array(":)","http://contes-de-web.fr/img/sourire.gif");
ce qui ne doit jamais changer: listEmoticon[listEmoticon.length] = new Array("","");
ce qui peut être changé: listEmoticon[listEmoticon.length] = new Array("titre du smiley","adresse url du smiley");
en sachant que le titre du smiley ne peut contenir d'accent ou d'appostrophe - très important sinon on risque le plantage.
pour l'adresse url, vous pouvez créer un message, que vous laisserez en brouillon, dans lequel vous téléchargerez vos smileys. Vous récupérez l'adresse en cliquant sur l'image et en sélectionnant la propriété.
ou aussi bien vous pouvez récupérer l'adresse donnée par un site spécialisé pour cela.
emoticon09changement

une fois les smileys configurés, vous sauvegardez le fichier, et sur votre message de smileys en brouillon, vous y joignez le fichier (icône "insertion d'un fichier" à côté de l'image), emoticon10chargement
et récupérez l'adresse url.
emoticon11chargement
en appuyant sur la touche <> pour basculer en mode html, vous sélectionez l'adresse (qui est après le href=")
emoticon12adresse
vous en faites une copie (clique droit - copier)
Cette adresse vous la mettez à la place de celle de l'émoticon.js dans la gestion des liens
emoticon13adressesv

Adresse Internet :
attention de bien prendre soin de laisser " id="listSmlCB à la fin de l'adresse (sinon ça ne fonctionnera pas)
vous validez, bien sûr, sinon, à quoi ça sert de se décarcasser :D
et on va voir le résultat ;)
emoticon14resultat


Commentaires

    Bonjour,

    Pour ajouter des smileys j'ai chargé le fichier, mais lorsque je veux l'ouvrir je n'ai pas de smileys je n'ai que des caractères gras.Je suis en mode avancé. Comment dois-je faire ? Merci d'avance.

    Posté par gigi, 21 janvier 2009 à 14:30
  • heuuu, en fait les caractères sont les smileys sous forme "informatique on va dire"

    Posté par Alérion, 25 janvier 2009 à 09:39
  • [G]Bon, ben ça marche, merci [:)] Mais alors c'est un sacré boulot, d'autant qu'au début mon ordi refusait d'ouvrir listemoticon.js,[Triste ouin] Mais en demandant à word pad (dont je ne me sers jamais par ailleurs) de l'ouvrir, ça marche[:)] Mais ce qui est comique[:D] c'est que les émoticones ne se rajoutent pas dans "autres" mais dans la liste sous l'espace commentaire. Pus mariole encore : j'ai essayé de me mettre un com et me suis retrouvé avec une grosse oie en train de voler dans la colonne des com [:)][:)] Suis pas du tout sur que je vais la laisser (ou alors faut je la réduise sérieusement.)
    Encore merci[/G]

    Posté par Mikael, 06 février 2009 à 16:10
  • mais de rien ;)
    ha oui, pour changer les [Font col='#F00000':]:couleurs[/Font], [Size='16pt':]:taille de caractères [/Size]ou [Sur col='#FCC':]:surlignage[/Sur]
    tu choisi d'abord la couleur ou taille ou heuu couleur
    et après tu appuies sur l'icone correspondant...
    ;)

    Posté par Alérion, 06 février 2009 à 19:10
  • Coucou,
    merci pour ces tutos! Au début, je n'ai pas eu de soucis. Mais quand j'ai voulu changer les smileys, j'ai suivi la procédure: faire un brouillon sur canalblog avec les liens des smileys puis avec le fichier.js. Dans les liens d'amis, sur la 1ere ligne j'ai laissé [U]<script type="text/javascript" src=":url:contes-de-web.fr/js/emcomcb.js"></script>[/U] et sur la 2eme j'ai mis [U]:url:storage.canalblog.com/01/12/414237/36409138.js?VCO" id="listSmlCB[/U]. Mais aucun smiley ne s'affiche plus!
    Ai-je fait une erreur quelques part?[:(]

    Posté par Youpipi, 27 février 2009 à 09:19
  • Coucou,
    merci pour ces tutos! Au début, je n'ai pas eu de soucis. Mais quand j'ai voulu changer les smileys, j'ai suivi la procédure: faire un brouillon sur canalblog avec les liens des smileys puis avec le fichier.js. Dans les liens d'amis, sur la 1ere ligne j'ai laissé [U]<script type="text/javascript" src=":url:contes-de-web.fr/js/emcomcb.js"></script>[/U] et sur la 2eme j'ai mis [U]:url:storage.canalblog.com/01/12/414237/36409138.js?VCO" id="listSmlCB[/U]. Mais aucun smiley ne s'affiche plus!
    Ai-je fait une erreur quelques part?[:(]

    Posté par Youpipi, 27 février 2009 à 17:24
  • coucou c'est Nanie !

    [Size='10pt':]:[Font col='#0000F0':]:[G]je viens puisser dans ce merveilleux puit de bonnes idées et de scripts et tutos géniaux ! [;)] j'ai pu ajouter des smiley chez un ami qui souhaitait tant en avoir comme moi et franchement c'est tip top par contre j'aimerais moi aussi avoir un aperçu avant l'envoi et puis la possibilité de modifier le texte couleur taille ect...même insérer une image ! super ! est-ce possible en mode avancé ? [Ordi secouer](hihi ! c'est le comble ! lol ) comment puis-je mettre ton scripte dans ma page message? j'ai essayé et z'ai pas su.... snif ![Triste ouin]
    merci ! [Bisou]
    et à très bientôt pour de nouvelles aventures
    bien amicalement bisous du Doubs !
    Nanie [/G][/Font][/Size] [Img]:url:storage.canalblog.com/73/68/413592/34579638.gif[/Img]

    Posté par Nanie, 06 mars 2009 à 14:57
  • ha vi, je vois...
    tu as un de mes premiers script...
    pour toi, je pense que le plus simple est de le retirer et de mettre dans tes liens le nouveau script, par contre tu laisses la liste de tes smileys là où ils sont, mon script sait détecter les anciennes versions :)
    s'il y a un pb "appelles moi"

    Posté par Alérion, 06 mars 2009 à 18:07
  • coucou !

    [Size='14pt':]:[Font col='#0000F0':]:merci pour la réponse !
    je n'aurais pas pensé que tu me répondrais là hihi !
    alors voilà j'ai bidouillé ! lol ! oui en fait j'ai remanier ta liste d'émoticones [:s] en enlevant certain et en mettant les miens.. [;)] bon il m'a fallu du temps pour tout repèrer mais j'ai réussi... par contre j'ai mis ton script dans mes liens d'amis malgré que je sois en mode avancé.. et bien mon blog beugue... il s'ouvre puis il y a un arrêt puis il revient on ne voit pendant cette disparition que le fond d'écran.. joli d'ailleurs ![:D] ben faut bien que je me congratule un peu ! hihi !
    bien... donc je voudrais savoir ce qui cloche [Attend] car j'ai laissé ma liste d'émoticones dans ma page message...et je n'ai rien rajouté de "toi" dans aucune de mes pages htlm...? tu me suis là ?
    c'est dure d'écrire tout ça... pfff ! enfin je continue car j'ai une deuxième panique à bord... hé ouii ! j'ai installé chez trois de mes amis ton sript (ils ont tous peur de leur blog !!! [la tu vois] la première c'est tout ok elle est en mode avancé mais j'ai mis dans lien d'amis le deuxième Norbert ! lui est en mode normal donc pas de soucis j'ai mis dans les liens d'amis et voilà que je ne peux pas l'installer chez ma troisième amie ? POURQUOI ? je fais tout pareil et cela beugue? il n'y a plus rien du tout sous "poster un commentaire..." le vide.... dis moi ? est-ce que cela aurait un rapport avec DEEZER ? j'ai pensé à ça .. car pour moi ma page d'accueil a la musique en colonne mais ma page com non mais j'ai les émoticones ! lol !!! cela peut provoquer des interférences avec les autres scripts ? j'aimerais que tu viennes jeter un oeil chez moi ... pour voir tout ce que j'ai installé peut-être verras tu tout de suite ce qui cloche ????
    remarque j'ai peut-être mis trop de choses !!! hihi !! mais j'aime tellement ça !
    je crois que cela serait bien si je pouvais avoir ton phone non ? mets le dans "contacter l'auteur??" c'est possible ça? car j'ai peur de pas t'expliquer comme il faut et mon amie ben elle n'a pas ses émoticones en commentaires grrr ! et je ne sais pas pourquoi... HEPL PLEASE !!
    MERCI TOUT PLEIN
    bien amicalement
    Nanie (la bavarde)[Chaud] désolée....[/Font][/Size]
    euh... j'ai mis en gros car j'ai des problèmes de vue...merci.. ainsi je me relis mieux...et peut corriger quelques unes de mes boulettes.. [Heeehooo]

    Posté par Nanie, 08 mars 2009 à 23:43
  • [:D] non, désolé, je ne donne pas mon "phone"
    alors dans ta page d'accueil
    tu vires dans le head juste avant la list des émoticons:
    [G]<script src=":url:storage.canalblog.com/04/62/151832/9837650.js" type="text/javascript" ></script>[/G]
    dans la page des messages:
    [G]<script type="text/javascript">
    <!--
    SwapCodeEmoticon("content","blogbody");
    // -->
    </script> [/G]
    et
    [G]<script type="text/javascript">
    <!--
    ListeEmoticon();
    // -->
    </script> [/G]
    à supprimer également
    pour les autres blogs, envoies les moi par mail (l'adresse), tu l'as normalement ;)

    Posté par Alérion, 09 mars 2009 à 06:49
  • BESOIN D AIDE

    Bonjour pas tres douee en informatique .... voila mon blog a quelques jours "" canalblog" j ai ajouter une pluie d etoiles sur les pages et les emoticones pour les messages que je VAIS recevoir...
    Mon soucis est que j aimerai pouvoir en ""poster ""dans MES messages (donc avoir un barre d emoticones dans"" MESSAGE""" )a chaque fois que je poste un com mentaire avec image photos ect....

    suis je CLAIRE ??[:s][:s][:s][:s]
    CLOTILDE
    :url:closcrap.canalblog.com

    Posté par clotilde, 03 août 2009 à 13:45
  • listemoticon.js question

    bonjour ;)
    je voulais savoir si quand on charge le fichier listemoticon.js, il était normal de ne voir que des lignes :
    listEmoticon[listEmoticon.length] = new Array("","");

    n'y a t-il pas d autes lignes de codes enfermant cette liste ?
    merci pour les tutos

    Posté par Obiwoobi, 11 août 2009 à 13:21
  • Un grand Merci

    J'ai essayé et j'ai réussi ,c'est super !! j'en suis bien heureux !!!

    mais peut-on mettre des émoticones dans ses propres messages ??

    Je ferai une recherche demain,en tout cas ,je te remercie beaucoup !!!!

    Olivier[Bravo]

    Posté par Oli4, 10 novembre 2009 à 23:06
  • Merci beaucoup pour toutes ces astuces ! Isa¤v;doctype html="" public="" -="" w3c="" dtd="" xhtml="" 1.0="" transitional="" en'="" http:="" www.w3.org="" tr="" xhtml1="" xhtml1-transitional.dtd'=""v¤;[:D]¤v;stylev¤; body { width: 95%; font-size: 14px; padding: 5px; background-color:transparent; color:#0A0A0A} ¤v;/stylev¤;¤v;/doctypev¤;

    Posté par isabelle, 08 décembre 2009 à 09:21
  • Merci

    Merci beaucoup pour cette astuce ;) ¤v;doctype html="" public="" -="" w3c="" dtd="" xhtml="" 1.0="" transitional="" en'="" http:="" www.w3.org="" tr="" xhtml1="" xhtml1-transitional.dtd'=""v¤;¤v;stylev¤; body { width: 95%; font-size: 14px; padding: 5px; background-color:transparent; color:#0A0A0A} ¤v;/stylev¤;¤v;/doctypev¤;

    Posté par Kragg, 08 décembre 2009 à 13:54
  • bonjour

    je viens de mettre les smileys dans mon blog, je suis en mode avancé mais j'ai fait comme pour insérer des smileys en mode normal et c'est bon ça marche
    j'en ai rajouté et ceux là aussi fontionnent

    par contre ceux que j'ai rajoutés sont dans "les autres" et pas sur la première page, est-il possible de les avoir sous les yeux lorsqu'on tape un message (comme dans l'exemple)
    ou alors j'ai oublié de noter un " quelque part

    j'ai essayé de mette : en wysiwyg
    mais je n'y suis pas arrivé

    merci encore pour tout
    biz, lilas

    Posté par lilas, 06 février 2010 à 10:52
  • Bonsoir lilas,
    pour que les smileys fassent partis des premiers il faut les mettre au début de la liste.
    et pour afficher la fenêtre de vue, il faut supprimer le V, comme expliqué là: [URL]:url:alerionexemple.canalblog.com/archives/2009/01/16/12116484.html[NAME]Affiché ou non des éléments :) [/URL]

    Posté par Alérion, 06 février 2010 à 23:37
  • Je suis perdue

    [la tu vois]Cette adresse vous la mettez à la place de celle de l'émoticon.js dans la gestion des liens

    Mon prob. c'est que moi l'adresse n'est pas en .js mais en .txt
    Je suis un peu perdue, pas douée!

    :url:storage.canalblog.com/98/17/626662/49562831.txt

    qu'ai-je fait, et que dois-je faire! Merci d'avance :-)

    Posté par Didji violaine, 10 février 2010 à 10:44
  • Youpî ça marche! Merci iiiiiiiiiiiiii![Heeehooo]

    Posté par Didji violaine, 15 février 2010 à 12:59
  • Mission impossible :'(

    Bonsoir Alérion,

    Je suppose que pour vous, c'est une question d'habitude, mais voilà, en tant que nouvelle et carrément pas douée, cela fait deux semaines que j'essaie d'incorporer des smileys "personnalisés" à mon blog en suivant mot à mot vos conseils... [:(] mais je n'y arrive pas du tout même en copiant les codes (en prenant soin de remplacer votre lien par le mien vers mes émoticones) !
    C'est en dernier ressort que je viens vous embêter... Auriez-vous une solution pour mon blog, s'il vous plait ?

    Merci par avance !

    Posté par Kem, 18 avril 2010 à 19:54
  • [Papy] Alors bon courage pour le BAFA Kem,
    en fait, après un 'jet' d'oeil sur ton blog, je ne trouve pas où tu as mis le codage pour les avoir, les smileys, ne sont mêmes pas affichés dans ta page de commentaires.
    Peut être que tu ne l'as pas installé, ceci expliquant cela, le script de base : [URL]:url:alerionexemple.canalblog.com/archives/2008/07/22/10009321.html[NAME]Installer des smilleys sur son blog CB[/URL]

    Posté par Alérion, 19 avril 2010 à 08:37
  • RE:

    Merci beaucoup pour le BAFA, je pense que je vais en avoir besoin ! [heuu hum]

    Je viens de retenter le coup et j'ai de nouveau réussi à installer vos émoticones sans soucis - par contre, impossible d'installer les miens. Je patauge complètement en ce qui concerne la personnalisation (que j'ai pourtant faite) du fichier (:url:storage.canalblog.com/33/34/665345/51863899.js). Je ne sais plus quoi faire ni quoi entrer dans "Nom du site" et "Adresse internet" pour que ça marche... [:(]

    Posté par Kem, 19 avril 2010 à 21:50
  • RE: Merci !

    Merci de votre réponse sur mon blog !
    Je suis contente de voir que les commentaires fonctionnent enfin chez moi ! :D
    Je vais faire ma ch!euse : est-il possible que ces mêmes émoticones soient aussi disponibles dans les commentaires que les corps de message ? Si oui, avez-vous une brillante astuce à me conseiller ?

    Merci infiniment !

    Posté par Kem, 20 avril 2010 à 21:25
  • oh je suis perdue! Je ne sais pas ou mettre mon fichier js qui contient mes propres emoticones...
    J'ai bidouillé un truc et meme les premiers smileys du scipt ont disparu... POuvez vous 'aider svp?[heuu hum]

    Posté par Loli ;), 30 mai 2010 à 19:03
  • ok, loli ;),
    talentueuse dessinatrice blog bd :D
    alors 2 petits trucs:
    [G]le premier[/G]: le fichier, là où tu l'as enregistré c'est bien, sauf que: il ne faut que lui comme adresse dans les liens d'amis - tu as mis:
    :url:contes-de-web.fr/js/:url:storage.canalblog.com/19/41/699135/53686251.js
    le [Sur col='#FAC':]::url:contes-de-web.fr/js/[/Sur] est en trop, le script ne sait plus du tout où chercher ton fichier.
    [G]Ensuite[/G]: je vois que tu as redéfini certains smileys, ça ne pose pas de problème, mais il faut supprimer les anciens existants, sinon il risque d'y avoir un plantage ne sachant plus lequel afficher [I](bien que le cas soit prévu, il vaut mieux l'éviter).[/I]
    Voilà, bonne continuation

    Posté par Alérion, 30 mai 2010 à 21:44
  • Pfiouuu!! Merci bcp! C'est très gentil de m'avoir éclairé! ;)
    Je vous souhaite une bonne continuation et merci d'etre passé sur mon bloug! ;)
    Bis
    P.s:vraiment génial votre script pourlesmodes normaux! Thks!!

    Posté par Loli ;), 01 juin 2010 à 16:39
  • retgreretgre

    [Non][Oui][la tu vois][Reflechir][Papy]

    Posté par hjh, 28 juin 2010 à 09:36
  • Bonjour Alérion,
    Voulant changer la liste d'émoticones, j'ai fait la manip, en enregistrant le ficher et en le modifiant, mais j'ai dû casser quelque chose, car aucun smiley n'apparait plus [Ordi secouer]! Vous seriez extrêmement gentil si vous allier y jeter un petit coup d'oeil et me dire ce que j'ai fait de travers...
    [Bisou]

    Posté par Marie-Claire, 15 juillet 2010 à 13:02
  • Bonjour Marie Claire...
    Je vois ce qui cloche,
    dans le fichier,
    la 9 ème ligne après cloche,
    il manque un " devant le http
    ;)

    Posté par Alérion, 15 juillet 2010 à 14:10
  • Eh bien on peut dire que vous avez l'œil, vous ! Vous êtes sensass !
    [Merci]

    Posté par Marie-Claire, 15 juillet 2010 à 16:23
  • Merci

    Merci beaucoup, j'ai tout testé et tout marche, il ne me reste plus qu'à peaufiner, et ajouter mes émoticones préférés.J'en ai déja rajouté un et ça marche. Merci encore.
    [Heeehooo]

    Posté par Tangokoni, 31 octobre 2011 à 21:10

Poster un commentaire