Image des champs du profil à modifier

[solvia]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://aurumregis.forumactif.com/

Description du problème

Bonjour/Bonsoir !
Me revoilà assez vite (on est sur les finissions du forum et je m'attaque aux dernières inconnues...)
En fait, comme vous le voyez sur le screen, en passant la souris sur le s'avatar, l'hover apparait avec les informations du profil ! Dans ces champs de profils, on peut y mettre une image etc...
Et en fait, j'aimerai du coup que la première image que l'ont voit, reste où elle est (on y touche pas) et l'image que l'ont voit en bas, soit en fait pas derrière l'avatar en hover, mais en dessous de l'avatar, par exemple en dessous de "pm" des petites fleurs... (j'espère que je suis claire omg jpp)
Est-ce même possible ? De mémoire dans les templates, les champs du profil sont paqués dans un seul {TRUCCOMMECA} dont l'image... du coup je ne sais pas trop comment m'y prendre et même si c'est possible !
Auriez-vous des idées de comment je pourrai réaliser ceci ???

[solvia]

up!

[solvia]

up ! (je me permet de up à cette heure psk up à 1h du mat bon.. )

[solvia]

up !

[solvia]

up !

[solvia]

up!

[solvia]

up

[solvia]

up
si ça vous semble impossible à réaliser, n'hésitez pas à me le notifier au moins je saurai

[solvia]

up

[solvia]

up

[Snow White]

Bonsoir!

Je ne vois pas de solutions pour avoir une image sous l'avatar en hover et l'autre non, désolée :/ peut-être que tu peux tenter de mettre la seconde image dans la feuille de personnage (en activant le profil avancé) et la faire apparaître de cette façon? C'est un peu bancal mais c'est la seule option que je vois :/

En espérant avoir pu te donner une piste, bonne soirée!
(Très joli design au passage ^^)

[solvia]

ooooh zut je ne sais absolument pas utiliser la feuille de personnage
tant pis, si personne ne voit de solution, je fermerai le sujet demain !
merci énormément d'avoir pris le temps de me répondre!
(et merci !)

[Invité]

Hello solvia,

Si je comprend bien ta demande car les images ne parlent pas mais plutôt le termes exactes.
Donc au survol de l'avatar, tu veux avoir en dessous les informations du profil?

Voir sur mon fofo de tests(il est moche je sais    ) :
https://testdesforums.1fr1.net/t468-tttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt

L'ajout de ton template est essentiel pour cette demande .

Si tu veux conserver l'animation en tenant compte de laisse l'avatar affiché,
merci en retour de me donner le contenu de ce dernier et la css associée.
Sinon, suis les procédures ci-dessous.



Bref, il faut trouver dans le template ceci:

Code:


<!-- BEGIN profile_field -->
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
 <!-- END profile_field -->
 {postrow.displayed.POSTER_RPG}


Pour mon test, j'ai englobé cette partie par une div ayant comme class:

Code:

M14_profile_field

Donc le code html:

Code:

<div class="M14_profile_field">
 <!-- BEGIN profile_field -->
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
 <!-- END profile_field -->
 {postrow.displayed.POSTER_RPG}
                                  </div>


Ensuite, ajoutes ceci dans ta feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:

.M14_profile_field{display:none;}

Penses à cliquer sur le bouton



Puis le script qui au survol en partant des class natives de la version Phpbb2:

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Codes Javascript



Mets un titre explicite.
Cocher  Sur les sujets



Déposes ceci:

Code:


$(function(){
$('.postdetails.poster-profile  img').hover(function(){
$(this).closest('td').find('.M14_profile_field').slideDown();
}, function(){
$(this).closest('td').find('.M14_profile_field').slideUp();
});
});


Penses a cliquer sur le bouton VALIDER

D'après ce que je peux voir sur ton fofo et en partant avec les class présentes:

Ce script devrait fonctionner donc remplacer le précédent:
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Codes Javascript



Mets un titre explicite.
Cocher  Sur les sujets



Déposes ceci:

Code:


$(function(){
$('.sujetAvatar  img').hover(function(){
$(this).closest('td').find('.sujetInfos').slideDown();
}, function(){
$(this).closest('td').find('.sujetInfos').slideUp();
});
});


Penses a cliquer sur le bouton VALIDER


Et remplacer le style de cette class:

Code:

sujetInfos

Supprimer, position:absolute, transitions et l'opacité.

Code:

.sujetInfos{display:none;}

a++

[solvia]

Coucou Milouze ! Merci du temps pris pour me répondre !
Alors en fait, non, j'ai déjà les informations du profil là où je le désire
Si tu regardes sur le forum, par exemple pour "Ezéchiel", il y a un gif/une image qui est elle aussi, en hover sur l'avatar et là où je la veux !
Ma demande, en fait, ça serait d'avoir une autre image/gif, mais cette fois-ci en dehors de l'hover sous l'avatar est, sur mon screen, en dessous des boutons "profil" et des "petites fleurs" ! Actuellement sur le forum, en dessous de "mp" !

Et je ne sais pas si cela est possible
Si tu penses que c'est possible, je t'envoie le template ! Si ça semble impossible, je cloerai le sujet

[Invité]

Coucou Solvia,
hum désolé mais je crois que c'est du domaine du très compliqué .

a++

[solvia]

C'est ce que je pense aussi haha !!! Dommage, ça aurait été sympa ! Merci alors, j'abandonne et je met ce sujet en résolu !

Passez une belle soirée