Smileys

un filtre souriant ;-)

Ceci est une ARCHIVE, peut-être périmée. Vérifiez bien les compatibilités !

Idéal pour les forums, ce filtre peut s’appliquer sur tous vos squelettes. Il vous suffira de modifier vos squelettes et plus précisement les balises SPIP de vos squelettes auxquelles vous souhaitez appliquer ce filtre
ATTENTION : } cette contribution n’est plus maintenue mais elle est toujours disponible pour les version actuelles de SPIP. Voir le plugin : Le Couteau Suisse pour utiliser ces smileys avec SPIP

Une fois ce filtre mis en place, vous n’aurez plus qu’à écrire les smileys « en texte », pour qu’ils soient remplacés par l’image correspondante. Voir le tableau ci-contre qui résume tous les smileys utilisables.

Mettre en place

Tout d’abord téléchargez le fichier compressé contenant le dossier « smileys/ »  :

Les images smileys

décompressez ce fichier et placez le dossier « smileys/ » à la racine de votre site SPIP.

Ensuite enregistrez le fichier :

Filtre smileys

sous le nom « mes_fonctions.php3 » que vous placez à la racine de votre site SPIP. Si vous avez déjà utilisé un fichier « mes_fonctions.php3 » pour faire d’autres filtres, copier simplement le contenu de celui-ci dans le vôtre.

Ce script provient de Japanim, je l’ai adapté et complété, avec mes images.

Utiliser le filtre dans les squelettes

Maintenant que le filtre est en place il vous faut modifier les squelettes qui doivent prendre en compte ce filtre. Plus précisément ce sont sur les balises spip, affichant du texte (pouvant contenir des smileys), que vous devez appliquer ce filtre, par exemple :

