Le deal à ne pas rater :
Corsair Vengeance LPX 32GB (2 x 16GB) DDR4 3200MHz C16 High ...
99.90 €
Voir le deal

Aller en bas
Anonymous
Kietah
Invité

Isoler une image dans les champs de profil Empty Isoler une image dans les champs de profil

Dim 2 Mai 2021 - 16:07
Bonjour à vous !

Tout d'abord, je souhaitais très sincèrement vous remercier pour votre forum : vous êtes d'une aide précieuse pour tous ceux qui découvrent le code, touchent un petit peu mais ne sont pas totalement capables d'écrire de 0, notamment le JS.

Je viens vers vous car j'aimerais beaucoup trouver une astuce visuelle, et j'espère être au bon endroit.

Je suis sur ModernBB.

En effet, j'ai suivi le tutoriel de velunes qui permet de séparer le profil en plusieurs onglets ; par ailleurs, elle s'est basée sur votre tuto "Diviser/Séparer champs du profil".
Seulement, ce tutoriel ne fonctionne qu'avec les textes, a priori : j'ai essayé d'isoler une image pour la mettre ailleurs, et je n'ai pas réussi, alors qu'avec un texte aucun problème (j'ai fait le test en ne changeant rien d'autre au Javascript que l'intitulé du champ profil et il s'est mis en place tout seul).
Du coup, la question : comment serait-il possible de déplacer une image du profil ? J'aurais souhaité vous donner des screens mais ce n'est pas possible en tant qu'invitée.

Je vous donne aussi le JS dûment modifié quand ça fonctionne avec le texte (peut-être que vous pourriez juste me donner un petit coup de main avec ça) :
Code:
jQuery(function () {

    // on indique la version du forum
    // attention de bien respecter les écritures ci-dessous
    // invision, phpbb2, phpbb3, punbb, Invision, ModernBB, AwesomeBB
    var versionForum = 'ModernBB',
        $chemin,
        $eltParent = '.topic_boder_profil_infos';

    // On indique le chemin vers la balise qui contient les champs du profil
    switch(versionForum){
        // Si on est sur phpbb2
        case 'ModernBB':
            $chemin = ".topic_boder .topic_boder_profil .topic_boder_profil_infos .infos-posteur";
            break;
              };

    // Si la structure est différente de celle de base
    // indiquer le bon chemin et
    // décommenter (en supprimer // ) la ligne ci-dessous
    // chemin = "ton chemin";

    // On parcourt chaque champs des profils
    $( $chemin ).each(function( index ) {
        // On récupére le contenu html de ces champs
        var champs = $(this).find('.label > span:first-child').html() ;
 
        // On teste sur le champs correspond aux blocs qu'on veut isoler
        // pour info || signifie "ou"
        if( champs == "ONGLET 1"){
            // Je déplace le contenu dans le bloc masqué après le bloc "afficher/masquer"
            $(this).parents($eltParent).find('.topic_boder_profil_img').append(this);
 
        }
 
    });
});

Je ne sais pas quoi ajouter de plus, j'espère avoir donné le plus d'infos possibles et que vous pourrez m'aider (ou faire un petit tuto en la matière parce que je ne dois pas être la seule qui désire cela). Je me suis tournée vers vous comme le tuto initial de séparation vient d'ici et, je me le répète, est d'une clarté si agréable.

Je vous souhaite une très belle journée !
Mäven
Mäven
Râleuse (Admin)
Informations : Présente quelques heures par semaine =)
----
Idea Viens papoter avec nous sur le discord

Messages : 4023
https://tambouille-raleuses.forumactif.com/

Isoler une image dans les champs de profil Empty Re: Isoler une image dans les champs de profil

Lun 3 Mai 2021 - 21:48
Bonjour !

Si je comprends bien, tu as un champs de profil qui est en fait une image seule, et c'est ça que tu voudrais déplacer ? C'est bien ça ?

Si oui, ça sera assez rapide Wink

_________________
Anonymous
Kietah
Invité

