A voir également:
- Comment créer facebook chat division
- Coco chat - Accueil - Réseaux sociaux
- Remplaçant de Coco : quelles solutions pour tchater gratuitement en ligne ? - Accueil - Réseaux sociaux
- Comment créer un groupe whatsapp - Guide
- Créer une story facebook - Guide
- Créer un compte google - 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