avatar coulissant sur phpBB3

[emc2]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://forumfrance.fr1.co/

Description du problème

Bonjour,
Désolé de créer un sujet pour cela, mais je n'arrive pas à retrouver le tuto pour mettre en place le principe d'un avatar coulissant au passage de la souris et qui laisserait apparaître le profil du membre sur phpBB3.
Merci par avance.

[emc2]

Je fais un petit up un peu tôt, mais pardon, je crains de ne pas pouvoir le faire demain.
Merci.

[emc2]

Re up ...

Est-ce que ce tuto est utilisable pour les phpBB3 ?

[AenigmA]

Pour le hover, Tu peux esssayer de mettre dans ta css

Code:

.online .postprofile {
        background-image: url("http://i85.servimg.com/u/f85/11/95/30/70/f215.jpg");
        background-position: right top;
    }
    .postprofile {
        background: #101b1f none repeat scroll 0 0;
        border: 1px solid black;
        border-radius: 10px;
        box-shadow: 1px 1px 6px #333;
        padding: 5px;
        text-align: center;
    }
    .postprofile a img {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 1px solid #808080;
        border-radius: 6px;
        box-shadow: 0 0 6px #808080;
        margin: 10px;
        padding: 3px;
    }
    * div.postprofile dl dd {
        display: none;
    }
    * div.postprofile dl dt {
        padding-bottom: 6px;
    }
    * div.postprofile dl:hover dd {
        display: block;
    }
    * div.postprofile dl:hover dt {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        padding-bottom: 0;
    }

[emc2]

Merci, pour l'info de la css.
Pour les templates, je peux reprendre le tuto donné pour les phpBB2, ou c'est différent également ?

[emc2]

petit up ...

[Alexlerouche]

Bjr ,

Voici le tuto qui avait servi pour une demande similaire concernant mon forum (phpbb3 , justement) -> https://forum.forumactif.com/t375991-avatar-en-slide-coulissant-de-la-droite-vers-la-gauche-au-survol-de-la-souris

Bonne chance ..

Alex.

[AenigmA]

Bjr ,

Voici le tuto qui avait servi pour une demande similaire concernant mon forum (phpbb3 , justement) -> https://forum.forumactif.com/t375991-avatar-en-slide-coulissant-de-la-droite-vers-la-gauche-au-survol-de-la-souris

Bonne chance ..

Alex.

Merci Alex, c'est effectivement celui ci dont je parle
Pas besoin de toucher aux templates donc, moins joli mais simple à réaliser

[emc2]

Merci pour le tuto, je viens d'y jeter un œil, et il me semble bien qu'il soit question de la modification des templates. est-ce le cas ou non.
Ce n'est pas gênant en soit, mais si je me lance là-dedans, je ne suis pas le fondateur du forum sur lequel je dois faire cela, et il va falloir que je donne des instructions à celui-ci. Je dois donc être sûr que la partie code est bien la bonne.
Merci de vos réponses

[emc2]

petit up

[emc2]

Upiiing ! Go !

[emc2]

Bjr ,

Voici le tuto qui avait servi pour une demande similaire concernant mon forum (phpbb3 , justement) -> https://forum.forumactif.com/t375991-avatar-en-slide-coulissant-de-la-droite-vers-la-gauche-au-survol-de-la-souris

Bonne chance ..

Alex.

Merci Alex, c'est effectivement celui ci dont je parle
Pas besoin de toucher aux templates donc, moins joli mais simple à réaliser

J'ai beau relire le tuto dans tous les sens, cela parle bien de modifier les templates, et parle de de ceux d'une version phpBB2. Celles du format phpBB3 ne sont pas évoquées. Est-ce que ce tuto est valable pour les deux formats ?

[emc2]

petit up ...

[emc2]

up ...

[Invité]

bonsoir , si il ya une modification template , la voici

Code:

<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
            <!-- div class="online2"></div-->
            <dl>
              <dt>
                  <div id="profile-avatar">{postrow.displayed.POSTER_AVATAR}</div>
              <div style="position:absolute; top:160px;">
                <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
                <br />{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
              </div>
              </dt>
              <dd>
            <div id="profile-info">
                  <!-- 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>
              </dd>
              <dd><br /></dd>
              <dd>
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
              </dd>
            </dl>
        </div>

        <div class="clear"></div>


comparer avec votre template vous comprendrez vite les modifications

[emc2]

Merci pour la réponse. J'y goooo tout de suite !