Probleme Message bulle

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

Résolu Probleme Message bulle

Message par Rizzoliandisles le Jeu 11 Aoû 2011 - 0:16

Bonjour , j'ai suivi ce tuto : http://forum.forumactif.com/t307235-messages-en-bulle-phpbb2-punbb sur votre site et je n'arrive pas à faire apparaitre la petite flèche au milieu.

voici un aperçu:


Voici les codes mis :

Feuille Css :
Code:


.fleche{
    background-image : url("http://nsa27.casimages.com/img/2011/08/10/110810115831361804.gif");
    width: 20px;
    height :20px;
    position : relative;
    top :12px;  }


.bulle{
    background-color : #FFCC00;
    border : 1px solid #FF9900;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
    }

    .bulle{
        background-color : #FFCC00;
        border : 1px solid #FF9900;
        -moz-border-radius: 20px ;
        -webkit-border-radius:20px;
        -border-radius:20px;
        -khtml-border-radius:20px;
        padding : 5px;
        min-height : 100px;
        }

et en template j'ai mis celui dans le tuto :
Code:

        <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2"><div class="fleche"> </div>
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="bulle">
                <tr>
                  <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>



Si quelqu'un pourrait m'éclaircir merci d'avance.


Dernière édition par Rizzoliandisles le Jeu 11 Aoû 2011 - 0:41, édité 1 fois

Rizzoliandisles
*

Féminin
Messages : 37
Inscrit(e) le : 10/08/2011

http://rizzoliandisles.forumactif.com
Rizzoliandisles a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme Message bulle

Message par SoraNoHime le Jeu 11 Aoû 2011 - 0:36

Bonsoir,

déà dans votre css, vous avez deux fois la partie .bulle

vous pouvez en supprimer une. ensuite, il suffit de déplacer la fleche à partir de la css :

.fleche{
background-image : url("http://nsa27.casimages.com/img/2011/08/10/110810115831361804.gif");
width: 20px;
height :20px;
position : relative;
top :50px;
left :-19px; }}

le tuto a écrit:top :50px; : à régler si besoin, il s'agit du décalage à partir du haut de votre image pour la mettre à celui prévu
left :-19px; : idem, mais en largeur. Calculez le facilement : largeur de l'image - 1 pixel

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme Message bulle

Message par Rizzoliandisles le Jeu 11 Aoû 2011 - 0:41

Ah oui merci mon dieu je suis bête -_-' ! Merci beaucoup. cheers

Rizzoliandisles
*

Féminin
Messages : 37
Inscrit(e) le : 10/08/2011

http://rizzoliandisles.forumactif.com
Rizzoliandisles 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