Résolu Faire des bulles de discussions

Bonjour, J'ai vu sur de nombreux blogs (comme celui- ci dans le forum) que sur les messages du forum et des commentaires qu'il avait la formes de bulles de discussions.

J'aimerai faire pareil. Comment on fait?

Merci!

Ella!

Bonjour,

il s'agit d'un code css. (Faudra juste que tu change les valeurs, px et couleur)

.commentbody::before {
    content: "";
    display: inline-block;
    width: 0px;
    height: 0px;
    position: absolute;
    margin-top: Xpx;
    margin-left: -Xpx;
    border-right: Xpx solid #couleurfleche;
    border-bottom: Xpx solid #couleurbordure;
    border-top: Xpx solid #couleurbordure;
}

Merci beaucoup je vais essayer. Juste je me rappelle plus c'est quoi la valeur pour les messages du forum? Merci de ton aide.

"valeur pour les messages du forum" c'est à dire ?

→ Si tu parles des sélecteurs, tu as une liste ici. 

→ Si tu fais références aux "valeurs" dont je t'ai parlé, c'est simplement tes propres valeurs que tu dois mettre. Remplacer les couleurs des bordures et leur épaisseur dans le code donné plus tôt.

J'ai essayée mais ça ne fonctionne pas j'ai remplie tous ce qui fallait remplir.

Tu peux me faire voir tout ton codage css de tes commentaires stp ?

Le voici:

.comment::before {
    display: inline-block;
    width: 100px;
    height: 50px;
    position: absolute;
    margin-top: 5px;
    margin-left: 5px;
    border-right: 5px solid #bde1f0;
    border-bottom: 1px solid #bcf5e6;
    border-top: 1px solid #bcf5e6;
}

Merci :)

1- Tu as retiré la ligne "content: "";" mais il ne fallait pas, c'est pour que tu puisses modifier ou ajouter un élément. 

2- ça fonctionne lorsque j’utilise le sélecteur que j'avais noté: .commentbody::before mais pas .comment::before . Je ne connais pas le reste de ton code pour tes commentaires mais faudrait peut-être le changer ?

3- Seuls les X étaient à changer, les valeurs de width et height doivent rester à 0.

4- Tes bordures et ta flèche sont trop fines, du coup ça en se voit pas, le minimum pour que ce soit visible est 10px environ.

Voilà les corrections: ça devrait être bon normalement. ;)

.commentbody::before { content: "";
    content: "";
    display: inline-block;
    width: 0px;
    height: 0px;
    position: absolute;
    margin-top: 5px;
    margin-left: 5px;
    border-right: 15px solid #bde1f0;
    border-bottom: 10px solid #bcf5e6;
    border-top: 10px solid #bcf5e6;
}

Merci beaucoup mine de rien j'avais fait beaucoup d'erreurs.

De rien ;)

(Au fait, sur ton blog tes derniers visiteurs sont en plein milieu de la page, donc des articles)