Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Caixa de Login
Hoje à(s) 10:56 por Luiz~

» Formulário de Registo personalizado
Hoje à(s) 3:34 por juleic1123

» Personalizar Chatbox
Hoje à(s) 3:23 por YouTube3

» Ultimos assuntos
Hoje à(s) 3:01 por Biel_Staff

» Ajustar aspeto de formulário
Hoje à(s) 2:53 por IsmaelS.

» Problema de resolução de tela dos usuários
Hoje à(s) 2:25 por Luiz~

» Banner edição no texto e mais efeito.
Hoje à(s) 2:21 por Sr.Oliveira

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
iScroll
 
YouTube3
 
Tiger
 
IsmaelS.
 
juleic1123
 
Sr.Oliveira
 
Biel_Staff
 

Quem está conectado
176 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 175 Visitantes :: 2 Motores de busca

Luiz~

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Como colocar caixa de sucesso?

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

Resolvido Como colocar caixa de sucesso?

Mensagem por Tyui22222 em Ter 6 Jan 2015 - 23:07

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : desde quando criei o forum
Endereço do fórum : http://darkcraft24hrs.foruns.com.pt/

Descrição do problema

Olá meus amigos Feliz,

Hoje vim pedir uma ajuda, queria ver se e possivel fazer isso
tipo quando eu der [ sucess ]oi [/sucess] aparecece verde igual a essa imagem o link do topico e esse http://minecraft.phoerbox.com.br/forum/index.php?showtopic=14722#entry110975
avatar

Tyui22222
Nível 9

Masculino
Inscrito dia : 09/10/2014
Mensagens : 189
Pontos Ativos : 1169

http://darkcraftforum24hrs.forumeiros.com

Resolvido Re: Como colocar caixa de sucesso?

Mensagem por [K]oke em Qua 7 Jan 2015 - 0:20

Crie um novo JavaScript com investimento em todas as páginas e adicione:
Código:
$(function(){
  $(function(){
    $('<a class="sceditor-button sceditor-button-sucesso" unselectable="on" title="Sucesso"><div unselectable="on" style="background-image:url(http://i.imgur.com/EISZPwN.png)">Sucesso</div></a>').insertBefore('.sceditor-button-size').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText("[table class=sucesso][tr][td]","[/td][/tr][/table]");
    });
    $('<a class="sceditor-button sceditor-button-alerta" unselectable="on" title="Alerta"><div unselectable="on" style="background-image:url(http://i.imgur.com/lMsD0nE.png)">Alerta</div></a>').insertAfter('.sceditor-button-sucesso').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText("[table class=alerta][tr][td]","[/td][/tr][/table]");
    });
    $('<a class="sceditor-button sceditor-button-aviso" unselectable="on" title="Aviso"><div unselectable="on" style="background-image:url(http://i.imgur.com/cI8SnOI.png)">Aviso</div></a>').insertAfter('.sceditor-button-alerta').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText("[table class=aviso][tr][td]","[/td][/tr][/table]");
    });
    $('<a class="sceditor-button sceditor-button-info" unselectable="on" title="Informação"><div unselectable="on" style="background-image:url(http://i.imgur.com/40zM1qS.png)">Informação</div></a>').insertAfter('.sceditor-button-aviso').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText("[table class=infos][tr][td]","[/td][/tr][/table]");
    });
    });
  });
Depois adicione ao seu css:
Código:
.sucesso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png') no-repeat 6px #effeb9;
border: 1px solid #9ac601;
color: #4F8A10;
padding: 6px 6px 6px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
.alerta {
background: url('http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png') no-repeat 6px #fccac3;
border: 1px solid #db3f23;
color: #D8000C;
padding: 6px 6px 6px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
.aviso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png') no-repeat 6px #ffeaa9;
border: 1px solid #f9b516;
color: #9F6000;
padding: 6px 6px 6px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
.infos {
background: url('http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png') no-repeat 6px #d1e4f3;
border: 1px solid #4d8fcb;
color: #00529B;
padding: 6px 6px 6px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}

Até Mais!
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 26/04/2014
Mensagens : 852
Pontos Ativos : 2631

http://bestskins.net/forum https://www.facebook.com/https://www.facebook.com/davis.natsu

Resolvido Re: Como colocar caixa de sucesso?

Mensagem por Dedel_tome em Qua 7 Jan 2015 - 2:42

vlw me ajudou haha
avatar

Dedel_tome
Nível 1

Masculino
Inscrito dia : 07/01/2015
Mensagens : 3
Pontos Ativos : 813

http://neverz-dayz.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