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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Mudar cor da fonte/letra do perfil
Ontem à(s) 10:13 pm por Ketholy123

» Notificação de novas mensagens
Ontem à(s) 08:18 pm por Luiz

» Questão sobre aspeto de blog
Ontem à(s) 08:14 pm por Luiz

» Como mudar a cor e imagem desta caixinha?
Ontem à(s) 07:32 pm por Luiz

» Como fixa a mensagem
Ontem à(s) 06:37 pm por Luiz

» Como remover as mensagens de informação do chatbox
Ontem à(s) 06:36 pm por Luiz

» Slides bugado
Ontem à(s) 06:24 pm por iScroll

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Matt Shultz
 
Harleen
 
Ketholy123
 
T1ag0
 
zHugh
 
PlayWillian
 
ranzatti
 
Lecxa
 

Quem está conectado
231 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 224 Visitantes :: 2 Motores de busca

CesarWatsom2, iScroll, soldado, uvmyyvpew, weverson lopes, xDominiC_., zHugh

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 06/01/15, 09:07 pm

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 : 08/10/2014
Mensagens : 189
Pontos Ativos : 269

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

Resolvido Re: Como colocar caixa de sucesso?

Mensagem por [K]oke em 06/01/15, 10:20 pm

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 : 25/04/2014
Mensagens : 863
Pontos Ativos : 1579

Ver perfil do usuário http://bestskins.net/forum https://www.facebook.com/davis.natsu

Resolvido Re: Como colocar caixa de sucesso?

Mensagem por Dedel_tome em 07/01/15, 12:42 am

vlw me ajudou haha
avatar

Dedel_tome
Nível 1

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

Ver perfil do usuário 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