Connexion
Derniers sujets*
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
» [PHPBB2] Effet loupe sur chaque message
par fanny Jeu 10 Déc 2020 - 10:11
» [TOUTES VERSIONS] Afficher des boutons pour le haut et le bas de page
par fanny Mer 9 Déc 2020 - 8:27
» [PHPBB2]Afficher les statistiques dans la liste des membres
par fanny Mar 8 Déc 2020 - 9:26
» [PHPBB2] Remplacer le mot Invité
par fanny Mar 8 Déc 2020 - 9:04
» [PHPBB2]Afficher une barre de progression sur la liste des MPS
par Morane Sam 5 Déc 2020 - 17:36
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
» [PHPBB2] Effet loupe sur chaque message
par fanny Jeu 10 Déc 2020 - 10:11
» [TOUTES VERSIONS] Afficher des boutons pour le haut et le bas de page
par fanny Mer 9 Déc 2020 - 8:27
» [PHPBB2]Afficher les statistiques dans la liste des membres
par fanny Mar 8 Déc 2020 - 9:26
» [PHPBB2] Remplacer le mot Invité
par fanny Mar 8 Déc 2020 - 9:04
» [PHPBB2]Afficher une barre de progression sur la liste des MPS
par Morane Sam 5 Déc 2020 - 17:36
Les statistiques du forum
[TOUTES VERSIONS] Ajouter l'avatar sur l'éditeur et encore plus...
Page 1 sur 1 • Partagez
- Milouze14Fondateur
Hello les ami(e)s,
le script a été développé par mon ami Ange Tuteur que je salue au passage
.
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
.
Mais le script ne s'arrête pas là
.
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
).
Dans ce petit menu, l'identifiant du membre sera automatiquement inséré.
![[TOUTES VERSIONS] Ajouter l'avatar sur l'éditeur et encore plus... 1145](https://i.servimg.com/u/f62/11/26/21/37/1145.jpg)
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
L'aperçu pour le Bbcode:
![[TOUTES VERSIONS] Ajouter l'avatar sur l'éditeur et encore plus... 2bbcod10](https://i.servimg.com/u/f62/11/26/21/37/2bbcod10.jpg)
L'aperçu pour le html
![[TOUTES VERSIONS] Ajouter l'avatar sur l'éditeur et encore plus... 2html10](https://i.servimg.com/u/f62/11/26/21/37/2html10.jpg)
Une fois le message publié :
![[TOUTES VERSIONS] Ajouter l'avatar sur l'éditeur et encore plus... 412](https://i.servimg.com/u/f62/11/26/21/37/412.jpg)
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:
Sinon,
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ceci:
L'aperçu:
![[TOUTES VERSIONS] Ajouter l'avatar sur l'éditeur et encore plus... 319](https://i.servimg.com/u/f62/11/26/21/37/319.jpg)
Allez le script maintenant
.
Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript
Mettre un titre explicite.
Cochez sur toutes les pages.
Déposez ceci:
Pensez a cliquer sur le bouton Valider
Voila, c'est tout pour le moment
.
Un soucis direction l'entraide
https://www.milouze14.com/f14-entraide-forumactif
le script a été développé par mon ami Ange Tuteur que je salue au passage

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

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

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

Dans ce petit menu, l'identifiant du membre sera automatiquement inséré.
![[TOUTES VERSIONS] Ajouter l'avatar sur l'éditeur et encore plus... 1145](https://i.servimg.com/u/f62/11/26/21/37/1145.jpg)
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](https://i.servimg.com/u/f62/11/26/21/37/2bbcod10.jpg)
L'aperçu pour le html
![[TOUTES VERSIONS] Ajouter l'avatar sur l'éditeur et encore plus... 2html10](https://i.servimg.com/u/f62/11/26/21/37/2html10.jpg)
Une fois le message publié :
![[TOUTES VERSIONS] Ajouter l'avatar sur l'éditeur et encore plus... 412](https://i.servimg.com/u/f62/11/26/21/37/412.jpg)
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](https://i.servimg.com/u/f62/11/26/21/37/319.jpg)
Allez le script maintenant

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

Un soucis direction l'entraide

https://www.milouze14.com/f14-entraide-forumactif
Dernière édition par Milouze14 le Ven 23 Oct 2020 - 8:07, édité 3 fois
- dédé54Milouzien
- Avertissement : 10/100
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é54Milouzien
- Avertissement : 10/100
Désolé Philippe ce n'est pas pour moi je n'y arriverais pas tans pis pas grave ....
Bon dimanche à tous ....dédé
Bon dimanche à tous ....dédé
- chrisnvidiaMilouzien
Merci Philippe
Mais je n'ai pas réussi non plus
Mais je n'ai pas réussi non plus

- Milouze14Fondateur
Hello Chris,
merci d'être plus explicite et..
merci d'être plus explicite et..
-Staff du Forum Milouze14-
Pour toute information merci de contacter un Membre du Staff | ![]() |
NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
- TaraserieMilouzien
Merci du partage
- LilasMilouzien
Salut forum,
Perplexe la madame...
Les Aperçus se sont fait la malle ou ils sont cachés ???
Tourlou,
Perplexe la madame...
Les Aperçus se sont fait la malle ou ils sont cachés ???
Tourlou,

- LilasMilouzien
:u1679: que dit cette petite chose... ?
Sujets similaires internes ( 0 )
Aucun sujet
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum