Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

banque de smileys

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Résolu banque de smileys

Message par christelle16200 le Dim 30 Sep 2018 - 12:00

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : Récent
Lien du forum : http://coeurdecrystal.forumgratuit.org/

Description du problème

Bonjour,

Les membres de mon forum m'ont demandé d'intégrer des smileys supplémentaires cependant ma banque de smileys est pleine, j'ai donc, à la suite de cela acheté le pack avancé pensant que j'allais pouvoir augmenter l'espace de stockage dans la banque de smileys mais manifestement rien n'y fait. Peut être m'y suis je mal prise ?
Dans l'attente de votre aide précieuse, merci.

Chris

christelle16200
Nouveau membre

Féminin
Messages : 10
Inscrit(e) le : 02/02/2012

http://coeurdecrystal.forumgratuit.org/
christelle16200 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: banque de smileys

Message par Neptunia le Dim 30 Sep 2018 - 12:40

Bonjour ^^


La limite au nombre d'émoticônes est la même pour tous les fora Forumactif et ne dépend pas du package utilisé. Si mes informations sont toujours d'actualité, la limite est de 250.


Vous pouvez toutefois contourner cette limite de diverses façons.

Par exemple :
Astuce Ajouter les emojis Twitter à l'éditeur -> Un bouton supplémentaire sur l'éditeur et vous avez plus d'un millier d'émoticônes supplémentaires.

Ou encore Astuce (Lien externe) Emoticônes personnelles -> Avec un champ de profil supplémentaire chaque membre peut choisir ses propres émoticônes qui apparaîtront au début ou à la fin de sa boîte d'émoticônes.

Si vous choisissez la seconde possibilité, je peux vous fournir une version localisée du script (en français du Québec) puisque je l'ai moi-même installé sur mon forum.
avatar

Neptunia
Membre actif

Féminin
Messages : 14004
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: banque de smileys

Message par Walt le Dim 30 Sep 2018 - 13:06

Bonjour,

@Neptunia a écrit:Si mes informations sont toujours d'actualité, la limite est de 250.

255 pour être exact, smileys par défaut inclus. Wink

Cordialement,
Walt
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 5566
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: banque de smileys

Message par lilas le Dim 30 Sep 2018 - 14:51

Neptunia Kébec a écrit:Si vous choisissez la seconde possibilité, je peux vous fournir une version localisée du script (en français du Québec) puisque je l'ai moi-même installé sur mon forum
Oulala,  je crois que mes membres aimeraient bien Sourire2 pouvoir ajouter des smileys perso...

Allez, te gêne pas Nep  Bravo2 pour nous laisser ton ti code francisé  québécois !
Un gros merci d'avance, bonne semaine forum,

Lunette
avatar

lilas
*****

Féminin
Messages : 964
Inscrit(e) le : 07/08/2004

http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: banque de smileys

Message par Neptunia le Dim 30 Sep 2018 - 15:00

