[INVISION] Création boutons comme edge

Hello Dan,

tu as déjà ces boutons sur cette version mais par contre en cliquant sur le pseudo:

supprimé l’espace entre les deux flèche.
cela est t'il possible ?

Comme mentionné dans un autre sujet , non, ce n'est pas possible avec cette version suite aux demandes précédentes.
De plus il faut des images transparentes mon ami et après des essais sur mon fofo de test,c'est presque impossible.
Il faudrait passer à la version phpbb3, le souci étant, que tu perdras tous les scripts et css.

bonsoir phil oui je le savais pour le bouton, c'est juste que version Edge me plaisais beaucoup plus.

Tu peux toujours passer à cette version mon ami:

https://www.milouze14.com/t30473-edge-installer-la-version-edge-sur-votre-forum#581863

j'aimerai bien mais,tu me la tellement bien arrangé mon fofo ce serais dommage avec tous les codages que tu m'a arrangé, en plus j'y comprend rien, donc je panse qu'il est plus sage pour moi de resté avec toute les belles améliorations que tu m'a aidé a faire. et de me contenté  de moindre code, en plus avec mon problème d'avc comme tu le sais je suis devenue nul en code ou recherche sur une simple recherche d'un ancien code, voir même de modifier une simple image j'y passe 2h , alors en edge dur dur mon ami.
en plus si un jour tu arrête je panse pas que je retrouverais un ami comme toi et surtout aussi patient et serviable  
si je ne peut pas déplacer les boutons en bas et bien dommage je ferai comme avant ou je changerai l'image de la flèche.
Amicalement

