1 Chat Desplegable Vie Ene 06, 2012 7:45 pm
Tito
Hola
ayer estaba medio aburrido sin internet y decidí hacer esto:
http://www.webdesignforo.net/h7-chat-vista-previa
Pueden colocar un chatbox de foroactivo si quieren:
Código:
Solo deben cambiar esta parte:
Pueden colocarlo en los anuncios, mensaje del indice, widgets, o en donde ustedes quieran!
ayer estaba medio aburrido sin internet y decidí hacer esto:
http://www.webdesignforo.net/h7-chat-vista-previa
Pueden colocar un chatbox de foroactivo si quieren:
Código:
- Código:
<html>
<head>
<style>
#barr{
width:200px;
height:30px;
position:fixed;
bottom:-20px;
left:50%;
margin-left:130px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
}
#barr:hover{
position:fixed;
bottom:0;
}
.chatboxbar{
float: right;
height: 30px;
width: 128px;
background-image:url(http://i41.servimg.com/u/f41/16/71/63/22/chatve10.png);
line-height: 30px;
color: #005a96;
text-shadow: 0 1px 1px #fff;
font-family: verdana;
text-transform: uppercase;
text-align: center;
font-weight: 600;
font-size: 12px;
}
#verchatposition{
width:800px;
height:400px;
position:fixed;
bottom:0;
left:50%;
margin-left:-400px;
display:none;
}
#verchatposition div{
background-image:url(http://i41.servimg.com/u/f41/16/71/63/22/fondoc11.png);
width:795px;
height:364px;
background-repeat:no-repeat;
}
#eliframe{
position:relative;
top:20px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div>
<div id="verchatposition"><div><center><iframe src="www.urldetuforoactivo.com/chatbox/index.forum" id="eliframe" width="750" height="300" frameborder="0" scrolling="no"></iframe></center></div></div>
<div id="barr">
<div class="chatboxbar">Chatbox</div>
<script>
jQuery("#barr").click(function () {
jQuery("#verchatposition").fadeToggle("slow", "linear");
});
</script>
</div>
</div>
</body>
</html>
Solo deben cambiar esta parte:
iframe src="www.urldetuforoactivo.com/chatbox/index.forum"
Pueden colocarlo en los anuncios, mensaje del indice, widgets, o en donde ustedes quieran!