Connexion

Récupérer mon mot de passe

Derniers sujets
» [AWESOMEBB] Changer la police titre forum
par Milouze14 Mar 2 Juin 2020 - 20:11

» *RESOLU*[PHPBB3] Le fil d'ariane en bas
par Milouze14 Mar 2 Juin 2020 - 20:10

» *RESOLU*[PHPBB3] Bouton chatbox sur barre de notification
par Milouze14 Mar 2 Juin 2020 - 17:59

» *RESOLU*[PHPBB3] Erreur dans template
par Milouze14 Lun 1 Juin 2020 - 15:56

» [PHPBB2] Mettre en résolu via la réponse rapide
par Morane Lun 1 Juin 2020 - 14:28

» *RESOLU*[PHPBB2] Installation Messenger - Template modifié
par Milouze14 Sam 30 Mai 2020 - 20:16

» [PHPBB2] Cacher les infos du profil sous l'avatar, en hover
par Milouze14 Jeu 28 Mai 2020 - 18:54

» [AWESOMEBB] Supprimer le soulignement des liens
par Milouze14 Mer 27 Mai 2020 - 18:28

» *RESOLU*[PHPBB2] Champs du profil en fonction de la couleur de groupe.
par Milouze14 Mar 26 Mai 2020 - 17:54

» [PUNBB] Codage qeel
par Milouze14 Mar 26 Mai 2020 - 17:44

» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par croklivre Lun 25 Mai 2020 - 18:25

» [TOUTES VERSIONS] Faire clignoter les images des nouveaux messages
par croklivre Lun 25 Mai 2020 - 18:17

» [PUNBB] Couleurs des Catégories et des cellules qui ne changent pas de couleurs
par Milouze14 Lun 25 Mai 2020 - 14:47

» [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne
par Milouze14 Dim 24 Mai 2020 - 5:38

» [AWESOMEBB] Taille de la zone.
par Milouze14 Dim 24 Mai 2020 - 5:38

» [PUNBB] Agencement du profil
par Milouze14 Sam 23 Mai 2020 - 19:06

» *RESOLU*[MODERNBB] Chatbox - Enlever les deux points après le pseudo
par Milouze14 Sam 23 Mai 2020 - 17:26

» *RESOLU*[PHPBB3] Anomalies certains éléments
par Milouze14 Sam 23 Mai 2020 - 16:05

» [AWESOMEBB]Refonte du profil dans un sujet.
par Milouze14 Sam 23 Mai 2020 - 3:31

» [PHPBB2] Alignement du champ masculin/féminin
par Milouze14 Jeu 21 Mai 2020 - 20:24

[INVISION] Création boutons comme edge

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

Quad Daniel
Quad Daniel
Animateur blagueur

MessageQuad Daniel le Ven 20 Déc 2019 - 15:37

  • Version du forum :
    Invision
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome
Sur les sujets cadre avatar serai t'il possible de créer comme dans edge [INVISION] Création boutons comme edge Provvv17
je souhaiterai avoir comme dans l'image si dessous 
[INVISION] Création boutons comme edge Images13
déplacer la loupe en jaune haut  + en bas rajouter bouton qui on étais déplacer du haut et
en flèche rouge supprimé l’espace entre les deux flèche.
cela est t'il possible ?
amicalement
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 20 Déc 2019 - 18:55

Hello Dan,

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

[INVISION] Création boutons comme edge 137


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.


Dernière édition par Milouze14 le Ven 20 Déc 2019 - 19:49, édité 1 fois
Quad Daniel
Quad Daniel
Animateur blagueur

MessageQuad Daniel le Ven 20 Déc 2019 - 19:47

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 20 Déc 2019 - 19:50



Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Quad Daniel
Quad Daniel
Animateur blagueur

MessageQuad Daniel le Ven 20 Déc 2019 - 20:10

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 clin oeil  
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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 21 Déc 2019 - 6:07

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  mdr ).

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 Valid


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 [INVISION] Création boutons comme edge Sans_t10






 

Quad Daniel
Quad Daniel
Animateur blagueur

MessageQuad Daniel le Sam 21 Déc 2019 - 10:36

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 21 Déc 2019 - 12:25

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



Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Quad Daniel
Quad Daniel
Animateur blagueur

MessageQuad Daniel le Sam 21 Déc 2019 - 14:00

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 21 Déc 2019 - 18:26

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 clin oeil ) , 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!!!!!!!!! super super super super


Quad Daniel
Quad Daniel
Animateur blagueur

MessageQuad Daniel le Dim 22 Déc 2019 - 9:14

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 [INVISION] Création boutons comme edge 180694239

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 22 Déc 2019 - 9:30

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 clin oeil .





Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Quad Daniel
Quad Daniel
Animateur blagueur

MessageQuad Daniel le Dim 22 Déc 2019 - 9:42

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.
[INVISION] Création boutons comme edge Provvv18 [INVISION] Création boutons comme edge Images14

et caché ceci Daniel [INVISION] Création boutons comme edge Provvv19 bien sur c'est pas une Urgence quant tu peut
Bon dimanche a toi et tes proche Phil.
Amicalement

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 22 Déc 2019 - 10:00

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 clin oeil

[INVISION] Création boutons comme edge 138

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;}

[INVISION] Création boutons comme edge 139
Quad Daniel
Quad Daniel
Animateur blagueur

MessageQuad Daniel le Dim 22 Déc 2019 - 11:11

[INVISION] Création boutons comme edge Daniel11 grand merci mon ami, super travail [INVISION] Création boutons comme edge 40418453

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 22 Déc 2019 - 11:16

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




Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil





Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).

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