Me arrumem este código

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

Resolvido Me arrumem este código

Mensagem por pyrohinotama em Qua 24 Abr 2013 - 19:21

Qual é minha questão:
Eu queria que alguem conseguisse o código que faz postar as barras de negado e aceito que tem neste forum(são a caixa verde com o simbolo de ok e a caixa vermelha com o simbolo de negado)
- http://somosmugiwara.forumeiros.com/t416-ficha-de-reiky#2288
- http://somosmugiwara.forumeiros.com/t416-ficha-de-reiky#2284

Endereço do meu fórum:
http://rpgadventure.umforum.net

Versão do fórum:
PHPBB2


Última edição por pyrohinotama em Qui 25 Abr 2013 - 14:47, editado 1 vez(es)
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Me arrumem este código

Mensagem por HermeS. em Qui 25 Abr 2013 - 13:30

Saudações,

Este efeito possui um código JavaScript & CSS, mas estarei disponibilizando para você desta vez. Piscada

Aceda à: "Gestão dos códigos JavaScript"
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos códigos JavaScript Seta Criar um novo JavaScript


Código:
jQuery(document).ready(function() {
if(jQuery('.i_icon_ip').length){
    jQuery('#text_editor_select_controls #other button:eq(0)').after('<br><button onclick="info();return false" style="color:#4d8fcb"><img src="http://i10.servimg.com/u/f10/17/41/76/40/inform10.png" alt="" width="16" height="16" class="acende" /> INFORMAÇÃO</button>');
    jQuery('#text_editor_select_controls #other button:eq(1)').after('<br><button onclick="success();return false" style="color:#9ac601"><img src="http://i10.servimg.com/u/f10/17/41/76/40/accept10.png" alt="" width="16" height="16" class="acende" /> SUCESSO</button>');
    jQuery('#text_editor_select_controls #other button:eq(2)').after('<br><button onclick="warning();return false" style="color:#f9b516"><img src="http://i10.servimg.com/u/f10/17/41/76/40/error10.png" alt="" width="16" height="16" class="acende" /> ATENÇÃO</button>');
    jQuery('#text_editor_select_controls #other button:eq(3)').after('<br><button onclick="error();return false" style="color:#db3f23"><img src="http://i10.servimg.com/u/f10/17/41/76/40/critic10.png" alt="" width="16" height="16" class="acende" /> ERRO</button>');
    jQuery('#text_editor_select_controls #other button:eq(4)').after('<br><button onclick="mes();return false" style="color:#AAAAAA"><img src="http://i10.servimg.com/u/f10/17/41/76/40/mail10.png" alt="" width="16" height="16" class="acende" /> MENSAGEM</button>');
    jQuery('#text_editor_select_controls #other button:eq(5)').after('<br><button onclick="tips();return false" style="color:#D38E49"><img src="http://i10.servimg.com/u/f10/17/41/76/40/light10.png" alt="" width="16" height="16" class="acende" /> IDÉIA</button>');
}
    });
    function info(){
    bbfontstyle('<div class="info">','</div>');selectWysiwyg(this,'other');return false}
    function success(){
    bbfontstyle('<div class="success">','</div>');selectWysiwyg(this,'other');return false}
    function warning(){
    bbfontstyle('<div class="warning">','</div>');selectWysiwyg(this,'other');return false}
    function error(){
    bbfontstyle('<div class="error">','</div>');selectWysiwyg(this,'other');return false}
    function mes(){
    bbfontstyle('<div class="mes">','</div>');selectWysiwyg(this,'other');return false}
    function tips(){
    bbfontstyle('<div class="tips">','</div>');selectWysiwyg(this,'other');return false}

Investimento : Nos tópicos
e Valide.
Agora vamos para o CSS,

Aceda à:
Painel de Controle Seta Visualização Seta Imagens & Cores Seta Folha de estilo CSS

Código:
.info, .success, .warning, .error, .mes, .tips {
margin: 10px 0px;
padding: 10px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
border-radius: 4px 4px 4px;
}
.info{
background-color:#d1e4f3;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/inform10.png");
color:#00529B;
border:1px solid #4d8fcb;
}
.success{
background-color:#effeb9;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/accept10.png");
color:#4F8A10;
border:1px solid #9ac601;
}
.warning{
background-color:#ffeaa9;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/error10.png");
color:#9F6000;
border:1px solid #f9b516;
}
.error{
background-color:#fccac3;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/critic10.png");
color:#D8000C;
border:1px solid #db3f23;
}

Valide.

Até mais.
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

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

Resolvido Re: Me arrumem este código

Mensagem por pyrohinotama em Qui 25 Abr 2013 - 14:23

não entendi direito como funciona...
tem como me explicar?? quer dizer depois de adicionar isso, como faço para aparecer numa resposta/mensagem???
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Me arrumem este código

Mensagem por Sennior em Qui 25 Abr 2013 - 14:24

Saudações!

Fez os procedimentos? Com certeza isso é uma barra de "Moderação" e deve aparacer do lado das respostas rápidas. O senhor fez?

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Me arrumem este código

Mensagem por pyrohinotama em Qui 25 Abr 2013 - 14:32

não sabia disso desculpa tá na area de resposta rapida mesmo...

tem como tirar a letra em italico do "info"
e "mensagem" e "ideia" não esta aparecendo(ta faltando o css destes)
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Me arrumem este código

Mensagem por Civilization em Qui 25 Abr 2013 - 14:38

Quando for criar o tópico depois do código acima, utilize:

Código:
<div class="success">Sucesso: Ficha Aceita - [url=http://somosmugiwara.forumeiros.com/t417-ficha-aceita-de-reiky#2287]Link da Ficha[/url]</div>
<div class="box error">Ficha Negada - Ajuste os Atributos</div>

Atenciosamente,
Civilization.
avatar

Civilization
Nível 5

Masculino
Inscrito dia : 20/04/2013
Mensagens : 54
Pontos Ativos : 76

Ver perfil do usuário http://universal.forum-pro.net/u134454 http://facebook.com/Jullio4i20
  • 0

Resolvido Re: Me arrumem este código

Mensagem por Sennior em Qui 25 Abr 2013 - 14:39

Saudações! Muito feliz

Junto com o código dele acima coloque este:
Aceda à tua "Folha De Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha De Estilo CSS

Código:
.info {
font-style: normal !important;
font-size: 12px;
}

Valide.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique
  • 0

Resolvido Re: Me arrumem este código

Mensagem por Connor R. em Qui 25 Abr 2013 - 15:10

Aquele e o meu fórum, quer que eu poste aqui os códigos corretos?
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Me arrumem este código

Mensagem por pyrohinotama em Qui 25 Abr 2013 - 16:43

não valeu ja editei e consegui concertar valeu a todos Muito feliz
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

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