Les message en bulles

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

Résolu Les message en bulles

Message par ptimich le Lun 27 Juin 2011 - 1:39

bonjour à tous

j'ai essayer touta leur de mettre les réponses de mon forum dans des bulles comme indiquer ici mais le problème c'est que sa ne me change rien donc soi je suis nul et je n'est pas fait ce qu'il faut ou je sais pas ? Même par CSS sa ne fonctionne pas

pouriez vous m'aider s'il vous plait

merci d'avance et bonne soirée a tous Very Happy


Dernière édition par ptimich le Lun 27 Juin 2011 - 2:52, édité 1 fois

ptimich
*****

Masculin
Messages : 508
Inscrit(e) le : 05/03/2011

http://rihannafentyforum.com
ptimich a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les message en bulles

Message par SoraNoHime le Lun 27 Juin 2011 - 1:44

Bonsoir

qu'avez-vous commencer à faire comme changement dans votre template viewtopic_body ?

pouvez-vous me le fournir ?

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: Les message en bulles

Message par ptimich le Lun 27 Juin 2011 - 1:53

bonsoir et merci de m'aider voici une capture d'écran a l'endroit indiquer dnas votre tutoreil aprer changement

Spoiler:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2"><div class="http://i23.servimg.com/u/f23/15/53/59/31/fleche14.gif"> </div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="bulle">
<tr>

ptimich
*****

Masculin
Messages : 508
Inscrit(e) le : 05/03/2011

http://rihannafentyforum.com
ptimich a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les message en bulles

Message par SoraNoHime le Lun 27 Juin 2011 - 1:57

Remplacez le déjà par

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>

c'est dans la css que doit se mettre votre image-flèche, ici nous mettons juste la class qui permettra de la remettre.

Est-ce résolu avec ceci ou avez-vous également des problèmes avec la css ?

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: Les message en bulles

Message par ptimich le Lun 27 Juin 2011 - 2:03

donc alors la j'ai remplacer mon code par le vôtre dans la template

et j ai coller le code de l'image dans le css mais toujours rien ?

ptimich
*****

Masculin
Messages : 508
Inscrit(e) le : 05/03/2011

http://rihannafentyforum.com
ptimich a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les message en bulles

Message par SoraNoHime le Lun 27 Juin 2011 - 2:06

donner moi votre code css, je vais vérifié s'il est bon.

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: Les message en bulles

Message par ptimich le Lun 27 Juin 2011 - 2:08

dans le css je copier sa enfaite

<div class="http://i23.servimg.com/u/f23/15/53/59/31/fleche16.gif"> </div>

avec sa déjà quand je mais valider sa n'enregistre rien ?

ptimich
*****

Masculin
Messages : 508
Inscrit(e) le : 05/03/2011

http://rihannafentyforum.com
ptimich a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les message en bulles

Message par SoraNoHime le Lun 27 Juin 2011 - 2:23

En fait ceci est un code html, non de la css : dans le tutoriel, je vous donne les codes tout faits.

Voici les votres. Enlever le code que vous avez mis et mettez à la place :

Code:
        .fleche {
        background-image : url("http://i23.servimg.com/u/f23/15/53/59/31/fleche14.gif");
        width: 20px;
        height :20px;
        position : relative;
        top :50px;
        left :-19px;  }

        .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;
        }

changer les couleurs si besoin par celles que vous désirez. aidez vous du tutoriel, j'y ai expliqué tout les changements en vert sous les codes.

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: Les message en bulles

Message par ptimich le Lun 27 Juin 2011 - 2:26

cool sa fonctionne mais alors donc enfaite on n'est obliger de faire du template et aussi du css pour que sa fonctionne ?

ptimich
*****

Masculin
Messages : 508
Inscrit(e) le : 05/03/2011

http://rihannafentyforum.com
ptimich a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les message en bulles

Message par SoraNoHime le Lun 27 Juin 2011 - 2:35

C'est exact. Le template pour placer dans la structure et la css pour insérez l'images et la mettre à la bonne place, mais aussi pour créer l'arrondi de la bulle.

Bonne soirée.

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: Les message en bulles

Message par ptimich le Lun 27 Juin 2011 - 2:38

OK merci beaucoup est t'il possible de descendre un tout petit peut la bulle par contre par rapport au profil ?

ptimich
*****

Masculin
Messages : 508
Inscrit(e) le : 05/03/2011

http://rihannafentyforum.com
ptimich a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les message en bulles

Message par SoraNoHime le Lun 27 Juin 2011 - 2:41

A quelle niveau désiriez vous descendre la bulle ? ou est-ce la flèche que vous désirez descendre ?

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: Les message en bulles

Message par ptimich le Lun 27 Juin 2011 - 2:43

non juste descendre la bulle au niveau du haut du message


ptimich
*****

Masculin
Messages : 508
Inscrit(e) le : 05/03/2011

http://rihannafentyforum.com
ptimich a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les message en bulles

Message par SoraNoHime le Lun 27 Juin 2011 - 2:46

ok donc retournez dans le template viewtopic_body

changez
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>
              <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
              </td>
            </tr>
            <tr>
              <td colspan="2" class="hr">
                  <hr />
              </td>
            </tr>
            <tr>
              <td colspan="2">
                  <!-- BEGIN switch_vote_active -->

par
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">
                <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>
                  <td valign="top" nowrap="nowrap" class="post-options">
                      {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                  </td>
                </tr>
                <tr>
                  <td colspan="2" class="hr">
                      <hr />
                  </td>
                </tr></table>
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="bulle">
                <tr>
                  <td colspan="2">
                      <!-- BEGIN switch_vote_active -->

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: Les message en bulles

Message par ptimich le Lun 27 Juin 2011 - 2:52

voilà j'aime bien comme sa merci beaucoup c'est parfait parfait

ptimich
*****

Masculin
Messages : 508
Inscrit(e) le : 05/03/2011

http://rihannafentyforum.com
ptimich 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