Connexion

Récupérer mon mot de passe

Derniers sujets*
» [AWESOMEBB]Afficher le nombre LIKES dans la liste des sujets
par Milouze14 Mar 19 Oct 2021 - 9:19

» [MODERNBB]Afficher le nombre LIKES dans la liste des sujets
par Milouze14 Mar 19 Oct 2021 - 8:51

» [PHPBB2]Afficher le nombre LIKES dans la liste des sujets
par soleda Mar 19 Oct 2021 - 8:20

» [PHPBB3] Afficher le nombre LIKES dans la liste des sujets
par photoclic Lun 18 Oct 2021 - 23:18

» [TOUTES VERSIONS]Afficher les scripts disponibles et désactivés dans un widget (ADMIN)
par photoclic Jeu 14 Oct 2021 - 10:06

» [PHPBB2]Personnaliser les annonces, notes etc
par Constellation Mer 13 Oct 2021 - 1:23

» [PHPBB2] Afficher la partie profil au dessus du message
par Milouze14 Mar 12 Oct 2021 - 11:24

» [PHPBB2] Cacher tous les sujets des invités
par Angelface Jeu 30 Sep 2021 - 18:31

» [PHPBB2] Afficher le nombre de message privé non lus sur la toolbar etc
par Angelface Jeu 30 Sep 2021 - 18:07

» Ajout d'ami rapide
par Milouze14 Jeu 30 Sep 2021 - 6:54

» [PHPBB2] Afficher les membres en ligne (version graphique) sur l'index et dans la liste des sujets
par Angelface Mer 29 Sep 2021 - 2:01

» [TOUTES VERSIONS] Masquer le bouton j'aime pas ou j'aime a un membre
par soleda Mar 28 Sep 2021 - 8:14

» [PHPBB3]Personnaliser les annonces, notes etc
par Milouze14 Mer 8 Sep 2021 - 8:09

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par Myrddin Ven 3 Sep 2021 - 22:34

» [TOUTES VERSIONS] Modifier les textes de la barre de navigation
par Ella Lun 30 Aoû 2021 - 18:13

» [PHPBB2]Afficher des commentaires sous forme de vignettes
par soleda Ven 6 Aoû 2021 - 9:38

» [AWESOMEBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 19:03

» [MODERNBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 18:53

» [AWESOMEBB]Modifier les icônes de la réponse rapide
par Milouze14 Sam 17 Juil 2021 - 19:37

» [MODERNBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 12 Juil 2021 - 8:37

Les statistiques du forum
Nous avons 485 membres enregistrés

L'utilisateur enregistré le plus récent est Moonlight

Nos membres ont posté un total de 27834 messages dans 1430 sujets

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

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

5 participants
Message n°10
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Dim 25 Mar 2018 - 6:50

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é.

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

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:

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

L'aperçu pour le html
[TOUTES VERSIONS] Ajouter l'avatar sur l'éditeur et encore plus... 2html10

Une fois le message publié :

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

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:

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


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://2img.net/i/fa/invision/pp-blank-thumb-38px.png', // default avatar
            cacheTime : 1*60*60*1000, // amount of time the avatar is  ( 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





Voila, c'est tout pour le moment clin oeil .
Un soucis direction l'entraide hinhin
https://www.milouze14.com/f14-entraide-forumactif



Dernière édition par Milouze14 le Ven 23 Oct 2020 - 8:07, édité 3 fois
Message n°20
dédé54
dédé54
Milouzien

Avertissement : 50/100
http://le-piegeage.1fr1.net/

Messagedédé54 Dim 25 Mar 2018 - 8:49

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é
Message n°30
dédé54
dédé54
Milouzien

Avertissement : 50/100
http://le-piegeage.1fr1.net/

Messagedédé54 Dim 25 Mar 2018 - 12:01

Désolé Philippe ce n'est pas pour moi je n'y arriverais pas tans pis pas grave ....
Bon dimanche à tous ....dédé
Message n°40
chrisnvidia
chrisnvidia
Milouzien

https://sos-pc.forumactif.org/

Messagechrisnvidia Dim 25 Mar 2018 - 18:52

Merci Philippe

Mais je n'ai pas réussi non plus oups1
Message n°50
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Dim 25 Mar 2018 - 19:37

Hello Chris,

merci d'être plus explicite et..

-Staff du Forum Milouze14-


Pour toute information merci de contacter un Membre du Staff


NOUVELLE BARRE DE NAVIGATION


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Message n°60
Taraserie
Taraserie
Milouzien

http://rdvdesseries.forumsactifs.com/

MessageTaraserie Mer 24 Oct 2018 - 10:53

Merci du partage
Message n°70
Lilas
Lilas
Milouzien

http://lefofodemacopine.forumactif.com

MessageLilas Sam 24 Nov 2018 - 19:18

Salut forum,

Perplexe la madame...

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

Tourlou,

Ha ha ha
Message n°80
Lilas
Lilas
Milouzien

http://lefofodemacopine.forumactif.com

MessageLilas Sam 24 Nov 2018 - 23:53

:u1679: que dit cette petite chose... ?

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

Sujets similaires internes ( 0 )
Aucun sujet

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à Milouzien ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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