Derniers sujets
» [PHPBB2] Afficher la date et l'heure dans les messages
par choupette60 Aujourd'hui à 15:09

» [PHPBB2] Couleur spécifique aux membres d'un rang dans les messages
par Morane Aujourd'hui à 11:07

» [PHPBB2] Liste des membres quelque peu originale
par Lilas Hier à 5:26

» [PHPBB2] Changer les boutons Nouveau,Repondre et Verrouillé par du texte
par Lilas Hier à 5:10

» [PHPBB2] Afficher une réponse automatique style staff
par JasRhodes Lun 17 Déc 2018 - 19:55

» [TOUTES VERSIONS] Permettre aux invités de ne lire que le premier message
par chrisnvidia Lun 17 Déc 2018 - 19:50

» [EDGE] Afficher le nombre de message privé non lus sur la toolbar etc
par chrisnvidia Lun 17 Déc 2018 - 19:09

» [PHPBB2] Remplacer le mot Invité
par choupette60 Dim 16 Déc 2018 - 15:24

» [PHPBB2] Afficher le posteur du sujet dans les réponses
par Morane Dim 16 Déc 2018 - 11:44

» [PUNBB] Afficher le posteur du sujet dans les réponses
par Milouze14 Dim 16 Déc 2018 - 4:31

» [INVISION] Afficher le posteur du sujet dans les réponses
par Milouze14 Dim 16 Déc 2018 - 4:29

» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par chrisnvidia Ven 14 Déc 2018 - 14:09

» [PHPBB3]Ajouter l'infobulle au survol des boutons de la barre de navigation
par chrisnvidia Ven 14 Déc 2018 - 13:32

» [TOUTES VERSIONS] FA7UP - Citer post par MP
par chrisnvidia Ven 14 Déc 2018 - 13:26

» [PHPBB2] Afficher une infobulle au survol des titres des sujets avec......
par Lilas Ven 14 Déc 2018 - 2:21

» [PHPBB2]Outils de modération sur la liste des sujets
par Milouze14 Jeu 13 Déc 2018 - 18:26

» [TOUTES VERSIONS] Ajouter le texte bienvenu et le Pseudo dans l'onglet du navigateur
par soleda Jeu 13 Déc 2018 - 16:55

» [PHPBB2] Widget anniversaire sur toutes les pages du fofo
par choupette60 Jeu 13 Déc 2018 - 15:30

» [PHPBB2] Afficher les membres connectés et les anniversaires du jour
par choupette60 Jeu 13 Déc 2018 - 15:29

» [TOUTES VERSIONS] Décorez votre pseudo ,ou celui d'un autre !
par MathisB Mer 12 Déc 2018 - 17:59

[TOUTES VERSIONS] Ajouter l'avatar sur l'éditeur et encore plus...

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

Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello les ami(e)s,

le script a été développé par mon ami Ange Tuteur que je salue au passage hinhin .

http://fmdesign.forumotion.com/t415-emotiuser-become-your-own-personal-emoticon#3322

Il consiste a déposer l'avatar du membre sur l'éditeur.

Un petit merci est toujours agréable les ami(e)s  impeccable .

Mais le script ne s'arrête pas là heuu .

Si vous cliquez sur ce fameux avatar, il déroulera un petit menu typique à l'éditeur (donc pour l'instant vous n'êtes pas perdu clin oeil  ).
Dans ce petit menu, l'identifiant du membre sera automatiquement inséré.



Au clic sur le bouton "Insérer":


Vous aurez la possibilité dans le script d'afficher le code en bbcode( par défaut)  ou en html .
Il suffira mettre 1 pour du html
Code:
       
// 0 = BBCode
// 1 = HTML
tagType :0,

L'aperçu pour le Bbcode:



L'aperçu pour le html


Une fois le message publié :



Hum, c'est pas très chouette, on va ajouter un peu de style:

Si vous maitrisez le script, vous pouvez modifier son apparence ici:
Code:
<style type="text/css">.emotiuser, .emotiuser * { display:inline-block; } .emotiuser_icon { width:30px;height:30px; vertical-align:middle; margin:3px; } .sceditor-button-emotiuser div { background:none !important; }</style>

Sinon,

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ceci:
Code:

.emotiuser_icon
{
border:1px solid black;
padding:3px;
border-radius: 30px;
}



L'aperçu:




Allez le script maintenant super .


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettre un titre explicite.
Cochez sur toutes les pages.


Déposez ceci:
Code:

(function() {
          'EmotiUser - Become your own personal emoticon !';
          'DEVELOPED BY ANGE TUTEUR';
          'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
          'ORIGIN : http://fmdesign.forumotion.com/';
        
          window.EmotiUser = {
            default_icon : 'http://illiweb.com/fa/invision/pp-blank-thumb-38px.png', // default avatar
            cacheTime : 1*60*60*1000, // amount of time the avatar is cache ( 1 hour )
          
            // tagType influences the type of tags used
            // 0 = BBCode
            // 1 = HTML
            tagType :0,
          
            // markup format
            tag : [
              '[table class="emotiuser"][tr][td]:u{UID}:[/td][/tr][/table]',
              '<span class="emotiuser">:u{UID}:</span>'
            ],
        
            parse : function() {
              if (!EmotiUser.tags) {
                EmotiUser.tags = $('.emotiuser');
                EmotiUser.index = -1;
              }
        
              var tag = EmotiUser.tags[++EmotiUser.index];
              if (tag) {
                var txt = $(tag).text(),
                    tag_id = txt.replace(/:u(\d+):/, '$1'),
                    storage = window.localStorage;
                  
                if (storage && storage['emotiuser_' + tag_id] && storage['emotiuser_' + tag_id + '_exp'] > +new Date - EmotiUser.cacheTime) {
                  var icon = document.createElement('IMG'),
                      data = JSON.parse(storage['emotiuser_' + tag_id]);
                    
                  icon.className = 'emotiuser_icon';
                  icon.src = data.src;
                  icon.alt = data.alt;
                  icon.title = data.title;
                
                  tag.parentNode.insertBefore(icon, tag);
                  tag.parentNode.removeChild(tag);
                  EmotiUser.parse();
                } else {
                  $.get('/ajax/index.php?f=m&user_id=' + tag_id, function(d) {
                    var icon = $('.tooltip-content > img', d)[0],
                        name = $('.tooltip-title', d).text() || d;
                
                    if (!icon) {
                      icon = document.createElement('IMG');
                      icon.src = EmotiUser.default_icon;
                    }
                  
                    icon.className = 'emotiuser_icon';
                    icon.title = name;
                    icon.alt = txt;
                
                    if (storage && window.JSON) {
                      storage['emotiuser_' + tag_id] = JSON.stringify({
                        src : icon.src,
                        alt : icon.alt,
                        title : icon.title
                      });
                      storage['emotiuser_' + tag_id + '_exp'] = +new Date;
                    }
                  
                    tag.parentNode.insertBefore(icon, tag);
                    tag.parentNode.removeChild(tag);
                    EmotiUser.parse();
                  });
                }
              } else {
                delete EmotiUser.tags;
                delete EmotiUser.index;
              }
            }
          };
        
  document.write('<style type="text/css">.emotiuser, .emotiuser * { display:inline-block; } .emotiuser_icon { width:30px;height:30px; vertical-align:middle; margin:3px; } .sceditor-button-emotiuser div { background:none !important; }</style>');
        
          $(function(){
            EmotiUser.parse();
          
            if ($.sceditor && toolbar) {
              $.sceditor.command.set('emotiuser', {
                dropDown : function(editor, caller, callback) {
                  var content = document.createElement('DIV'),
                      input = document.createElement('INPUT'),
                      submit = document.createElement('INPUT');
        
                  input.type = 'text';
                  input.value = _userdata.user_id;
                  input.id = 'emotiuser_number';
        
                  submit.type = 'button';
                  submit.className = 'button';
                  submit.value = 'Insérer';
                  submit.onclick = function() {
                    var id = +$('#emotiuser_number', this.parentNode)[0].value;
                    if (typeof id === 'number' && id > 0) {
                      callback(id);
                      editor.closeDropDown(true);
                    } else {
                      alert('Please insert a valid user id');
                    }
                  };
        
                  content.innerHTML = '<div><label for="emotiuser_number">Identifiant du membre</label></div>';
                  content.firstChild.appendChild(input);
                  content.appendChild(submit);
        
                  editor.createDropDown(caller, 'emotiuser', content);
                },
        
                exec : function(c) {
                  var e = this;
                  $.sceditor.command.get('emotiuser').dropDown(e, c, function(content) {
                    e.insertText(EmotiUser.tag[EmotiUser.tagType].replace(/\{UID\}/, content));
                  });
                },
        
                txtExec : function(c) {
                  var e = this;
                  $.sceditor.command.get('emotiuser').dropDown(e, c, function(content) {
                    e.insertText(EmotiUser.tag[EmotiUser.tagType].replace(/\{UID\}/, content));
                  });
                },
              
                tooltip : 'EmotiUser'
              });
            
              toolbar = toolbar.replace(/date/, 'emotiuser,date');
            
              $(function() {
                var button = $('.sceditor-button-emotiuser div')[0];
                if (button) {
                  $(button).append(_userdata.avatar.replace(/<img/, '<img style="height:16px;width:16px;"'));
                  button.style.textIndent = '0px';
                }
              });
            }
          });
        }());



Pensez a cliquer sur le bouton Valider


:u1:

Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide clin oeil
https://www.milouze14.com/f108-entraide-tous-supports



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





dédé54
avatar
Milouzien

Messagedédé54

  • 16px
  • 24px
  • Zoom
Merci beaucoup , j'abandonne car je risque de faire des boulettes , moi je ne voulais que l'avatar comme cellui que je vois quand j’écris en réponse rapide ...Merci les amis ...dédé
dédé54
avatar
Milouzien

Messagedédé54

  • 16px
  • 24px
  • Zoom
Désolé Philippe ce n'est pas pour moi je n'y arriverais pas tans pis pas grave ....
Bon dimanche à tous ....dédé
chrisnvidia
avatar
Milouzien

Messagechrisnvidia

  • 16px
  • 24px
  • Zoom
Merci Philippe

Mais je n'ai pas réussi non plus oups1
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Chris,

merci d'être plus explicite et..

-Staff du Forum Milouze14-


Pour toute information merci de contacter un Membre du Staff



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Taraserie
avatar
Milouzien

MessageTaraserie

  • 16px
  • 24px
  • Zoom
Merci du partage
Lilas
avatar
Milouzien

MessageLilas

  • 16px
  • 24px
  • Zoom
Salut forum,

Perplexe la madame...

Les Aperçus se sont fait la malle ou ils sont cachés ???

Tourlou,

Ha ha ha
Lilas
avatar
Milouzien

MessageLilas

  • 16px
  • 24px
  • Zoom
:u1679: que dit cette petite chose... ?

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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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