Hello Dan,
c'est comme tu le souhaites, ou alors la version Phpbb3 qui ressemble à deux gouttes d'eau à la version EDGE (qui est basée sur cette structure d'ailleurs).

Bref,on va essayer de mettre cela en place mais pas avec les variables présentes car on ne récupére pas tout .
Mais avec un script qui cherche le lien de chacun des boutons suivants:
Profil
Mp
Email
Site Web

Donc tu auras que ces quatre boutons d'affichés selon le profil du membre.
Au survol de chaque bouton, tu auras une infobulle indiquant la fonction ainsi que le pseudo du membre.

Aucune intervention dans le template mon ami(c'est une bonne nouvelle non   ).

Il est impératif d'avoir des images transparentes pour avoir le même effet que sur ce forum.
Je t'ai donc offert les quatre images présentes sur ce forum et tu les retrouves dans le script ici (pour information):

Code:

//IMAGE PROFIL
var imgprof="https://i.servimg.com/u/f86/18/21/41/30/profil12.png";
//IMAGE MP
var imgmp="https://i.servimg.com/u/f86/18/21/41/30/pm-f11.png";
//IMAGE EMAIL
var imgmail="https://i.servimg.com/u/f86/18/21/41/30/email-10.png";
//IMAGE SITE WEB
var imgsite="https://i.servimg.com/u/f86/18/21/41/30/websit10.png";


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mets un titre explicite.

Coches  Sur les sujets

Déposes ceci:

Code:


$(function(){
  if(!_userdata["session_logged_in"])return;
$('.postprofile').each(function(){
$(this).find('dl').find('dd').last().after('<dd class="M14_profil_icone"><a class="un"></a><a class="deux"></a><a class="trois"></a><a class="quatre"></a></dd>');
var member=$(this).find('.postprofile-head.post-header a[href^="javascript"]').text();
//IMAGE PROFIL
var imgprof="https://i.servimg.com/u/f86/18/21/41/30/profil12.png";
//IMAGE MP
var imgmp="https://i.servimg.com/u/f86/18/21/41/30/pm-f11.png";
//IMAGE EMAIL
var imgmail="https://i.servimg.com/u/f86/18/21/41/30/email-10.png";
//IMAGE SITE WEB
var imgsite="https://i.servimg.com/u/f86/18/21/41/30/websit10.png";
var M14_prof=$(this).find('.postprofile-head.post-header').find('a[title="Voir le profil de l\'utilisateur"]').attr('href');
var M14_profMP=$(this).find('.postprofile-head.post-header').find('a[title="Envoyer un message privé"]').attr('href');
var M14_profMail=$(this).find('.postprofile-head.post-header').find('a[href*="mode=email"]').attr('href');
var M14_profSite=$(this).find('.postprofile-head.post-header').find('a[title="Visiter le site web de l\'utilisateur"]').attr('href');
if(M14_prof)
{
$(this).find('dd.M14_profil_icone .un').append('<a href="'+M14_prof+'"title="Voir le profil de '+member+'"><img src="'+imgprof+'"/></a>');
}
if(M14_profMP)
{
$(this).find('dd.M14_profil_icone .deux').append('<a href="'+M14_profMP+'"title="Envoyer un message privé à '+member+'"><img src="'+imgmp+'"/></a>');
}
if(M14_profMail)
{
$(this).find('dd.M14_profil_icone .trois').append('<a href="'+M14_profMail+'"title="Envoyer un émail à '+member+'"><img src="'+imgmail+'"/></a>');
}
if(M14_profSite)
{
$(this).find('dd.M14_profil_icone .quatre').append('<a href="'+M14_profSite+'"title="Visiter le site web de '+member+'"><img src="'+imgsite+'"/></a>');
}

});});


Penses a cliquer sur le bouton


Puis on centre les images et leur donnons un style :


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


    /*ON CENTRE LES IMAGES*/
    .M14_profil_icone{text-align: center;margin-bottom: 10px;}
    /*ON DONNE APPARENCE AUX IMAGES*/
    .M14_profil_icone a img
    {
    padding: 4px 6px;
    background-color:rgb(35, 84, 2);
    margin: 0px 3px;
    }




Penses a cliquer sur le bouton






 

super merci Phil, est til possible de rajouter un bouton Facebook ?
par-contre j'ai quelque bouton profil qui ne s'affiche pas ?
ex: ici
amicalement

Je regarde tout cela ce soir vers 18h00 (les fêtes approchants, je n'ai pas assez de temps, surtout à cette heure..) pour le dysfonctionnement Dan,
pour le bouton facebook, je n'ai pas d'image transparente

Bonjour Phil,
pour moi pas Urgent quant je demande un service, je ne suis pas bloqué,
c'est juste de l'amélioration pas une panne réel prend ton temps.
pour l'image pas grave je te donne une provisoire que je changerais 

Code:

https://i80.servimg.com/u/f80/16/47/45/04/jkjklh10.png

Amicalement

Re Dan,

voilou mon ami, je t'ai créé cette icône pour FaceBbook:

https://i.servimg.com/u/f87/11/26/21/37/facebo10.png

Que tu pourras modifier dans le script à ce niveau:

Code:

//IMAGE FACEBOOK
var imgfacebook="https://i.servimg.com/u/f87/11/26/21/37/facebo10.png";

Attention, les images doivent avoir ces dimensions:
18px par 18px




Je t'ai ajouté (comme j'avais un peu de temps devant moi ) , les boutons en dessous des actuels ,
les recherches des sujets,messages et participation du membre et enfin envoyer un nouveau message sur le mur du membre et nombre d'ami(e)s.
Seuls les premiers bouton seront affichés et au survol =====> magie!!!!!!!!!

Bonjour Philippe Super merci; Tu travail même le dimanche, panse a ta petite famille c'est important, en attendent grand merci et du bon bouleau 

De rien Dan,

Tu travailles même le dimanche, penses à ta petite famille c'est important,

Que le matin mon ami et après, oui je pense à mes proches .

bravo aussi pour la création  FB ;
pourrais tu si possible faire une modification comme si dessous avec le bouton qui est seul en bas plutôt quant haut.
 

et caché ceci Daniel  bien sur c'est pas une Urgence quant tu peut
Bon dimanche a toi et tes proche Phil.
Amicalement

pourrais tu si possible faire une modification comme si dessous avec le bouton qui est seul en bas plutôt quant haut.

Effectué mon ami



On cache la partie du membre

Effectué avec ce style:

Code:

/*ON CACHE LE BOUTON DU MEMBRE*/
div[class*="post--"] .popmenubutton-new-out{display:none;}

 grand merci mon ami, super travail 

De rien Dan,
j'ai modifié quelque peu le bloc du profil afin qu'il laisse supposer qu'il n'y a pas de contenu.
Car auparavant on voyait un espace conséquent.
C'est désormais de l'histoire ancienne .