Comment créer facebook chat division
Catalunya's Son
Messages postés
67
Statut
Membre
-
Catalunya's Son Messages postés 67 Statut Membre -
Catalunya's Son Messages postés 67 Statut Membre -
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
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:
- Comment créer facebook chat division
- Coco chat - Accueil - Réseaux sociaux
- Fermeture de Coco : les internautes à la recherche d'un remplaçant - Accueil - Réseaux sociaux
- Comment créer un groupe whatsapp - Guide
- Créer un compte google - Guide
- Créer une story facebook - Guide
2 réponses
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>
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>
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