Comment créer facebook chat division
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
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> -
du float left et du float right sur des div tout simplement.
