E possivel fazer um chat igual ao do orkut/facebook?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido E possivel fazer um chat igual ao do orkut/facebook?

Mensagem por baby toryama em 01/05/13, 11:06 am

Qual é minha questão:
E possivel fazer um chat igual ao do face ou orkut?aquela barrinha que aconpanha a tela,que agente clica e abre as pessoas que estao on no chat,e possivel?

Endereço do meu fórum:
http://supersonicgamemaker.forumeiros.eu

Versão do fórum:
INVISION
avatar

baby toryama
Nível 10

Masculino
Inscrito dia : 15/02/2012
Mensagens : 290
Pontos Ativos : 472

Ver perfil do usuário http://supersonicgamemaker.forumeiros.eu/forum

Resolvido Re: E possivel fazer um chat igual ao do orkut/facebook?

Mensagem por Neils em 01/05/13, 11:09 am

Não mas é possivel meter o chat numa aba de lado! Muito feliz

Se quizer é so falar!
avatar

Neils
Nível 9

Masculino
Inscrito dia : 09/04/2013
Mensagens : 197
Pontos Ativos : 280

Ver perfil do usuário http://ultrapocket.forumeiros.eu/ https://www.facebook.com/N TENHO https://twitter.com/N TENHO

Resolvido Re: E possivel fazer um chat igual ao do orkut/facebook?

Mensagem por baby toryama em 01/05/13, 11:15 am

aba de lado?como assim?
avatar

baby toryama
Nível 10

Masculino
Inscrito dia : 15/02/2012
Mensagens : 290
Pontos Ativos : 472

Ver perfil do usuário http://supersonicgamemaker.forumeiros.eu/forum

Resolvido Re: E possivel fazer um chat igual ao do orkut/facebook?

Mensagem por Quakeeline em 01/05/13, 11:42 am

Olá,

Leia o conteúdo do Spoiler:


Chatbox estilo facebook [PunBB]

Neste tutorial estarei ensinando a deixar o seu chatbox no estilo do chat do facebook.


--> Tutoriais, dicas e astúcias <--
Chatbox estilo facebook [PunBB]



- Css:
Css:
Código:
/*facebook-chat*/
.button-app {
position: fixed;
right: 0;
bottom: 0;
}
#chatbox {
bottom: 0;
height: 300px;
left: 0;
padding-bottom: 30px;
top: auto;
width: 300px;
background-color: white;
border: 1px solid rgba(0, 0, 0, .3);
border-width: 0 1px;
}
#chatbox_footer {
height: 30px;
padding: 0;
position: absolute;
width: 300px;
background-color: white;
border-top: 1px solid #A5A5A5;
border-left: 1px solid #A5A5A5;}
#chatbox_members {
border: 0;
bottom: 0;
position: fixed;
right: 0;
top: 0;
width: 207px;
z-index: 999;
background: white;
border-left: 1px solid #979797;
}
#chatbox p{
background: white;
border-top: 1px solid #EEE;
border-width: 1px 0 0;
}
#chat-app-fb, #chatbox, #chatbox p, #chatbox p strong
{font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
font-size: 11px;
font-weight: normal!important;}

#chatbox_header.main-head {
background: #4A66A0;
border: 1px solid rgba(0, 39, 121, .76);
border-bottom: none;
bottom: 330px;
cursor: pointer;
height: 30px;
line-height: 30px;
padding: 0;
position: absolute;
top: auto;
width: 300px;
}
.chatbox-title {
display: none;
}
#chatbox_option_autorefresh {
display: none;
}
#chatbox_footer label {
color: transparent;
font-size: 0;
visibility: hidden;
}
#message {
font-size: 12px;
visibility: visible;
width: 244px;
border: 0;
outline: 0;
height: 28px;
position: relative;
top: -10px;
padding: 0 5px;
}
.right-box.style-buttons {
display: block;
background: #2C2C2C;
}
#chat-app-fb {
position: fixed;
top: 0;
bottom: 0;
height: 100%;
right: 0;
width: 500px;
}
body.chatbox {
background: none;
border: none;
}
.chatbox-options {
margin: 0;
float: left;
padding-left: 10px;
}
#divsmilies {
background: white;
border: 1px solid white;
left: 10px;
position: relative;
top: -38px;
width: 42px;
height: 26px;
}
#chatbox_members .member-title ,.date-and-time, #divcolor, #divstrike, #divunderline, #divitalic, #divbold {
display: none;
}
#chatbox_members ul li {
padding: 6px 0 6px 10px;
margin: 2px 0;
}
#chatbox_members ul li:hover {background: #E6E9EE;}
#chatbox_members ul {
margin: 0;
padding: 0;
}
body[bgcolor^="#fbfbfb"] {
background: transparent;
}
#chatbox_contextmenu {
z-index: 999;
margin-top: 10px;
margin-left: -39px;
}
.fb-search form input {
background-image: url("http://i.imgur.com/9tSaXF7.png");
border: 0;
width: 133px;
height: 25px;
padding: 0 0 0 20px;
background-repeat: no-repeat;
outline: none;
box-shadow: none;
color: #BDBDBD;
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 11px;
z-index: 999999!important;
position: relative;}
.seo-me {
width: 207px;
}
.profile-se {
float: right;
margin-right: 27px;
}
.button-app img[src^="http://i.imgur.com/degNOB8.png"] {
float: right;
position: absolute;
right: 0;
}
.button-app img[src^="http://i.imgur.com/FMZxNQv.png"] {
margin-right: 30px;
}
.button-app img[src^="http://i.imgur.com/FMZxNQv.png"] + div.seo-me {
display: none;
}
.fb-search form input:focus {
color: #4B4B4B;
}
.button-app {
z-index: 999999!important;
}
#chat-app-fb {
z-index: 99999!important;
}
.count-user {
position: fixed;
z-index: 999;
right: 155px;
bottom: 6px;
font: bold 11px verdana ,arial;
color: #000;}
.button-app img[src^="http://i.imgur.com/degNOB8.png"] + div.seo-me + div.count-user {
display: none;
}
.button-app img[src^="http://i.imgur.com/FMZxNQv.png"] + div.seo-me + div.count-user {
display: inline;
}
/*Facebook-chat*/


- Widget:
-Criar um widget personalizado
Nome do widget : Facebook-chat
Utilizar um tabletype : Não
Título do widget : Facebook-chat
Código * :
Código:
<div class="button-app" style="cursor:pointer;"><img src="http://i.imgur.com/FMZxNQv.png" onclick="document.getElementById('chat-app-fb').style.display=(this.src=='http://i.imgur.com/FMZxNQv.png')?'block':'none';this.src=(this.src=='http://i.imgur.com/FMZxNQv.png')?'http://i.imgur.com/degNOB8.png':'http://i.imgur.com/FMZxNQv.png';"/><div class="seo-me"><div class="profile-se"><a href="/profile?mode=editprofile"><img src="http://i.imgur.com/xHLwgoA.png" title="Opciones"></a></div><div class="fb-search"><form action="/search" method="get"><input type="text" class="inputbox medium" name="search_keywords" value="Buscar" onclick="if (this.value == 'Buscar') this.value = '';" onblur="if (this.value == '') this.value = 'Buscar';"></form></div></div><div class="count-user">(<span id="chat-user-on">0</span>)</div></div><div id="chat-app-fb" style="display:none;">

<iframe src="/chatbox/index.forum?page=front&" scrolling="no" marginwidth="0" style="height: 100%;margin-left: -19px;width: 520px;" marginheight="0" frameborder="0"></iframe></div>
<script>jQuery(document).ready( function() {jQuery("#chat-user-on").load("/ #onlinechat strong:eq(0)");});</script>

Após colocarmos o wdiget no fórum, edite as permissões

Permissões : Administradores Moderadores Membros
desmarque os convidados para que não apareça o chat para os convidados.




©15-tronos / Best Skins


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Chatbox estilo facebook [PunBB]

Até
avatar

Quakeeline
Nível 9

Masculino
Inscrito dia : 26/04/2013
Mensagens : 190
Pontos Ativos : 290

Ver perfil do usuário http://lfdesign.forumeiros.com

Resolvido Re: E possivel fazer um chat igual ao do orkut/facebook?

Mensagem por baby toryama em 01/05/13, 11:51 am

punbb,vou ver como fica se eu mudar o invision para punbb
avatar

baby toryama
Nível 10

Masculino
Inscrito dia : 15/02/2012
Mensagens : 290
Pontos Ativos : 472

Ver perfil do usuário http://supersonicgamemaker.forumeiros.eu/forum

Resolvido Re: E possivel fazer um chat igual ao do orkut/facebook?

Mensagem por baby toryama em 01/05/13, 12:06 pm

esse chat so funciona com punbb?eu fui mudar meu forum para punbb e tudo ficou bugado okay
avatar

baby toryama
Nível 10

Masculino
Inscrito dia : 15/02/2012
Mensagens : 290
Pontos Ativos : 472

Ver perfil do usuário http://supersonicgamemaker.forumeiros.eu/forum

Resolvido Re: E possivel fazer um chat igual ao do orkut/facebook?

Mensagem por Neils em 01/05/13, 12:13 pm

Quakeeline eu referia-me aos foruns Invision!
avatar

Neils
Nível 9

Masculino
Inscrito dia : 09/04/2013
Mensagens : 197
Pontos Ativos : 280

Ver perfil do usuário http://ultrapocket.forumeiros.eu/ https://www.facebook.com/N TENHO https://twitter.com/N TENHO

Resolvido Re: E possivel fazer um chat igual ao do orkut/facebook?

Mensagem por seender em 01/05/13, 10:47 pm

Olá!

Crie um tópico para sua dúvida, neils! vamos tratar da dúvida do autor, existem vários tipos de chatbox, para adicionar um chat do tipo do que vemos no orkut ou no facebook é preciso bem mais acesso ao banco de dados, etc... mas existem alguns serviços de chats, um deles é o xat.com, procure no google e encontrará.

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum