Ajout d'un onglet déroulant sur les profils.

[rs_popeye]

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://royal-satanik.forumgratuit.org/

Description du problème

Bonjour,

Je recherche une astuce me permettant de pouvoir au passage de la souris ou en cliquant sur le profil d'un membre faire apparaître un une sorte d'onglet dans laquelle je compte y placer des badges en fonction d'un classement obtenu sur des animations.
Tout ceci afin de ne pas trop surcharger le profil à côté des messages postés.

Toute aide sera la bienvenue.
Cordialement.

[rs_popeye]

UP.

Petite précision, un peut comme un panneau coulissant https://forum.forumactif.com/t309533-creer-un-panneau-lateral-coulissant

Cdlt.

[rs_popeye]

Bonjour,

J'ai trouvé comment faire mon panneau et mettre mes badges dessus, il ne me manque plus que le moyen de l'incorporer sur chaque profil de membres ou au moins à un groupe bien défini.

Une idée??

[rs_popeye]

Up

[rs_popeye]

up

[Teurancher]

Salut à toi,
Pour cela, il faut s'attaquer aux templates, plus précisement viewtopic_body

[rs_popeye]

Bonjour Teurancher,

Merci pour ta réponse, cependant je ne connais rien sur les modifications de templates, une aide plus précise me serait grande utile.
Cdlt.

[rs_popeye]

up

[rs_popeye]

Up

[no_way]

..	Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, dans ce cas, votre premier message et cochez l'icône A bientôt sur ForumActif

[rs_popeye]

Bonjour,

Désolé j'ai été absent cette semaine.
Je suis toujours à la recherche d'un code me permettant d'inclure un panneau latéral sur le profil de chaque membre de mon forum.

Cdlt.

[Teurancher]

Salut à toi,
Fait à la va-vite; est-ce l'effet souhaité ?


https://2img.net/image.noelshack.com/fichiers/2015/33/1439651370-1.png

[rs_popeye]

Bonjour Teurancher,

Effectivement ça correspond à mes attentes, le volet "badges" qui s'étire au passage de la souri me convient.

Cdlt.

[Teurancher]

Je vais faire un essai sur mon forum test et je reviens vers toi dès que j'ai un résultat.
Est-ce que le template viewtopic_body a déjà été modifié sur ton forum ? ^-^

[rs_popeye]

Non, aucun templates de modifié.
Merci pour ton aide.

Cdlt.

[Teurancher]

Un premier essai, basique mais facilement modifiable.

» http://testbadgy.forumactif.org/t1-votre-1er-sujet#1 (survoler "Badges")

[rs_popeye]

Ça me convient, mais si le nombre de badges est important est il possible d'avoir une barre de défilement ?

Cdlt.

[Teurancher]

Naturellement ^-^

Dans le template viewtopic_body, chercher et trouver:

Code:

               <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>

Juste après, insérer:

Code:

<div class="bouton_badge">Badges<div class="montrer_badge">Badges ici</div></div>

Dans le CSS, insérer:

Code:

.bouton_badge {
    background-image: linear-gradient(#DEDEDE, #C9C9C9);
    border: 1px solid #C1C1C1;
    border-radius: 5px;
    box-shadow: 1px 1px 0px #FFF inset;
    color: #222;
    display: inline-block;
    padding: 2px 5px;
    text-align: center;
    width: 100px;
}

.montrer_badge {
    background-color: white;
    margin-top: -134px;
    margin-left: -5px;
    width: 110px;
    height: 120px;
    z-index: 2;
    position: absolute;
    overflow: hidden;
    transition: all 1s ease 0.05s;
    opacity: 0;
}

.bouton_badge:hover .montrer_badge {
  opacity: 1; }

Les badges feront (logiquement) partie du profil, vous savez comment vous y prendre pour les insérer dans la div ? :b

[rs_popeye]

Les badges feront (logiquement) partie du profil, vous savez comment vous y prendre pour les insérer dans la div ? :b

Non, je ne sais pas trop comment m'y prendre.

Cdlt.

[rs_popeye]

Bonjour, est ce que l'on peut m'expliquer comment insérer mes badges dans les div?

Cdlt.

[rs_popeye]

Up