[(#TEXTE|smileys)]

on peut également utiliser d’autres filtres en même temps que celui :

[(#TEXTE|justifier|smileys|autres_filtres)]

Pour plus de détails sur l’utilisation des filtres, voir : Les filtres de SPIP (dans la documentation officielle).

Pensez aussi à préciser à vos rédacteurs ou visiteurs les smileys qui seront filtrés, et qu’ils peuvent utiliser. Par exemple, pour l’utilisation sur un forum, dans le squelette « forum.html » ajoutez le tableau récapitulatif ci-dessus.

Dernière modification de cette page le 20 août 2009

Discussion

20 discussions

  • 2

    Il n’y a pas quelqu’un qui a développé un petit javascript pour n’avir qu’à cliquer sur les logos pour insérer le symbole correspondant dans la one de texte ?

    • oui moi aussi j’aimerais un truc comme ça où tu cliques sur un smileys et ça se met sur msn directement.B-)

    • pour le javascript, il suffit de mettre en lien : javascript:barre_inserer(’ :-)’,document.getElementById(’formulaire_1’)) comme c’est le cas pour l’insertion des caractères spéciaux.

      par exemple

      <a href="javascript:barre_inserer(':->',document.getElementById('formulaire_1'))" title="diable"><img alt="smiley" src="smileys/diable.png"></a>

       :-)

    Répondre à ce message

  • 2

    Mais comment faire pour afficher un smiley suite au post avant la confirmation ? :-/

    Il faut modifier inc-forum.php3 quelque part dans les « textes », mais où ???

    • si tu fais ça (ai testé) ça va remplacer (dans l’aperçu) ;-) par le code HTML

      -  PAS BON DU TOUT :-(

    • salut essaye de mettre les images des smileys dans le dossier ecrire de spip
      ca te les fera apparaitre direct apres validation de l article normalement
      salut

    Répondre à ce message

  • 1

    c’est juste un test pour voir si ca va aussi dans le titre :-p

    • TiTeuf

      ça marche là ou le filtre est appliqué :-o sur ce site pas sur qu’il soit mis partout :-/ :
      -  (#TITRE
      -  (#TEXTE
      -  (#DESCRIPTION
      -  etc ...

    Répondre à ce message

  • La fonction ne gère pas bien les smileys en fin de phrase car il nécessite un espace avant et après le smiley pour que çà fonctionne. Avec cette petite modif :

            $chaine = preg_replace('/(^'.$smiley.'\B|\B'.$smiley.'\B|\B'.$smiley.'$)/', "<img src=\"".$chemin.$file.'" alt="'.$alt.'" class="smiley"/>',

    cà règle le problème ;-).

    Répondre à ce message

  • Très sympas ces smileys, j’apprécie surtout la qualité du graphisme, merci !!!

    Répondre à ce message

  • J’ai installé cette contrib sur spip 1.8.2d. J’ai eu quelques petits soucis ;-) et j’ai eu besoin de faire quelques petites modifs :-(

    • j’ai créé le dossier smileys/ dans mon dossier squelettes => il a fallu reconfigurer tous les chemins dans la fonction smileys dans mes_fonctions.php3.
    • pour utiliser les filtres, il faut l’ajouter dans les fichiers formulaire_forum.html et formulaire_forum_previsu.html du dossier formulaires
    • j’ai modifié le nom de deux fichiers (estimant qu’il contenait une erreur orthographique) : surprit.png remplacé par surpris.png et mouai.png remplacé par mouais.png et fait les modifications en conséquence dans mes_fonctions.php3 et dans index.htm du dossier smileys
    • j’ai modifié le fichier index.htm du dossier smileys pour présenter les smileys dans une table « verticale » mais aussi une table « horizontale »
    • j’ai ajouté la proposition des smileys dans le squelette forum.html (les deux tables (horizontale en haut de l’article et verticale sous le menu navigation). Voir

    Tous les liens incorporés ci-dessus mène à mon site perso.

    J’espère que ces petites modifs pourront rendre un tout petit service à quelqu’un.

    Répondre à ce message

  • 5

    et même que ça marche !

     :-) :-D :’-) :o) B-) ;-) :-p :-> :-| :-/ :-O :-( :’-( :-((

    • tu es sur :o)

    • oui c’était :’-D que je voulais dire

    • Test des smileys : :-) :-D :o)

    • chouchou.titi7

      metter moi les codes a
      cette adresse svp :
      chouchou.titi7@caramail.com
      merci

    • j’aimerai savoir si qlqun connai une adress pr envoyé a msn parce ke je ne voi plus mes émoticones et ca m’énerve
      ssssssssssstttttttttttttppppppppppp aidé moi

    Répondre à ce message

  • 3
    Sylvain

    Ce serait pas mal de citer l’auteur des smileys et son site web.
    Enfin, c’est une idée comme ça...

    • heu ... y a un auteur à l’article (moi) c’est une piste non ?

      non, plus sérieusement, je sais pas pourquoi SPIP-Contrib n’utilise pas les fiches de l’auteur, la mienne t’aurais surement donné ce que tu voulais : ma fiche

    • Je pense que ce que voulais dire l’auteur du message c’est le nom et le site web du gars qui a dessiné les frimousses. Il peux également être fait une redirection vers le site de Jacub Jimmac Steiner qui en a fait toute une tripotée également (et qui sont libres).

    • Bonjour je suis ici pour vous poser un site
      ou on y crée des gifs il y a toutes les infos sur
      les smileys et il s’appelle :
      http://WWWLes-smileys/creative-haudiho.com

      Il y a le cœur des smileys. :-)
       :-o

    Répondre à ce message

  • Hello,

    je viens de mettre une adaptation de cette contrib en exemple de plugin sur le wiki

    Répondre à ce message

  • 4

    Coucou tout le monde !!!
    J’adore les smileys :-)
    mais malheureusement, je
    sais pas où en trouver
    pleins...
    Y a pas quelqu’un
    qui pourrait me dire où
    je peux en trouver ?
    Gros bisous ! ;-)
    Marie B-)

    • hysteryman39

      slt tu peut en trouver sur :

      angedefeu.com

      il ya ossy bokoup d’otre trucs pour les internaute
      va y fair un pitit tour
       :-) @ :-)

      gery.dubief@wanadoo.fr

      écrit moi j’ai pas mal d’info moi aussi

      @+

    • Dites... Les smilies c’est mignon mais ça ne dispense pas de soigner l’orthographe non plus. :/

    • rooooooooh ...
      sinon y a
      ça :
      http://www.smiley-sanctuary.com/

    • Idem pour la ponctuation. Les smileys, c’est mignon.........
      Autrement, Les smilies sont mignons .............
       ;)

    Répondre à ce message

Ajouter un commentaire

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom