Erro na visualização de efeito sob a mensagem rápida.

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://www.sa-evo.com

Descrição do problema

Criei este tópico: https://ajuda.forumeiros.com/t97294-erro-na-visualizacao-do-efeito-ao-topico

Porém me esqueci de alterar meu novo fórum, por isso não consegui corrigir o erro. Desculpem-me.

Recapitulando:

Segui todo como explica o tutorial: https://ajuda.forumeiros.com/t64150-tutorial-aviso-nas-caixas-de-resposta-rapida

Porém no meu fórum não fica com o efeito vermelho como deveria ficar.

Como ficou depois do tutorial: https://i.imgur.com/6RK9UwB.png

Como deveria ficar: https://i.imgur.com/Lg1siXA.png

Alguém poderia me ajudar ? Obrigado!

Saudações,

Troque o código CSS do tutorial fornecido, pelo abaixo:

Código:

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

Coloque o código acima, no inicio de teu CSS.
Até mais.

Mudei e ainda continua da mesma forma =S

Olá,

Amigo, poderia fazer-me um favor? Ative a função de usuário automático para assim eu logar em teu fórum e ver o problema:
Painel de controle Usuários & Grupos Usuários Opções dos usuários.
Após isto, procure pela opção "Ativação dos novos membros". Marque "Ativação automática". Salve.

Até mais,
Sennior

Pronto ativei sua conta.

Saudações!

Por favor, coloque o código abaixo no INICIO DE TODOS OS CÓDIGOS DE TEU CSS:

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

.aviso_normas {background: rgba(255, 0, 0, 0.62)!important;padding: 5px!important;margin: 2px!important;border-radius: 4px!important;}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Ainda continua do mesmo jeito =S

Olá,
Tente com este:

Código:

jQuery(document).ready(function(){$('dd.frm-textarea #text_editor_textarea').before('<div class="inputbox"><b>Exponha sua dúvida</b></div>')});

E no seu CSS, adicione este código:

Código:

.inputbox {
background-color: white;
border: 1px solid #BCBCBC;
border-image: initial;
color: #666;
cursor: text;
padding: 2px;
}

Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de Estilo CSS


Até mais!

Não funcionou e o texto sumiu =S

Saudações!

Por favor, coloque o código abaixo no INICIO DE TODOS OS CÓDIGOS DE TEU CSS:

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

.aviso_normas {background-color: rgba(255, 0, 0, 0.62)!important;padding: 5px!important;margin: 2px!important;border-radius: 4px!important;}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Não funcionou, ainda continua sem aparecer o texto.

Olá,

Poderia ativar minha conta?
Peço que coloque no Inicio.
Adicione em sua 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;
}

Agora, crie uma nova página javaScript com investimento nos tópicos e adicione o código abaixo:

Código:

$(function(){   
var text = $('a[href="/f3-teste"]').length; //no local: /f3-teste, é o final do link do tópico, deverá colocar o final do link que quer add a menssagem
if( text ){
    $('#text_editor_textarea').before('<div class="aviso_normas"><b>SUA_MENSAGEM</b></div>'); // Basta alterar o nome SUA_MENSAGEM, para o texto que quiser
}

});

Conta ativada.

//no local: /f3-teste, é o final do link do tópico, deverá colocar o final do link que quer add a menssagem

Mas eu quero por em todos os tópicos, então quer dizer que tenho q criar 1 javascript pra cada tópico ?

Saudações,

Senhor poderia re-colocar o código para mim ver novamente?
Parece que o senhor desativou a função.

Até mais.

Eu não desativei não, eu só não coloquei esse código

Código:

$(function(){   
var text = $('a[href="/f3-teste"]').length; //no local: /f3-teste, é o final do link do tópico, deverá colocar o final do link que quer add a menssagem
if( text ){
    $('#text_editor_textarea').before('<div class="aviso_normas"><b>SUA_MENSAGEM</b></div>'); // Basta alterar o nome SUA_MENSAGEM, para o texto que quiser
}

});

Pq eu quero saber antes se é 1 código pra casa tópico ou se é pra todos os tópicos.

Bom dia!  

Vá em:   Painel de controle   Módulos    HTML & JAVASCRIPT JavaScript

Código:

jQuery(document).ready(function(){$('#text_editor_textarea').before('<div class="aviso_normas" style="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;"><b>SUA_MENSAGEM</b></div>')});

Investimento: Nós tópicos
Delete os códigos CSS e javascript, que lhe forneceram neste tópico. Deixe apenas, o meu ativo que irá resultar.
Atenciosamente, EuficoLouko.

Aee mano deu certo! muito obrigado!