Mensagem de aviso no Chat Box

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Administrador
Navegador usado : Internet Explorer
Membros afetados : Todos os membros do fórum
Problema começou : Hoje
Endereço do fórum : http://passarinhos.forumeiros.com/forum.htm

Descrição do problema

Gostaria de colocar uma mensagem no Chat ja tentei alguns que aqui encontrei mais sem sucesso !

Bom dia!

Já tentou usar as recomendações do nosso novo tutorial?
https://ajuda.forumeiros.com/t96193-tutorial-aviso-leia-as-regras-no-chatbox

Até breve.

Bom dia , não resulta ..

Olá! :$

Teoricamente, o código do Shek funciona sim.

http://prntscr.com/5c2gxp

É o mesmo código, eu apenas imbuti o CSS no javascript, veja:

Código:

// Script add warning in Chatbox
// Desenvolvido por Shek Forumeiros - Fórum dos Fóruns
jQuery(document).ready(function() {
  jQuery('#frame_chatbox').before('<div class="aviso_normas">SUA_MENSAGEM</div>');
$('head').before('<style>.aviso_normas {
background: none repeat scroll 0 0 #F0E8E0;
border: 1px solid #C00000;
font-family: Tahoma,Arial;
font-size: 11px;
height: 24px;
line-height: 24px;
margin-bottom: 3px;
text-align: center;
}</style>');
});

Então, verifique:
Se adicionou o Investimento em 'Todas as páginas';
O código é tão 'minusculo', e quase impossível de se dar um conflito então, não e isso..
Lembrando que não funcionará no /chatbox.

Não resultou , será que minha CSS não tem nada que não deixe resultar , veja minha CSS , o seu também não resultou

Código:

.fa_avatar {
  width: 25px;
  height: 25px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}
/************avatar nas ultimas mensagens postadas ****************/
..mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.mini_ava img:hover
{
width: 80px;
height: 80px;
}
/*****Cor titulo Widget *******/

.module .h3 {
color: #1C86EE;
}
/*****Fim titulo Widget *******/

/*****Widget igual FDF *******/

#left .module, #postingbox.panel, #profile-advanced-right .module, .panel.introduction, .panel.loginPanel, .portal .module {
background-image: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_post_staff.png);
background-position: 50% 100%;
background-repeat: repeat-x;
border: 1px solid rgb(195, 224, 241);
border-image: initial;
border-radius: 4px;
margin: 3px 1px;
padding-bottom: 8px;
padding-top: 4px;
}

/*****Fim widget como o FDF *******/

form#quick_reply #textarea_content textarea#text_editor_textarea {background-image: url()!important;}
/*****cor fundo menu *******/

#page-header .navbar{background-color:#378dc8}

/*****fim cor fundo menu*******/
/*****Fim fundo da Caixa de respostas rápidas*******/
.postbody {
float: right !important;
}
.postprofile {
float: left !important;
}

.headerbar {background-image: url(http://i70.servimg.com/u/f70/18/46/61/47/xazuww10.png)!important;background-repeat: repeat!important;}
em{
font-style: normal;
}
blockquote blockquote {
background-color: #378dc8;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
blockquote blockquote blockquote {
 background-color: #E4F4FC;
 }
blockquote cite {
font-style: normal;
font-weight: bold;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
 font-size: 1em;
 }
blockquote.uncited {
 padding-top: 25px;
.post {
background-image: url('http://i34.servimg.com/u/f34/12/44/72/18/offl10.png');
background-repeat: no-repeat;
background-position: 100% 0%;
}
.online {
background-image: url('http://i56.servimg.com/u/f56/12/05/75/97/isbbp710.png');
}
.post {
border:1px solid #48829c;
}
#login_popup_background div.h3 {
color: #FFFFFF;
background-image: url('');
color: #FFFFFF;
font-weight: bold;
text-align: center !important;
}
#login_popup_background {
color: #FFFFFF;
text-align: center;
width: 479;
height: 248;
background-image: url('');
background-color: #000000;
}
body.chatbox {
background-color: #E6E6E6;
background-image: url('http://i48.servimg.com/u/f48/15/98/91/46/chat12.jpg');
background-repeat: no-repeat;
background-position: 100% 100%;
}
Retirei parte chat Box
#info {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
}
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
float: left;
width:100%;
clear: both;
color: InfoText;
background: InfoBackground url(icon_warning.gif) no-repeat fixed .3em .3em;
padding: .10em .3em .10em 2em;
border-bottom: .16em outset;
text-decoration: none;
cursor: default;
}
#infobar a:hover {
color: HighlightText;
background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
}
#viewplot {
width: 100%;
height: expression(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}
}
li.row:hover {
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}

/*****quote FDF *******/
blockquote, blockquote blockquote, blockquote blockquote blockquote {
-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 5px;
background: none #F9F9F9;
border: 1px solid #DEDEDE;
border-image: initial;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 5px;
padding: 10px 20px;
}

/*****Fim quote FDF *******/
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://2img.net/i/fa/admin/icones/help_pt.png);
background-repeat: no-repeat;
background-position: bottom right;
}


/*****Menu personalizado - Criado por danielmendes e modificado por spoiler*******/


/*****Caixa de busca por SUPERO*****/
#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;
background: transparent url(http://i59.servimg.com/u/f59/18/46/61/47/single11.jpg) no-repeat center;}
#search-box input.button2 {display: none;}
#search-box {padding-bottom: 5px !important;}
#search-box #keywords {width: 70px;color: BLACK;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}
#search-box input {border: none !important;background: none;}
#search-box input.search {background: none;margin-left: 30px;margin-top: 15px;}
#page-header #search-box {
position: absolute;
top: -5px;
right: 3%;
}
/*****Efeito do profile*****/   
#tabs a {
        background-color: #8BBFE6;
        border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        -o-border-radius: 4px 4px 0 0;
        margin: 0 1px;
    }


Efeito no nome pessoal da equipe :

a[href="/u1"] {
text-shadow: 0px 0px 5px #F27BEE;
}
a[href="/ucor verde "] {
text-shadow: 0px 0px 5px #7FFF00;
}

a[href="/u122"] {
text-shadow: 0px 0px 5px #FF3DE2;
}


a[href="/u"] {
text-shadow: 0px 0px 5px # ;
}
  a[href="/u830"] {
text-shadow: 0px 0px 5px #110D91;
}
 
a[href="/u26022"] {
text-shadow: 0px 0px 5px #FF3DE2;
}

a[href="/u1"] {
text-shadow: 0px 0px 5px #FF0505;
}

a[href="/u13867"] {
text-shadow: 0px 0px 5px ;
}

a[href="/u24307"] {
text-shadow: 0px 0px 5px ;
}
a[href="/u24620"] {
text-shadow: 0px 0px 5px #F58803;
}


a[href="/u18722"] {
text-shadow: 0px 0px 5px #FF6600;
}


a[href="/uADM"] {
text-shadow: 0px 0px 5px #FF0505;
}
Termina efeito nome pessoal equipe



/*****Cor titulo Widget *******/

.module .h3 {
color: #FF0000;
}
/*****Fim titulo Widget *******/


/*****Mensagem de ler as regras  *******/

.aviso_normas { background: none repeat scroll 0 0 #F0E8E0; border: 1px solid #C00000; font-family: Tahoma,Arial; font-size: 11px; height: 24px; line-height: 24px; margin-bottom: 3px; text-align: center; }


/*****Fim mensagem de ler as regras*******/

/**************cor titulo nas categorias *****************************/
l.table-title, .table-title h2 {
color: rgb(255, 255, 255);
font-family: Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1em;
margin: 2px 0px 4px;
padding-bottom: 2px;
padding-top: 2px;
text-transform: uppercase;
text-align: center !important;
font-weight: 800;
position: relative;
left: 183px;
}


/*fim*******/


/*****************cormenu************************/
#page-header .navbar {
background-color: #92172238;
}
/**********fim cor menu ************************/

marquee#comments_scroll_container img{margin:8px}


/****************fim*****************/

.table-title h2 {border-bottom: none!important;}
/***************fim sublinhado*************/

#google_translate_element {
float: right !important;
}
/**********larguras****************/

#logo-desc {
    margin-top: -38px;
    padding: 0px;
    text-align: center;
}

/****quote  como FDF ****/

.content blockquote {
color: rgb(83, 100, 130);
}
blockquote {
background: url(http://i39.servimg.com/u/f39/18/21/41/30/fdfcit10.png) 3px 3px no-repeat;
padding-left: 8px;
}
.spoiler, blockquote {
border: solid rgb(54, 159, 207);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
margin: 3px 10px;
background-color: rgb(255, 255, 255);
}

blockquote cite {
color: rgb(0, 102, 153);
}
blockquote cite {
display: block;
font-size: 0.9em;
font-style: normal;
font-weight: 700;
}

blockquote div {
margin-left: 20px;
}

/****perfil elegante ****/
.postprofile {
border: 1px solid #FFF;
border-radius: 5px;
box-shadow: 0px 0px 4px #000;
}

/***fim pefil elegante ***/

.post {
border-radius: 5px!important;
}

.forabg {
border-radius: 10px;
background-color: #1675bc;
}

/*****concertar ****/

.row2 {
background-color: rgb(236, 243, 247)!important;
}
.row1 {
background-color: rgb(230, 242, 248)!important;
}

/****separadores dos fóruns ******/

li.row {
border-bottom: 1px solid rgb(185, 196, 205);
}
li.row.row1 {
border-bottom: 1px solid rgb(185, 196, 205);
}
li.row.row2 {
border-bottom: 1px solid rgb(185, 196, 205);
}

/*****fim *****/

/*****borda do fórum elegante ****/

#wrap {
-webkit-box-shadow: rgba(255, 255, 255, 0.168627) 0px 0px 0px 7px;
background: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_wrap.png) 50% 100% repeat-x rgb(251, 251, 251);
box-shadow: rgba(255, 255, 255, 0.168627) 0px 0px 0px 7px;
margin: 0px auto;
}

/*******fim borda fórum elegante ****/

/*****tópicos iguais categorias ****/
.forumbg {
border-radius: 5px;
background-color: #1675bc;
}

/******fim*******/

/*****rodapé fdf *********/
#page-footer .navbar {
background: none repeat-x scroll center bottom #1775bd;
border: 1px solid;
border-bottom-right-radius: 12px;
border-color: #4ca0ce #155d98 #155d98;
border-top: 0;
border-top-left-radius: 12px;
clear: both;
padding: 0;
}
ul.linklist li.footer-home {
float: left;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
.linklist.clearfix {
color: #fff;
padding-right: 10px;
}
ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
display: inline !important;
}
ul.linklist li.rightside {
float: right;
}
.rightside, .rightside a, div.navbar ul.linklist li.rightside strong a {
color: #FFF;
}
.icon-home {
background: url(http://i.imgur.com/ZFXEi.png) no-repeat 3px -5px transparent;
color: rgba(0,0,0,0)!important;
float: left;
font-size: 0!important;
height: 44px!important;
margin-left: 17px!important;
margin-right: 30px!important;
padding-right: 0!important;
position: absolute;
width: 44px!important;
}

/*******fim rodapé ********/

/*****cor h2 *******/

h2.post-content {
color: black !important;
}

/*****fim cor h2*******/

/*****capa*****/
    #new-message{
left: 7% !important;
}
/****fim capa *****/

h2.topic-title {
color: black !important;
}

/*******consertando o botão tradutor ********/
#search-box #keywords {
margin-top:px !important;
}
/********fim ***********/

Creio que não Edu.
Existe muitos códigos JavaScript em eu fórum? Algum deve estar interferindo no código passado pelo Shek ou Duel.

Até mais.

Sennior escreveu:Creio que não Edu.
Existe muitos códigos JavaScript em eu fórum? Algum deve estar interferindo no código passado pelo Shek ou Duel.

Até mais.

Tem sim e como resolver isso

up

Bom dia!

O tutorial diz que o código só pode ser aplicado para o "Índice" do fórum. Tens certeza que realizou este procedimento?

Poderia me enviar a URL do script do código mencionado no tutorial?

Até mais!

Seria esta

http://www.criadoresdepassaros.com/22620.js

Edu... Coloque o mesmo código que está no tutorial na página .JS e verá que vai funcionar, porque, script:

Código:

<div class="aviso_normas">SUA_MENSAGEM</div>')});

Não existe.

Siga novamente o tutorial e dará certo!

Eu estou usando este Codigo na pagina qu criei JavaScript com investimento apenas no Indice

Código:

// Script add warning in Chatbox// Desenvolvido por Shek Forumeiros - Fórum dos Fóruns jQuery(document).ready(function() {  jQuery('#frame_chatbox').before(    '
<div class="aviso_normas">
   Não é permitido fazer perguntas referente a pássaros no Chat , crie um Tópico com sua Dúvida
</div>
')});

E apos colocando este codigo no CSS:

Código:

.aviso_normas {
background: none repeat scroll 0 0 #F0E8E0;
border: 1px solid #C00000;
font-family: Tahoma,Arial;
font-size: 11px;
height: 24px;
line-height: 24px;
margin-bottom: 3px;
text-align: center;
}

Olá!

Na verdade, modificou o código e por acidente pulou uma linha entre o // duma descrição do copyright. Use o código indicado no tutorial, e modifique apenas o trecho que há:

Código:

SUA_MENSAGEM

Atenciosamente,
Shek

Não é possivel não funciona

O negócio é que está a usar o chatbox retrátil, e o tutorial está disponível apenas para o chatbox que está integrado ao fórum e não à um IFRAME.

Então e como colocar um aviso neste meu Chat , e como usar o outro

O script só funciona para o chat que está sendo "Exibido na página inicial", conforme as definições em Módulos > Chatbox > Configuração > Exibir chatbox > No fim da página ou no início da página >.

Shek escreveu:O script só funciona para o chat que está sendo "Exibido na página inicial", conforme as definições em Módulos > Chatbox > Configuração > Exibir chatbox > No fim da página ou no início da página >.

Legal poderia ter avisado antes e será que tem um aviso que funcione no meu chat

Creio que este irá resultar!
Adicione ao CSS:

Código:

#chatbox:after {
background: #F5FFF6 url(http://i.imgur.com/g3NBjqp.png) repeat-x;
border: 1px solid #D3EED5;
color: #1F691C;
content: 'DIGITE AQUI O SEU AVISO!!!';
display: block;
font-size: 12px;
line-height: 1.6;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

Até mais!

Daemon escreveu:Creio que este irá resultar!
Adicione ao CSS:

Código:

#chatbox:after {
background: #F5FFF6 url(http://i.imgur.com/g3NBjqp.png) repeat-x;
border: 1px solid #D3EED5;
color: #1F691C;
content: 'DIGITE AQUI O SEU AVISO!!!';
display: block;
font-size: 12px;
line-height: 1.6;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

Até mais!

Deu certo , obrigado