RealityGaming - Avoir ses propres smileys !

Statut
N'est pas ouverte pour d'autres réponses.

Grégory

Développeur
Ancien staff
Inscription
14 Novembre 2011
Messages
2 798
Réactions
2 221
Points
25 358
RGCoins
45
281813Typiconse081064.png

Présentation: Réponse pré-défini sur le forum !

Salut à tous membres de :RG:

Aujourd'hui je vous retrouve pour vous proposez un mini-script, mais qui sera utile à plus d'une personne !
Alors, ce script permet d'ajouter ses propres smileys dans la liste de... smileys.

Un exemple ? Voilà:
1395095126-rgpcmini.png
. Et dans la barre de smiley ça s'affiche comme ceci:
A1SF3Vg.png


Pas mal non ? :punch:

307726Entypoe705064.png

Comment l'installer

L'installation est simple, il suffit de faire deux trois modifications en fonction de vos smileys, et le tour est joué.
Tout d'abord sur chrome: Installez l'add-on Tampermonkey
Ou sur firefox: Installez l'add-on Greasemonkey

Et dans les deux cas, cliquez sur :)

Maintenant il va falloir configurer le lien de votre smiley (ou vos).
D'abord uploadez votre smiley sur un hébergeur d'image tel que
Ensuite, allez dans le tableau de bord de Tampermonkey ou Greasemonkey en cliquant sur l'icône dans la barre de google chrome ou firefox. Ensuite éditez le script "Smiley Personnalisé", puis modifiez la ligne
Code:
var urlimage = "http://image.noelshack.com/fichiers/2014/12/1395095126-rgpcmini.png" // Icône RGPC par défaut
Vous aurez compris, vous changez l'url entre les guillemets par votre url d'image :)

C'est bien beau tout ça, mais moi je veux plusieurs smileys ! Moi aussi, et c'est simple !
Il suffit de dupliquez la ligne
Code:
var urlimage = "http://image.noelshack.com/fichiers/2014/12/1395095126-rgpcmini.png" // Icône RGPC par défaut

Mais de remplacez "urlimage" par autres chose, comme "urlimage2"
Comme ceci:

Code:
var urlimage2 = "http://image.noelshack.com/fichiers/2014/12/1395095126-rgpcmini.png" // Icône RGPC par défaut

Ensuite dupliquez cette ligne
Code:
$(".smilieCategory").children().append('<li class="Smilie" data-text=""><img src="' + urlimage + '" data-smilie="yes"></li>');

Et vous modifiez "urlimage" par le nom de tout à l'heure, pour nous "urlimage2" :)
Code:
$(".smilieCategory").children().append('<li class="Smilie" data-text=""><img src="' + urlimage2 + '" data-smilie="yes"></li>');

A la fin votre script ressemblera à ça
Code:
// ==UserScript==
// @name        Smiley personnalisé
// @description Un script pour rajouter des smileys personnalisé sur le forum, ainsi que dans les conversations !
// @include     http://reality-gaming.fr/threads/*
// @include     https://reality-gaming.fr/threads/*
// @include     http://www.reality-gaming.fr/threads/*
// @include     https://www.reality-gaming.fr/threads/*
// @include     http://reality-gaming.fr/conversations/*
// @include     https://reality-gaming.fr/conversations/*
// @include     http://www.reality-gaming.fr/conversations/*
// @include     https://www.reality-gaming.fr/conversations/*
// @include     http://reality-gaming.fr/forums/*
// @include     https://reality-gaming.fr/forums/*
// @include     http://www.reality-gaming.fr/forums/*
// @include     https://www.reality-gaming.fr/forums/*
// @version     1.0
// @grant       none
// ==/UserScript==

/* Script by Wayz on reality-gaming.fr
RGPC <3
Why you're reading the comments ? Why i'm writing in English ?
lol */
var stop = false; // Smiley non actif
var urlimage = "http://image.noelshack.com/fichiers/2014/12/1395095126-rgpcmini.png" // Icône RGPC par défaut
var urlimage2 = "url.png"


// Cette partie là n'est pas à modifier, sauf si vous voulez rajouter des smileys !
$(".redactor_btn_smilies").on("click", function() {
    if (stop === false) {
    setTimeout(load, 1000);
    stop = true;
    }
});

function load() {
$(".smilieCategory").children().append('<li class="Smilie" data-text=""><img src="' + urlimage + '" data-smilie="yes"></li>');
$(".smilieCategory").children().append('<li class="Smilie" data-text=""><img src="' + urlimage2 + '" data-smilie="yes"></li>');
}

Voilà, c'est assez simple je pense, vous pouvez répéter cette action autant de fois que vous le voudrez.
Si vous avez besoin d'aide, je suis là, n'hésitez pas.
Allez voir mes deux autres tutoriels en rapport avec des scripts pour :RG:
Réponse pré-définie depuis un topic
Customiser le chat :RG: [En cours de rédaction]
Un beso :troll:
 
Pas mal
Merci Prod. :D
 
Je teste sa desuite la j'ai envie de pissé :troll:
 
Tutoriel complet qui peut m'aider.
 
Merci du partage ;)
 
Super tutoriel Prod :ok:
Toujours une idée farfelus derrière la tete :D
 
Mais sa marche sur Mac aussi ?
 
Super comme d'hab ;)

Par conte ta fail le titre au début.
 
Super tutoriel Prod :ok:
Toujours une idée farfelus derrière la tete :D
Mon prochain projet sera epic ;)
Mais sa marche sur Mac aussi ?
oui ça marche sur Mac car c'est en fonction du navigateur et non du systèmes d'exploitations (exemple je suis sous linux et ça marche)
Super comme d'hab ;)

Par conte ta fail le titre au début.
merci de me l'avoir fait remarquer ;)

(Désole pour les fautes je suis sur téléphone)
 
Merci pour ce topic
Prod. :D
 
Merci à toi pour ce topic :)
 
Pas mal du tout :o
 
Cool
 
Merci peut être utile pour les team :)!
Comment tu trouves tout ça ? :mmh:
 
Bien joué (d)
Tu n'es pas dans la RGPC pour rien :)
Bon boulot :ok:
 
Super tutoriel, mais tu pourrais faire un logiciel où tout est automatisé ? :D

Je suis flemmard :troll:
 
Statut
N'est pas ouverte pour d'autres réponses.
Retour
Haut