Code:
$(function() {
          'DEVELOPED BY ANGE TUTEUR';
          'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
          'ORIGIN : http://fmdesign.forumotion.com/t1012-user-generated-emoticons#21094';
        
          if (!window.localStorage) return;
        
          window.fa_pemoticons_config = {
            hide_field : false, // hide/show field on profile
            position : 'top', // position of personal emoticons ; top or bottom
        
            // language settings
            lang : {
              title : 'Mes émoticônes',
              desc : 'Tu peux gérer tes émoticônes personnelles ci-dessous. Ces émoticônes s\'afficheront dans l\'éditeur dès que tu auras mis à jour ton profil',
              update : 'Enregistrer',
              upload : 'Téléverser',
              cancel : 'Annuler',
              add : 'Ajouter',
              delete : 'Supprimer',
              up : 'Déplacer plus haut',
              down : 'Déplacer plus bas'
            }
          };
        
        
          // load handler for iframes
          // adds custom emoticons once the frame is loaded
          window.fa_pemoticons_load = function() {
            var insertEmoticon = function () {
              $('#text_editor_textarea').sceditor('instance').insert('[img]' + this.src + '[/img] ');
            },
        
            injectEmoticons = function (emotes, body) {
              if (fa_pemoticons_config.position.toLowerCase() == 'top') {
                body.insertBefore(emotes, body.firstChild.nextSibling);
              } else {
                body.appendChild(emotes);
              }
            },
        
            body = $(this).contents().find('body')[0],
            div = $('<div id="fa_personal_emoticon_list" />')[0];
        
            if (body) {
        
              if (localStorage['fa_pemoticons_u' + _userdata.user_id]) {
                div.innerHTML = localStorage['fa_pemoticons_u' + _userdata.user_id];
        
                for (var a = div.getElementsByTagName('IMG'), i = 0, j = a.length; i < j; i++) {
                  a[i].onclick = insertEmoticon;
                }
        
                injectEmoticons(div, body);
        
              } else {
                $.get('/u' + _userdata.user_id, function(d) {
                  var emoticons = $('.fa_personal_emoticons img', d),
                      i = 0,
                      j = emoticons.length;
        
                  if (j) {
                    for (; i < j; i++) {
                      emoticons[i].onclick = insertEmoticon;
        
                      div.appendChild(emoticons[i]);
                      div.appendChild(document.createTextNode('\u00A0'));
                    }
                  }
        
                  localStorage['fa_pemoticons_u' + _userdata.user_id] = div.innerHTML;
                  injectEmoticons(div, body);
                });
              }
        
            }
          };
        
        
          // add load handlers for each iframe
          $(function() {
            var button = $('.sceditor-button-emoticon')[0];
        
            if (button) {
              button.onclick = function() {
                document.getElementById('quickEmojInternal').onload = fa_pemoticons_load;
                this.onclick = null;
              };
            }
        
            $('iframe[src^="/smilies"]').load(fa_pemoticons_load);
          });
        
        
          // hide field in profile
          if (fa_pemoticons_config.hide_field) {
            $('.fa_personal_emoticons').closest('[id^="field_id"]').hide();
          }
        
        
          // editing of profile field
          if (/\/profile|\/u\d+/.test(window.location.href)) {
            for (var a = document.getElementsByTagName('TEXTAREA'), i = 0, j = a.length; i < j; i++) {
              if (/class="fa_personal_emoticons"/.test(a[i].value) && /profile_field/.test(a[i].id)) {
        
                // define global object
                window.fa_pemoticons = {
        
                  // add new input to pemoticons_box
                  add : function (value) {
                    $('#pemoticons_box', fa_pemoticons.popup).append(
                      '<div class="pemoticon_row">'+
                        '<img class="pemoticon_preview" src="' + ( value ? value : 'https://illiweb.com/fa/empty.gif' ) + '" />'+
                        '<input class="pemoticon_value inputbox" type="text" value="' + ( value ? value : '' ) + '" oninput="fa_pemoticons.preview(this)" />'+
                        '<a class="pemoticons_action pemoticons_plus" href="#" onclick="fa_pemoticons.add(); return false;" title="' + fa_pemoticons_config.lang.add + '">+</a>'+
                        '<a class="pemoticons_action pemoticons_minus" href="#" onclick="fa_pemoticons.remove(this); return false;" title="' + fa_pemoticons_config.lang.delete + '">-</a>'+
                        '<a class="pemoticons_action pemoticons_up" href="#" onclick="fa_pemoticons.moveUp(this); return false;" title="' + fa_pemoticons_config.lang.up + '">▲</a>'+
                        '<a class="pemoticons_action pemoticons_down" href="#" onclick="fa_pemoticons.moveDown(this); return false;" title="' + fa_pemoticons_config.lang.down + '">▼</a>'+
                      '</div>'
                    ).scrollTop(9999);
                  },
        
        
                  // remove input from pemoticons_box
                  remove : function (that) {
                    that.parentNode.parentNode.removeChild(that.parentNode);
                  },
        
        
                  // move the emoticon up in the list
                  moveUp : function (that) {
                    var prev = that.parentNode.previousSibling;
        
                    if (prev) {
                      prev.parentNode.insertBefore(that.parentNode, prev);
                    }
                  },
        
        
                  // move the emoticon down in the list
                  moveDown : function (that) {
                    var next = that.parentNode.nextSibling,
                        nextNext;
        
                    if (next) {
                      nextNext = next.nextSibling;
        
                      if (nextNext) {
                        next.parentNode.insertBefore(that.parentNode, nextNext);
                      } else {
                        next.parentNode.appendChild(that.parentNode);
                      }
                    }
                  },
        
        
                  // update the emoticon preview
                  preview : function (that) {
                    that.previousSibling.src = that.value ? that.value : 'https://illiweb.com/fa/empty.gif';
                  },
        
        
                  // update textarea with new value
                  update : function () {
                    var emoticons = $('.pemoticon_value', fa_pemoticons.popup),
                        newVal = '[table class="fa_personal_emoticons"][tr][td]',
                        i = 0,
                        j = emoticons.length;
        
                    for (; i < j; i++) {
                      if (emoticons[i].value) {
                        newVal += '[img]' + emoticons[i].value + '[/img]';
                      }
                    }
        
                    fa_pemoticons.textarea.value = newVal + '[/td][/tr][/table]';
                    fa_pemoticons.cancel();
        
                    localStorage.removeItem('fa_pemoticons_u' + _userdata.user_id); // clear emoticon cache
                  },
        
        
                  // remove popup
                  cancel : function () {
                    document.body.style.overflow = '';
                    document.body.removeChild(fa_pemoticons.popup);
                    fa_pemoticons.popup = null;
                  },
        
        
                  // open servimg upload
                  upload : function () {
                    var win = window.open('https://servimg.com/',  '_blank', 'width=620,height=300');
        
                    $.get('/privmsg?mode=post', function(d) {
                      var email = d.match(/var servImgAccount = '(.*?)';/i),
                          id = d.match(/var servImgId = '(.*?)';/i),
                          f = d.match(/var servImgF = '(.*?)';/i);
        
                      if (email && id && f && email[1] && id[1] && f[1]) {
                        win.location.href = 'https://servimg.com/multiupload.php?&mode=fae&account=' + email[1] + '&id=' + id[1] + '&f=' + f[1];
                      }
                    });
                  },
        
                  popup : null,
                  textarea : null
                };
        
        
                // assign handler to textarea to show popup
                a[i].onfocus = function() {
                  this.blur();
        
                  if (fa_pemoticons.popup) {
                    fa_pemoticons.cancel();
                  }
        
                  var popup = $(
                    '<div id="pemoticons_overlay">'+
                      '<div id="pemoticons_modal">'+
                        '<h1>' + fa_pemoticons_config.lang.title + '</h1>'+
                        '<p>' + fa_pemoticons_config.lang.desc + '</p>'+
                        '<div id="pemoticons_box"></div>'+
                        '<div style="text-align:center;">'+
                          '<input type="button" class="button1" value="' + fa_pemoticons_config.lang.update + '" onclick="fa_pemoticons.update();" />'+
                          '&nbsp;'+
                          '<input type="button" class="button1" value="' + fa_pemoticons_config.lang.upload + '" onclick="fa_pemoticons.upload();" />'+
                          '&nbsp;'+
                          '<input type="button" class="button1" value="' + fa_pemoticons_config.lang.cancel + '" onclick="fa_pemoticons.cancel();" />'+
                        '</div>'+
                      '</div>'+
                    '</div>'
                  )[0],
        
                  emoticons = this.value.match(/\[img\].*?\[\/img\]/gmi),
                  i = 0,
                  j = emoticons ? emoticons.length : 0;
        
                  fa_pemoticons.popup = popup;
                  fa_pemoticons.textarea = this;
        
                  if (j) {
                    for (; i < j; i++) {
                      fa_pemoticons.add(emoticons[i].replace(/^\[img\]|\[\/img\]$/ig, ''));
                    }
                  } else {
                    fa_pemoticons.add();
                  }
        
                  document.body.style.overflow = 'hidden';
                  document.body.appendChild(popup);
                };
        
        
                // add modal styles to the document
                $('head').append(
                  '<style type="text/css">'+
                  '#pemoticons_overlay { font-family:arial; background:rgba(0, 0, 0, 0.5); position:fixed; top:0; right:0; bottom:0; left:0; z-index:99999; }'+
                  '#pemoticons_modal { background:#EEE; width:290px; height:300px; border:1px solid #CCC; position:absolute; top:50%; margin-top:-150px; left:50%; margin-left:-145px; overflow:auto; }'+
                  '#pemoticons_box { height:150px; text-align:center; margin:3px; overflow:auto; }'+
                  '#pemoticons_modal p { font-size:12px; margin:0; }'+
                  '#pemoticons_modal h1 { font-size:24px; margin:0; }'+
                  '#pemoticons_modal h1, #pemoticons_modal p, #pemoticons_modal div { padding:3px; }'+
                  'a.pemoticons_action { background:#69C; font-size:20px; color:#FFF; text-align:center; text-decoration:none; display:inline-block; height:16px; width:16px; line-height:16px; vertical-align:middle; margin:1px; border-radius:100%; }'+
                  'a.pemoticons_up, a.pemoticons_down { font-size:10px; }'+
                  'a.pemoticons_down { line-height:18px; }'+
                  'a.pemoticons_minus { line-height:13px; }'+
                  'a.pemoticons_action:hover { opacity:0.7 }'+
                  'img.pemoticon_preview { width:20px; max-height:30px; vertical-align:middle; }'+
                  'input.pemoticon_value { margin:0 3px; width:130px; }'+
                  '</style>'
                );
        
                break;
              }
            }
          }
        });

