Como colocar status sentimental no chatbox?

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

Resolvido Como colocar status sentimental no chatbox?

Mensagem por Stan_Smith em 02/03/14, 09:45 pm

Qual é minha questão:
Queria saber o código.

http://bestskins.com.br/forum
tá ai a coisa como se sente.


Endereço do meu fórum:
http://portugalgamer.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Stan_Smith em 02/03/14, 10:37 pm, editado 1 vez(es)
avatar

Stan_Smith
Nível 6

Masculino
Inscrito dia : 11/02/2011
Mensagens : 76
Pontos Ativos : 124

Ver perfil do usuário
  • 0

Resolvido Re: Como colocar status sentimental no chatbox?

Mensagem por ShiroK em 02/03/14, 09:56 pm

Olá,

Aceda,
Painel de Controle -> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Aplique o código abaixo;

Código:
/*mood*/
.moodInner {
  max-height: 150px;
  width: 240px;
  border: solid;
  border-width: 1px 1px 2px;
  border-color: #333 #333 #293e6a;
  overflow: auto;
  z-index: 999;
  position: absolute;
}
.uiTypeaheadView {
width: 100%;
}
.uiTypeaheadView ul {
background: #fff;
overflow: hidden;
padding: 2px 0;
}
.uiTypeaheadView .compact li {
min-height: 32px;
padding: 2px 10px 2px 45px;
}
.uiTypeaheadView li {
border: solid #fff;
border-width: 1px 0;
color: #333;
cursor: pointer;
display: block;
min-height: 1px;
padding: 0 6px;
position: relative;
}
.uiTypeaheadView li:hover {
background-color: #6d84b4;
border-color: #3b5998;
}
.uiTypeaheadView .compact .text {
font-weight: bold;
}
.uiTypeaheadView .compact img {
display: block;
height: 32px;
left: 6px;
position: absolute;
width: 32px;
}
.uiTypeaheadView .text {
display: block;
overflow: hidden;
padding-bottom: 2px;
text-overflow: ellipsis;
white-space: nowrap;
}

Aceda agora,
Painel de Controle ->> Módulos ->> HTML & JAVASCRIPT ->> Gestão dos códigos JavaScript

Aplique tal código;

Código:
$(function() {
$('.main-content.chatbox').before('<input type="submit" name="post" value="Como se sente?" class="mood" title="Como você está se sentido?" onclick=" mood()">
<div class="moodInner" style="display: none;">
  <div class="uiTypeaheadView">
  <ul class="compact">
<li class="page" onclick=" feliz()"><img src="https://fbstatic-a.akamaihd.net/rsrc.php/v2/ys/r/v5pIg8BgPhs.png"><span class="text">feliz</span></li>
<li class="page" onclick=" triste()"><img src="https://fbstatic-a.akamaihd.net/rsrc.php/v2/yB/r/9KP8SigtDm2.png"><span class="text">triste</span></li>
<li class="page" onclick=" cansado()"><img src="https://fbstatic-a.akamaihd.net/rsrc.php/v2/y4/r/og7IX7S3EjB.png"><span class="text">cansado</span></li>
<li class="page" onclick=" otimo()"><img src="https://fbstatic-a.akamaihd.net/rsrc.php/v2/yv/r/cEiOws9B72j.png"><span class="text">ótimo</span></li>
<li class="page" onclick=" inc()"><img alt="" src="https://fbstatic-a.akamaihd.net/rsrc.php/v2/yD/r/Ta9iYOdm63s.png"><span class="text">incomodado</span></li>
  </ul>
 </div>
</div>');
$('.moodInner li').click(function() {
$('.moodInner').hide();
});
});
function mood() {
    $('.moodInner').fadeToggle('fast');
}
function feliz() {
    $.post('/chatbox/chatbox_actions.forum?archives', {
    mode: "send",
    sent: ":) se sentindo feliz."
    });
}
function triste() {
    $.post('/chatbox/chatbox_actions.forum?archives', {
    mode: "send",
    sent: ":( se sentindo triste."
    });
}
function cansado() {
    $.post('/chatbox/chatbox_actions.forum?archives', {
    mode: "send",
    sent: ":sleep: se sentindo cansado."
    });
}
function otimo() {
    $.post('/chatbox/chatbox_actions.forum?archives', {
    mode: "send",
    sent: ":D se sentindo ótimo."
    });
}
function inc() {
    $.post('/chatbox/chatbox_actions.forum?archives', {
    mode: "send",
    sent: ":x se sentindo incomodado."
    });
}

Marque a opção ''No índice'';

Atenciosamente,
ShiroK
avatar

ShiroK
Nível 10

Masculino
Inscrito dia : 01/03/2014
Mensagens : 271
Pontos Ativos : 387

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

Resolvido Re: Como colocar status sentimental no chatbox?

Mensagem por Stan_Smith em 02/03/14, 10:36 pm

Obrigado , resolvido.
avatar

Stan_Smith
Nível 6

Masculino
Inscrito dia : 11/02/2011
Mensagens : 76
Pontos Ativos : 124

Ver perfil do usuário

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