This post is about creating facebook chat box.Facebook Chat box can be easily developed using css and some javascript lines.Below is code of Facebook Chat Box.
<html>
<head>
<style type="text/css">
#chat{ width:200px;height:400px;
border:solid 1px green;float:right; position:fixed;left:810px;bottom:10px;}
#min{ text-align:right; border-bottom:solid 1px black;}
#chat_box{text-align:right;}
#chat_min{ width:200px;height:35px;border:solid 1px green;float:right;position:fixed;left:810px;bottom:10px; text-align:left;
}
</style>
<script type="text/javascript">
function minimize(){
document.getElementById('chat').style.display="none";
}
function maximize(){
document.getElementById('chat').style.display="block";
}
</script>
</head>
<body>
<div id="chat">
<div id="min">
<a href="javascript:void()" style="text-decoration:none;" onclick="minimize()">- </a>
</div>
<div id="chat_box">
</div>
</div>
<div id="chat_min">
<a href="javascript:void()" style="text-decoration:none;" onclick="maximize()"> Chat(9)</a>
</div>
</body>
</html>
<html>
<head>
<style type="text/css">
#chat{ width:200px;height:400px;
border:solid 1px green;float:right; position:fixed;left:810px;bottom:10px;}
#min{ text-align:right; border-bottom:solid 1px black;}
#chat_box{text-align:right;}
#chat_min{ width:200px;height:35px;border:solid 1px green;float:right;position:fixed;left:810px;bottom:10px; text-align:left;
}
</style>
<script type="text/javascript">
function minimize(){
document.getElementById('chat').style.display="none";
}
function maximize(){
document.getElementById('chat').style.display="block";
}
</script>
</head>
<body>
<div id="chat">
<div id="min">
<a href="javascript:void()" style="text-decoration:none;" onclick="minimize()">- </a>
</div>
<div id="chat_box">
</div>
</div>
<div id="chat_min">
<a href="javascript:void()" style="text-decoration:none;" onclick="maximize()"> Chat(9)</a>
</div>
</body>
</html>
No comments:
Post a Comment