Message en bulle

[Mako]

Bonjour à tous

Pendant toute la soirée j'ai chercher un codage très spécial. Sans succès, je viens vous demander de l'aide.
J'aimerais pour le nouveau design de mon forum, un contour de bulle à tout les messages du forum. Bien sûr, vous n'avez aucune idée de quoi je parle ! Voilà une image qui démontre ce que je veux.

Elle vient d'un autre forum, mais j'ai masquer le message du membre ou invité...

Spoiler:

J'aimerais beaucoup de l'aide pour ce codage, merci d'avance ! Et j'espère avoir poster dans le bon sujet pour de l'aide.

[kilinah]

La réponse est ici:
https://forum.forumactif.com/t307235-messages-en-bulle-phpbb2-punbb

[Mako]

Merci beaucoup !

J'ai essayer le code et tout fonctionne sauf l'image... Ça me donne ceci:



Quelqu'un pourrait m'aider ?

[Bipo]

Bonsoir Mako,

Au regard de l'image que vous nous avez fourni, le problème doit provenir du CSS qui positionne l'image. Pourriez-vous nous communiquer le lien de votre forum ? Et si possible, une section consultable en tant qu'invité pour que nous puissions faire un test directement.

Bonne soirée.
Xoumi.

[Mako]

http://designjb.forum-canada.com/

Voilà le lien du forum, c'est un simple forum test.

[Bipo]

Re,

Essayez de modifier le CSS qui gère la classe "fleche" par ça :

Code:

.fleche {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: url("http://i36.servimg.com/u/f36/18/45/39/56/pictur10.gif");
    border-color: transparent transparent #000000;
    border-image: none;
    height: 20px;
    left: -20px;
    margin-left: 2px;
    position: relative;
    top: 70px;
    width: 20px;
}

Xoumi.

[Mako]

Merci, mais l'image reste pareil que l'autre sauf un peu plus vers la gauche... =/
J'ai essayer de changer l'image de la flèche, la mettre sur différent format mais rien ne fonctionne.

[Bipo]

Re,

Non, vous n'avez pas correctement mis mon code car d'après votre CSS, vous avez toujours ces éléments :

Code:

border-style: solid;
border-width: 5px 5px 10px;

Il faut les supprimer du CSS de la classe "fleche".

Ce que vous devriez avoir après suppression :

Xoumi.

[Mako]

Moi j'ai que ça:

[Bipo]

Re,

Copier/coller l'ensemble de votre CSS ici que je puisse regarder car mes outils m'indiquent toujours le contraire !

Xoumi.

[Mako]

Voilà tout le css utilisé, pour la flèche et la bulle c'est complètement aux dernières lignes.

Spoiler:

[demeter1]

Cela confirme ce que vous dit xoumi; vous avez deux fois l'identifiant fleche

Code:

.fleche {
  width: 0;
  margin-left: 70px;
  border: 5px solid transparent;
  border-bottom: 10px solid #000000;
}

et

Code:

.fleche {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: url("http://i36.servimg.com/u/f36/18/45/39/56/pictur10.gif");
    border-color: transparent transparent #000000;
    border-image: none;
    height: 20px;
    left: -20px;
    margin-left: 2px;
    position: relative;
    top: 70px;
    width: 20px;
}

[Ejayremy]

Bonjour,

Pas possible cette fonction sous PHPBB3 ?

[Bipo]

Bonjour,

Cela confirme ce que vous dit xoumi; vous avez deux fois l'identifiant fleche

Code:

.fleche {
  width: 0;
  margin-left: 70px;
  border: 5px solid transparent;
  border-bottom: 10px solid #000000;
}

Merci Demeter1 pour ton intervention. C'est cette partie de code qu'il faut supprimer de votre template car il cause le désagrément que vous constatez.

Bonjour,

Pas possible cette fonction sous PHPBB3 ?

Bonjour Ejayremy,

Non, pas possible car nous ne pouvons pas modifier vos templates sous phpBB3.

Bonne journée,
Xoumi.

[Mako]

D'accord merci, mais j'ai besoin des deux codages donc est-ce que je pourrais simplement changer l'identifiant ou je dois vraiment en supprimer un ?

[Bipo]

D'accord merci, mais j'ai besoin des deux codages donc est-ce que je pourrais simplement changer l'identifiant ou je dois vraiment en supprimer un ?

Si le partie du code concerne une partie du forum, il vaut mieux changer son identifiant en n'oubliant pas de modifier également l'identifiant dans la balise div.

Xoumi.

[Mako]

J'ai changer, tout est correcte
Merci beaucoup de m'avoir aider !

Sujet résolu.