Codice: Seleziona tutto
<div class="online_box">
<div class="online_head">
Online Friends ({ONLINE_FRIENDS})
</div>
<div class="online_body">
<!-- BEGIN online_list -->
<div class="username online">
<span id="username" style="color: #{online_list.USER_COLOR}">{online_list.USERNAME}</span>
<span id="new_message" class="inbox">{online_list.NEW_MESSAGE}</span>
</div>
<!-- END online_list -->
</div>
</div>
css
.user{
position:relative;
padding:10px 30px;
}
.status-online:before {
content:'';
position:absolute;
background:#2ecc71;
height:10px;
width:10px;
left:10px;
top:15px;
border-radius:6px;
}
.chat_box{
position:fixed;
right:20px;
bottom:0px;
width:250px;
}
.chat_body{
background:white;
height:400px;
padding:5px 0px;
overflow-y: auto;
display: none;
}
.chat_head,.msg_head{
background:#f39c12;
color:white;
padding:15px;
font-weight:bold;
cursor:pointer;
border-radius:5px 5px 0px 0px;
}