Comment créer facebook chat division

Fermé
Catalunya's Son Messages postés 57 Date d'inscription jeudi 5 septembre 2013 Statut Membre Dernière intervention 17 avril 2015 - 24 nov. 2013 à 22:43
Catalunya's Son Messages postés 57 Date d'inscription jeudi 5 septembre 2013 Statut Membre Dernière intervention 17 avril 2015 - 3 déc. 2013 à 19:37
salut les ami(e)s

Je cherche les codes pour rélaiser ce types des division comme en facebook

http://i.i.cbsi.com/cnwk.1d/i/tim/2012/10/03/Large_text_before_and_after.jpg
A voir également:

2 réponses

varley Messages postés 66 Date d'inscription samedi 19 janvier 2013 Statut Membre Dernière intervention 28 septembre 2018 12
30 nov. 2013 à 13:13
salut!

pour réaliser ce genre de division il faut jouer sur la propriété div,content et border-radius de css

border-radius pour avoir des bordures arrondies
div pour regrouper un texte dans un bloc
content pour faire apparaitre une petite fleche que tu pourra faire pivoter le long de ton div avec la propriété -webkit-transform:rotate(45deg par exemple )

exemple de code:


<html>
<head>
<title>infobulle</title>
<style>
#infobulle{
background-color:#77B5FE;
color:#000;
width:120px;
height:30px;
border-radius:10px;
margin-top:200px;
margin-right:200px;
}
#infobulle:after{
content:"\25B8";
color:#77B5FE;;
font-size:35px;
padding:110px;

}
</style>
</head>
<body>
<div id='infobulle'></div>
</body>
</html>
0
Catalunya's Son Messages postés 57 Date d'inscription jeudi 5 septembre 2013 Statut Membre Dernière intervention 17 avril 2015 1
3 déc. 2013 à 19:37
Merci mon ami mais je connait déjà tous que tu écrit :-)


mais mon demande a propos cette angle ou corne comment on peut la créer !!

https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-ash3/1450200_10200731890292183_2007417606_n.jpg
0
theshadoo Messages postés 786 Date d'inscription samedi 26 mai 2007 Statut Membre Dernière intervention 3 mai 2016 123
30 nov. 2013 à 14:05
du float left et du float right sur des div tout simplement.
0
Catalunya's Son Messages postés 57 Date d'inscription jeudi 5 septembre 2013 Statut Membre Dernière intervention 17 avril 2015 1
3 déc. 2013 à 19:37
merci mon ami :)
0