profile view body - transition derrière l'avatar

[Invité]

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 : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à vous

Je viens vers vous, car j'aurai besoin de votre aide concernant le template profil view body que j'ai modifié toutefois j'aimerai bien ajouté la feuille de personnage en transition derrière l'avatar je m'explique j'aurai aimé que celle-ci apparaisse en glissant du haut vers le bas cependant j'ai essayé à plusieurs reprise et ce fut un massacre donc je fais appel à vous.

Je vous mets en hide le template + CSS si jamais vous avez besoin de quelque chose d'autre n'hésitez pas à me le dire

Un grand merci à ceux qui essayeront de m'aider  

TEMPLATE :


CSS

[Invité]

Petit up

[*Splash*]

Hi,
Sans doute que ce tuto pourra t'aider : http://www.never-utopia.com/t46150-affichage-du-profil-au-survol-de-l-avatar

[Invité]

Merci pour le tuto toutefois, à chaque fois que je le fais pour la feuille de personnage cela me déforme complètement que ce soit l'image qui l'accompagne dans la feuille de perso ou le reste :/

[*Splash*]

Il faut respecter les tailles d'avatars

[Invité]

Le gif de la feuille de perso ne dépasse pas cependant tout ce déforme complètement :/ donc j'avoue que j'aurai besoin d'aide pour savoir comment le placer

[Invité]

Up

[Invité]

Up

[Invité]

Up

[Invité]

Up

[Tite-May]

Hello

Je poste pour voir les codes afin de voir si je peux aider ou non.

EDIT : si j'ai bien compris, tu souhaite que la partie "feuille de personnage" soit affichée derrière l'avatar c'est bien ça ?
Tout d'abord, as-tu bien activé la fiche de personnage sur ton forum ?

[Invité]

Bonjour

Oui c'est bien ça dans un genre de survol et elle est bien activée également.

[Tite-May]

Ok, je regarde ça et revient dans les 24 prochaines heures. Je vais tenter quelque chose

[Invité]

Merci beaucoup de ton aide

[Tite-May]

Bonsoir,

je n'ai pas mit d'animations pour le moment, je veux simplement vérifier.
C'est bien ceci que tu veux :

Mais que le bloc vienne cacher l'avatar en glissant de haut en bas, c'est ça ?

[Invité]

Bonjour

Oui c'est exactement ça

[Tite-May]

Voilà ce que je te propose.


Qu'en penses-tu ?
Si ça te va je t'explique le code

[Invité]

C'est absolument parfait et oui je veux bien

[Tite-May]

Alors pour la partie template, il faut que tu remplaces ceci :

Par ceci :

Là on ajoute toute la partie RPG sous l'avatar. Maintenant on fait la mise en forme. Dans ta CSS il faut rajouter ceci :



Est-ce que tu as besoin d'explications, ou est-ce que tu comprends tout ?
C'est important que tu comprennes, si jamais tu as des choses à modifier plus tard

[Invité]

Alors j'ai un petit soucis car je n'arrive pas à comprendre pourquoi ça me fait ça l'image de la feuille de perso apparait et disparait d'ailleurs :/

Spoiler:

[Tite-May]

Tu aurais l'url ?

[Invité]

Oui bien sûre :

[Tite-May]

Ah oui je vois.
Ajoute ceci à ta CSS :


ça devrait résoudre le souci.

[MasDan]

Bonjour Psychotic Bitch,

L'espace sur fond blanc est votre balise textarea.

Essayer ce code CSS.

Code:

.avPFIL:hover #infos_rpg textarea {
    background-color: red !important;
    border: 1px solid red;
}

[Tite-May]

MasDan, je ne comprends pas votre message j'ai répondu à Psychotic Bitch pour corriger le souci sur le code que je lui ai donné

[Invité]

Tite-May Je te remercie pour ton aide j'ai mieux compris le système par contre j'ai un dernier soucis que je n'arrive pas à régler en faites quand le survol apparait, on remarque l'image à nouveau mais cette fois-ci en super grand et je n'arrive pas à comprendre d'où cela pourrait provenir



MasDan je ne suis pas sûre de comprendre par rapport au fond blanc ?

[Tite-May]

Hello !

Alors, ici dans ta CSS :

Code:

.boxRPG img {

Et remplace ceci :

Code:

height: 125px;

par ceci :

Code:

height: 125px !important;

ça devrait résoudre le problème

[Invité]

Un grand merci pour ton aide tout est absolument parfait