Sujets similaires

Sujet: Opacité et détail du profil Mar 12 Mar 2013, 16:37

Bonsoir,

J'ai quelques petits problèmes avec l'infobulle au dessous de l'avatar sur mon forum.
Premièrement, j'ai voulu mettre de l'opacité pour l'infobulle. J'y suis arrivé mais le problème c'est que le contenu de l'infobulle aussi est transparent, ce qui est assez embêtant.

Deuxièmement, je n'arrive pas à modifier la police d'écriture des informations du profil malgré les changements que je fais dans le css.

Je mets mon css et mon template,en espérant que quelqu'un trouve où ça cloche.

Code:: /* Profil */

.infobulle {
display: inline-block;
}

.infobulle > div {
position: absolute;
margin-top: -20px;
opacity: 0;
visibility: hidden;

-webkit-transform: scale(0.3) rotate(-45deg);
-moz-transform: scale(0.3) rotate(-45deg);
-o-transform: scale(0.3) rotate(-45deg);
transform: scale(0.3) rotate(-45deg);

-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}

.infobulle:hover > div {
opacity: 0.5;
visibility: visible;

-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}

.bouh {
width: 200px;
padding: 5px;
font-family: verdana;
background-color: #fffdf0;
color: #000000;
text-align: justify;
opacity: 1;
-webkit-box-shadow: 0 0 5px #212121;
-moz-box-shadow: 0 0 5px #212121;
-o-box-shadow: 0 0 5px #212121;
box-shadow: 0 0 5px #212121;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.bouh a:hover {
color: #000000;
}

.icon_online {
position:absolute;
margin-left:0px;
margin-top:-12px;}

.cadreprofil {
background-image: url("http://i55.tinypic.com/w06vdk.jpg");
width: 210px;
box-shadow: 0px 0px 1px #010101;
border-radius:15px;
Border-top:3px solid #FFFFFF;
border-bottom:3px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;}

/* pseudo */
.name a {
font-style:normal;
font-family: verdana;
text-transform: uppercase;
font-size: 18px;
font-weight: normal;
font-variant:normal;
text-align:center;
}

.rank { font-size: 12px; }

.postdetails poster-profile {
font-family: verdana;
text-transform: uppercase;
font-size: 18px;
font-weight: normal; }

Code:: <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
 <a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_NAME} 
 
 {postrow.displayed.POSTER_RANK} 
 {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR} 
 
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
 
 {postrow.displayed.POSTER_RPG}
 
 <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
 </td>

merci d'avance Smile

Sujet: Re: Opacité et détail du profil Lun 18 Mar 2013, 06:12

Bonjour,

Il n'y a pas d'infobulle dans le code source que tu nous fournis (le template).

Sinon, quand tu appliques une opacité à un élément, forcément son contenu est affecté. Si c'était juste pour lui attribuer un fond transparent, ce n'est pas la méthode à utiliser.

Sujet: Re: Opacité et détail du profil Sam 23 Mar 2013, 11:29

Hello !
Le problème est-il toujours d'actualité ?
Si nous n'avons pas de réponse dans 4 jours, il sera considéré comme résolu !
Merci de ta compréhension Opacité et détail du profil 926145

Sujet: Re: Opacité et détail du profil Ven 29 Mar 2013, 06:28

Hello (:
N'ayant toujours pas obtenu de réponse, je considère ce sujet comme résolu !
Merci de ta compréhension Opacité et détail du profil 926145

Opacité et détail du profil

Opacité et détail du profil

Sujets similaires

Sujets similaires

Partenaires Or