Colocar aviso em cima do chatbox

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

Resolvido Colocar aviso em cima do chatbox

Mensagem por Yrley em 30/08/13, 03:41 pm

Qual é minha questão:
Ooi galera :3

Então, queria colocar uma aviso em cima do meu chatbox, tipo esse:



Onde vi: www.bestskins.com.br

Até Mais.

Endereço do meu fórum:
http://pixel-life.forumbrasil.net

Versão do fórum:
PunBB


Última edição por Yrley em 30/08/13, 04:58 pm, editado 1 vez(es)
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Colocar aviso em cima do chatbox

Mensagem por -Pozz em 30/08/13, 03:57 pm

Olá, Yrley

Vai até:
Painel de controle, Visualização, Template, Geral, Index_body
Procure por
Código:
{CHATBOX_TOP}
E em cima cole este código
Código:
<!-- BEGIN switch_user_logged_in -->
<p class="messagead"><strong>MENSAGEM</strong></p>
<!-- END switch_user_logged_in -->
Vai até seu CSS e adicione este código:
Código:
.messagead {
background: #ffc8c8 url(http://i.imgur.com/76rcT.png) no-repeat 6px 10px;
border: 1px solid #ec7272;
color: #000;
font-size: 13px;
line-height: 18px;
margin-top: 15px;
text-shadow: #ffc1c1 0 1px 0;
height: 48px;
padding: 10px 10px 10px 55px;
border-radius: 3px;
}

.messagead strong{top: 15px;
  position: relative;}

Divertido

-Pozz
Membro do Fórum

Masculino
Inscrito dia : 29/08/2013
Mensagens : 1338
Pontos Ativos : 1853

Ver perfil do usuário http://visualart.ativoforum.com/
  • 0

Resolvido Re: Colocar aviso em cima do chatbox

Mensagem por Gaaratsu em 30/08/13, 04:05 pm

Saudações!

Caso os códigos fornecidos acima pelo membro Koller não funcione, aqui tenho uma proposta por código JavaScript.

Nota: Antes de seguir o procedimento abaixo, exclua todos os códigos fornecidos acima para que o efeito funcione perfeitamente.

Código que utilizaremos:
Código:
$(document).ready(function() {
  if($('a[href^="/login?"]:contains("Sair")').length) {
      $('#frame_chatbox').closest('.main').before('<p class="messagead" style="background: #FFF1C9; border: 1px solid #E4C567; color: #CD8A2A; line; height: 160%; margin-bottom: 5px; padding: 10px; text-shadow: #fff 0 1px 0;"><strong>Não daremos suporte no chat! Usuários que insistirem serão punidos sem aviso prévio! utilizar o fórum para dúvidas.</strong><br><span class="tloginCB"></span></p>');
  }
});
function chats() {
  $.get('/forum', function(data) {
      $('.messagead .tloginCB').html($('#pun-info.main .main-statistics #onlinechat p.page-bottom',data).html());
  });
  setTimeout('chats()',1000);
}
chats();
Para criar e adicionar o JavaScript, aceda à: Painel de Controle -> Módulos -> HTML & JAVASCRIPT -> Gestão dos códigos JavaScript -> Habilitar o gerenciamento dos códigos JavaScript: Marque sim e salve! ->> (Adicionar) Criar um novo JavaScript

Título: O que desejar;
Investimento: No índice(apenas marque esta opção e desmarque todas as outras para que o efeito funcione perfeitamente);
Código JavaScript: Aqui coloque o código que disponibilizei logo acima e salve!


Atenciosamente. Muito feliz


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

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

Resolvido Re: Colocar aviso em cima do chatbox

Mensagem por Yrley em 30/08/13, 04:58 pm

Vaaaaaaaaaaaaaaaaaaaaaaaleu *-*
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

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