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
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
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
- Comment créer une story sur facebook - Guide
- Créer un compte gmail - Guide
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
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>
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>
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
30 nov. 2013 à 14:05
du float left et du float right sur des div tout simplement.
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
3 déc. 2013 à 19:37
merci mon ami :)
3 déc. 2013 à 19:37
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