Connexion

Récupérer mon mot de passe

Derniers sujets
» [PHPBB2] Menu Rechercher en haut à gauche effet survol
par Milouze14 Aujourd'hui à 18:50

» [TOUTES VERSIONS] Une page html connexion/deconnexion...
par christ77000 Hier à 14:13

» [EDGE]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Ptite_Perle Lun 24 Fév 2020 - 18:24

» *RESOLU*[MODERNBB] Fusionner la toolbar et la barre de navigation sur un thème modernBB
par Milouze14 Dim 23 Fév 2020 - 15:56

» *RESOLU*[PHPBB2] Décaler des petites images dans le corps du message d'accueil sur l'index;
par Milouze14 Sam 22 Fév 2020 - 15:17

» [PHPBB3] Afficher les membres en ligne (version graphique) sur l'index et dans la liste des sujets
par BarTender Sam 22 Fév 2020 - 15:00

» histoire du Jour sans fin
par Quad Daniel Sam 22 Fév 2020 - 12:06

» [PHPBB3] Widget anniversaire sur toutes les pages du fofo
par Milouze14 Sam 22 Fév 2020 - 10:43

» [TOUTES VERSIONS] Bouton générateur de tableaux
par BarTender Ven 21 Fév 2020 - 15:31

» [PHPBB3] Intégrer des boutons en relation avec le profil du membre style barre de contact
par BarTender Ven 21 Fév 2020 - 14:57

» [TOUTES VERSIONS]Remplacer les icônes de l'éditeur par des icônes FontAwesome
par BarTender Ven 21 Fév 2020 - 13:08

» *RESOLU*[PHPBB2] Fenetres en haut du forum
par Milouze14 Ven 21 Fév 2020 - 3:46

» [BESTOF] Images favorites
par Milouze14 Jeu 20 Fév 2020 - 19:33

» [BESTOF] Ajouter lien message dans titre citation
par Milouze14 Mar 18 Fév 2020 - 18:44

» *RESOLU*[PHPBB2] WYSIWYG pour citation sur message rapide
par Milouze14 Mar 18 Fév 2020 - 18:32

» [TOUTES VERSIONS]Ajouter un contenu visible que par les membres ayant répondu.
par dymo Mar 18 Fév 2020 - 2:10

» *RESOLU*[PHPBB2] Mise en page dans le corps du message uniquement sur le 1er message
par Milouze14 Ven 14 Fév 2020 - 16:25

» [BESTOF] Les photos à partir de l'ID d'un membre
par Milouze14 Ven 14 Fév 2020 - 3:53

» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par christ77000 Jeu 13 Fév 2020 - 10:01

» [TOUTES VERSIONS]Visualiser le mot de passe
par christ77000 Jeu 13 Fév 2020 - 8:29

[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