Isoler une image dans les champs de profil Empty Re: Isoler une image dans les champs de profil

Mar 4 Mai 2021 - 13:08
Bonjour,

Merci beaucoup pour la réponse rapide !

Oui c'est exactement ça !
Je me doute que ce n'est pas compliqué mais je n'ai vu aucun tuto clair nul part (comme l'était celui pour les textes chez vous), d'où le fait que je poste la demande ici plutôt que dans problème.
Le type de champ que j'aimerais déplacer est, comme indiqué sur le PA de FA, « une image ».

Merci beaucoup pour votre aide !
Anonymous
Kietah
Invité

Isoler une image dans les champs de profil Empty Re: Isoler une image dans les champs de profil

Mer 9 Juin 2021 - 10:26
Bonjour !

Je ne veux pas du tout vous déranger, ni vous presser, c'est juste pour faire un petit up et savoir où vous en étiez (vous disiez que ce serait relativement simple et mon forum devrait ouvrir les prochaines semaines).

Je suis désolée si je vous embête Sad

Bonne journée !
Miettes
Miettes
Râleuse (Admin)
Informations :
► Présence aléatoire (Je passe quand je peux :p)
----
Idea Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2228
https://lectures-miettes.pvereecken.fr/

Isoler une image dans les champs de profil Empty Re: Isoler une image dans les champs de profil

Mer 9 Juin 2021 - 12:00
Hello Smile

@Mäven et moi avons toutes les 2 un enfant en bas âge et un boulot qui nous occupe une dizaine d'heures par jour, et, avec l'arrivée des beau jours, notre temps libre est consacré à des activités en dehors de la maison Smile

Il va falloir patienter, je ne peux rien te dire de plus Smile

Bonne journée Smile

_________________
Anonymous
Kietah
Invité

Isoler une image dans les champs de profil Empty Re: Isoler une image dans les champs de profil

Mer 9 Juin 2021 - 23:46
Aucun souci, je comprends parfaitement ! Excusez-moi pour le dérangement.

J'ai été induite en erreur par le "rapidement", c'est pour cela. Pardon encore.
Mäven
Mäven
Râleuse (Admin)
Informations : Présente quelques heures par semaine =)
----
Idea Viens papoter avec nous sur le discord

Messages : 4023
https://tambouille-raleuses.forumactif.com/

Isoler une image dans les champs de profil Empty Re: Isoler une image dans les champs de profil

Dim 13 Juin 2021 - 17:56
Hello !

Malheureusement le "rapide" est relatif ^^
Entre le boulot, mon bébé (qui fête ses 1 an ce weekend), un accident de voiture et un déménagement en préparation, je n'allume que très peu le pc...

Ca sera "bientôt" dispo Wink

_________________
Anonymous
Kietah
Invité

Isoler une image dans les champs de profil Empty Re: Isoler une image dans les champs de profil

Lun 14 Juin 2021 - 18:36
Oh pardon, je comprends parfaitement !

Merci pour l'aide, j'attendrai patiemment Smile
Mäven
Mäven
Râleuse (Admin)
Informations : Présente quelques heures par semaine =)
----
Idea Viens papoter avec nous sur le discord

Messages : 4023
https://tambouille-raleuses.forumactif.com/

Isoler une image dans les champs de profil Empty Re: Isoler une image dans les champs de profil

Ven 24 Sep 2021 - 23:00
Bonjour !

J'ai ENFIN regardé ^^

De mon coté, le déplacement se fait parfaitement avec une image MAIS : il faut bien lui dire qu'on veut afficher icone + texte dans la configuration du profil :
Isoler une image dans les champs de profil Aide_110

Ca se déplace correctement :
Isoler une image dans les champs de profil Aide210
Ensuite on peut ajouter une class à l'image pour la redimensionnée etc :
Code:
$(this).parents($eltParent).find('.infos-supp img').addClass('maClasse');
Et on cache le libellé :
Code:
 $(this).find('.label').css('display', 'none');
