Informations Survol Photo .

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Informations Survol Photo .

Message par Seiku Eichiro le Lun 29 Aoû 2011 - 11:40

Bonjour, voilà comme je le marque dans mon titre,

J'aimerai savoir comment faire afficher les informations: exemple "sexe, age , messages "

Au survole de l'image de profil .

La on peut les apercevoir, mais dessous ...

Spoiler:


Merci de votre aide .

Cordialement, Sei'


Dernière édition par Seiku Eichiro le Lun 29 Aoû 2011 - 14:28, édité 1 fois

Seiku Eichiro
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 28/08/2011

http://bankaispirit.forumgratuit.org/
Seiku Eichiro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Informations Survol Photo .

Message par tupac le Lun 29 Aoû 2011 - 12:15

Bonjour

Pour pouvoir faire cela il faut avoir accès aux templates.
Quel est la version de votre forum svp?
Si vous y avez accès je vous expliquerai comment faire cela.

Cordialement

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Informations Survol Photo .

Message par Seiku Eichiro le Lun 29 Aoû 2011 - 12:24

Alors ma version est la phbb2 .

Seiku Eichiro
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 28/08/2011

http://bankaispirit.forumgratuit.org/
Seiku Eichiro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Informations Survol Photo .

Message par tupac le Lun 29 Aoû 2011 - 13:07

Donc dans votre template viewtopic_body.

Repérer cette variable elle correspond a l'avatar supprimez-la.
Code:
{postrow.displayed.POSTER_AVATAR}<br /><br />
Remplacez-la par ça.
Code:
<div class="info_profil">{postrow.displayed.POSTER_AVATAR}
Puis juste en dessous repérer cette partie supprimez-la.
Code:
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
et remplacez-la par celle-ci.
Code:
<em>
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
    </em>
  </div>
et pour finir placer le code suivant dans votre feuille de style css.
Code:
div.info_profil em {
display:none;
}

div.info_profil:hover {
z-index: 999;
position: relative;
}

div.info_profil:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 5px;
display: block;
position: absolute;
top: 90px;
left: 45px;
border : 2px solid #000000;
background-color: #E8E8E8;
width: auto;
height: auto;
}
Pour régler la position de votre bulle il vous faut jouer avec ( top: 90px; ) et ( left: 45px; )

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Informations Survol Photo .

Message par Seiku Eichiro le Lun 29 Aoû 2011 - 14:28

Ah merci beaucoup . Bonne journée à vous .

Cordialement, Sei'

Seiku Eichiro
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 28/08/2011

http://bankaispirit.forumgratuit.org/
Seiku Eichiro a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum