Les message en bulles

2 participants

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

Résolu Les message en bulles

Message par ptimich 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

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

SoraNoHime
Membre actif

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

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

Résolu Re: Les message en bulles

Message par ptimich 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:
ptimich

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

SoraNoHime
Membre actif

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

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

Résolu Re: Les message en bulles

Message par ptimich 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

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 Lun 27 Juin 2011 - 2:06

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

SoraNoHime
Membre actif

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

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

Résolu Re: Les message en bulles

Message par ptimich Lun 27 Juin 2011 - 2:08

dans le css je copier sa enfaite

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

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

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

SoraNoHime
Membre actif

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

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

Résolu Re: Les message en bulles

Message par ptimich 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

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

SoraNoHime
Membre actif

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

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

Résolu Re: Les message en bulles

Message par ptimich 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

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

SoraNoHime
Membre actif

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

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

Résolu Re: Les message en bulles

Message par ptimich Lun 27 Juin 2011 - 2:43

non juste descendre la bulle au niveau du haut du message

ptimich

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

SoraNoHime
Membre actif

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

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

Résolu Re: Les message en bulles

Message par ptimich Lun 27 Juin 2011 - 2:52

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

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

- Sujets similaires

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