Ces deux lignes sont à ajouter tout de suite après :
Code:
            $(this).parents($eltParent).find('.topic_boder_profil_img').append(this);

Et voilà :

Isoler une image dans les champs de profil Image_34

ça répond à ta question ou pas ? Smile

_________________
Anonymous
Kietah
Invité

Isoler une image dans les champs de profil Empty Re: Isoler une image dans les champs de profil

Sam 2 Oct 2021 - 22:40
Bonsoir !

J'ai essayé vos indications aujourd'hui et tout a super bien fonctionné ! C'était aussi bête que cela mais, oui, passer en texte+image a fonctionné ! (par contre, j'ai découvert aussi qu'il fallait attribuer une couleur au champ de profil, et pas le laisser transparent, sinon le JS ne le trouvait pas).

Du coup, je vous remercie vraiment beaucoup pour l'aide, c'est tout joli maintenant sur le forum final I love you Vous êtes naturellement créditées I love you

Passez une belle soirée !
Mäven
Mäven
Râleuse (Admin)
Informations : Présente quelques heures par semaine =)
----
Idea Viens papoter avec nous sur le discord

Messages : 4023
https://tambouille-raleuses.forumactif.com/

Isoler une image dans les champs de profil Empty Re: Isoler une image dans les champs de profil

Dim 3 Oct 2021 - 10:02
Hello !

Aucun souci pour l'aide apporté, et désolée pour le temps que ça a prit :/
N'hésites pas à nous laisser l'url de ton forum Smile

A bientôt


PS : j'archive d'ici quelques jours

_________________
Anonymous
Kietah
Invité

Isoler une image dans les champs de profil Empty Re: Isoler une image dans les champs de profil

Dim 3 Oct 2021 - 21:21
Il n'y a vraiment aucun souci pour le temps pris, c'était surtout un malentendu de ma part I love you
Les joueurs n'ont encore rien capté, c'est dire que ce n'était pas si urgent :')

Vous trouverez le forum sous le nom d'Ainsi tomba Thédas, sur Google (je ne peux poster de lien externe), agrémenté de vos précieux tutoriels, et j'espère n'avoir rien oublié (dans la Charte de bienséance, partie crédits. Je crois que j'abuse de l'ancrage mais je l'aime tellement).

Je vous remercie mille fois pour ce forum, le libre service et l'aide apportée, et viendrai sans hésiter si j'ai besoin de plus  I love you

Belle continuation à vous !

PS : je dis vous, mais si tu étais seule à m'aider, c'est bien naturellement un "tu"  I love you
Mäven
Mäven
Râleuse (Admin)
Informations : Présente quelques heures par semaine =)
----
Idea Viens papoter avec nous sur le discord

Messages : 4023
https://tambouille-raleuses.forumactif.com/

Isoler une image dans les champs de profil Empty Re: Isoler une image dans les champs de profil

Mar 5 Oct 2021 - 21:13
Hello =)

Vous avez un très beau forum ♥

N'hésite pas à venir, on t'aidera avec plaisir =)

Et tu peux bien dire "vous", le tutoriel de base est de Miettes (et j'ai vu en suivant tes crédits que même le forum de FA utilise notre script sans même retirer les commentaires de Miettes et sans créditer... Il est beau le respect ^^) Merci à toi pour les crédits Wink Et si tu as envie d'un autre tutoriel, n'hésite surtout pas =)

_________________
Mäven
Mäven
Râleuse (Admin)
Informations : Présente quelques heures par semaine =)
----
Idea Viens papoter avec nous sur le discord

Messages : 4023
https://tambouille-raleuses.forumactif.com/

Isoler une image dans les champs de profil Empty Re: Isoler une image dans les champs de profil

Jeu 17 Mar 2022 - 21:46
Hop, j'archive =)

_________________
Contenu sponsorisé

Isoler une image dans les champs de profil Empty Re: Isoler une image dans les champs de profil

Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
Les coups de ♥ des Râleuses



Post-It des Râleuses