A placer sur toutes les pages !

Une fois que le champ de profil est correctement configuré et que le script est en place, il suffit d'éditer son profil et cliquer sur le champ additionnel pour ouvrir l'interface de gestion des émoticônes personnelles.
Ne pas oublier d'enregistrer deux fois : la première pour l'image ajoutée, la seconde pour valider la page de profil (et donc le champ modifié)




Si le français québécois fait mal aux yeux, il faut éditer les lignes 14 à 22 du script.
avatar

Neptunia
Membre actif

Féminin
Messages : 14004
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: banque de smileys

Message par lilas le Dim 30 Sep 2018 - 23:38

Certain que je vais éditer le "joual" car j'ai des membres, français et belges aussi.

Un gros merci pour ton support, Neptunia et belle fin de ce dimanche,

Angel
avatar

lilas
*****

Féminin
Messages : 964
Inscrit(e) le : 07/08/2004

http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: banque de smileys

Message par Walt le Lun 1 Oct 2018 - 1:04

Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu et enregistrer
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 5566
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: banque de smileys

Message par christelle16200 le Lun 1 Oct 2018 - 20:49

oui merci beaucoup pour toutes ces réponses

Envoyé depuis l'appli Topic'it

christelle16200
Nouveau membre

Féminin
Messages : 10
Inscrit(e) le : 02/02/2012

http://coeurdecrystal.forumgratuit.org/
christelle16200 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum