Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Resolvido,alerta, fechado codigo

4 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery

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

Tópico resolvido Resolvido,alerta, fechado codigo

Mensagem por HilterHP 29.03.15 16:05

Detalhes da dúvida


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

Membros afetados : Todos os membros do fórum
Problema começou : hoje
Endereço do fórum : http://htttp://inativoforumhilter.forumeiros.com

Descrição do problema

Alguém pode me passar o codigo da imagem acima ?

TÓPICO em que vi isso:

(Clique aqui)

Depois mudo as imagens para não caracterizar roubo de direitos autorais.
Resolvido,alerta, fechado codigo COyS1Bo


Última edição por HilterHP em 29.03.15 22:11, editado 1 vez(es)
HilterHP

HilterHP
****

Membro desde : 25/02/2014
Mensagens : 257
Pontos : 409

http://htttp://inativoforumhilter.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Resolvido,alerta, fechado codigo

Mensagem por Shaman 29.03.15 16:07

Olá, veja se está bom:

Código:
[table style="width: 100%; border: 2px solid #84C754;  border-radius: 3px; margin-top: 30px;  background-color: #EDFFE0;"][tr][td][img]http://i39.servimg.com/u/f39/15/88/72/83/symbol10.png[/img][/td]
[td][center][color=#00cc00]Atenção![/color][/center]
Sua mensagem aqui

[i][b][color=#00cc00]Tópico movido para  "Sua Mensagem aqui"[/color][/b][/i][/td]
[/tr]
[/table]

Resultado:


Resolvido,alerta, fechado codigo Symbol10
Atenção!
Sua mensagem aqui

Tópico movido para  "Sua Mensagem aqui"
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Resolvido,alerta, fechado codigo

Mensagem por :-EraGon-: 29.03.15 16:14

Olá está otimo, mas tipo queria coloca este código junto com os spoilers, code, citar, na barra de ferramentas, e quando clicar nele já aparecer a mensagem, entende ? ai só eu clicar em enviar.

Eu uso um código de alertas personalizados, mas nele tenho que escrever a mensagem, e ele aparece na barra de ferramentas
Caso queira ver o código:
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]");
        });
        });
      });
:-EraGon-:

:-EraGon-:
****

Membro desde : 12/12/2013
Mensagens : 226
Pontos : 416

http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Ir para o topo Ir para baixo

Tópico resolvido Re: Resolvido,alerta, fechado codigo

Mensagem por Shaman 29.03.15 16:20

Olá, no caso precisamos do CSS utilizado junto com este JavaScript, ou seja o que tem as classes: class="infos" , class="aviso" , class="alerta" , class="sucesso".

Abs.
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Resolvido,alerta, fechado codigo

Mensagem por :-EraGon-: 29.03.15 16:27

Código:
.sucesso, .alerta, .aviso, .infos {
padding: 8px 8px 8px 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;
}
.sucesso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png') no-repeat 6px #effeb9;
border: 1px solid #9ac601;
color: #4F8A10;
}
.alerta {
background: url('http://cdn1.iconfinder.com/data/icons/nuvola2/32x32/actions/messagebox_warning.png') no-repeat 6px #fccac3;
border: 1px solid #db3f23;
color: #D8000C;
}
.aviso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png') no-repeat 6px #ffeaa9;
border: 1px solid #f9b516;
color: #9F6000;
}
.infos {
background: url('http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png') no-repeat 6px #d1e4f3;
border: 1px solid #4d8fcb;
color: #00529B;
}
:-EraGon-:

:-EraGon-:
****

Membro desde : 12/12/2013
Mensagens : 226
Pontos : 416

http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Ir para o topo Ir para baixo

Tópico resolvido Re: Resolvido,alerta, fechado codigo

Mensagem por Konai 29.03.15 21:39

Saudações!

Double-post é inaceitável antes das 24 horas, ou seja, o senhor só pode efetuar um UP's(mensagem seguida) após 24hrs sem resposta no tópico, okay? Deletei sua segunda mensagem. Positivo

Substitua o CSS atual por este:
Código:
.topic_solved {
background-color: #EDFFE0;
background-image: url(http://i39.servimg.com/u/f39/15/88/72/83/symbol10.png);
border-color: #84C754;
}
.topic_solved {
background-position: 10px 50%;
background-repeat: no-repeat;
border: 2px solid;
border-radius: 3px;
margin: 10px 0;
padding: 35px 20px 35px 120px;
}

E o JS atual, por este:
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]");
});
        $('<a class="sceditor-button sceditor-button-info" unselectable="on" title="Resolvido"><div unselectable="on" style="background-image:url(http://i39.servimg.com/u/f39/15/88/72/83/symbol10.png)">Resolvido</div></a>').insertAfter('.sceditor-button-aviso').click(function(){
                $('#text_editor_textarea').sceditor("instance").insertText("[table class=topic_solved][tr][td]","[/td][/tr][/table]");
        });
        });
      });

Até! Feliz
Konai

Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Resolvido,alerta, fechado codigo

Mensagem por HilterHP 29.03.15 21:41

Hakuouki escreveu:Saudações!

Double-post é inaceitável antes das 24 horas, ou seja, o senhor só pode efetuar um UP's(mensagem seguida) após 24hrs sem resposta no tópico, okay? Deletei sua segunda mensagem. Positivo

Substitua o CSS atual por este:
Código:
.topic_solved {
background-color: #EDFFE0;
background-image: url(http://i39.servimg.com/u/f39/15/88/72/83/symbol10.png);
border-color: #84C754;
}
.topic_solved {
background-position: 10px 50%;
background-repeat: no-repeat;
border: 2px solid;
border-radius: 3px;
margin: 10px 0;
padding: 35px 20px 35px 120px;
}

E o JS atual, por este:
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]");
});
         $('<a class="sceditor-button sceditor-button-info" unselectable="on" title="Resolvido"><div unselectable="on" style="background-image:url(http://i39.servimg.com/u/f39/15/88/72/83/symbol10.png)">Resolvido</div></a>').insertAfter('.sceditor-button-aviso').click(function(){
                $('#text_editor_textarea').sceditor("instance").insertText("[table class=topic_solved][tr][td]","[/td][/tr][/table]");
         });
         });
      });

Até! Feliz

Olá, no CSS só vi um código, que é o do "Resolvido" e para anexar este código junto com os outros ou tirar todos e deixa só este ? porque no JS tem o script da info,sucesso...
HilterHP

HilterHP
****

Membro desde : 25/02/2014
Mensagens : 257
Pontos : 409

http://htttp://inativoforumhilter.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Resolvido,alerta, fechado codigo

Mensagem por Konai 29.03.15 21:45

Perdão... faça o seguinte, o teu JS atual, você substitui por este:
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]");
});
        $('<a class="sceditor-button sceditor-button-info" unselectable="on" title="Resolvido"><div unselectable="on" style="background-image:url(http://i39.servimg.com/u/f39/15/88/72/83/symbol10.png)">Resolvido</div></a>').insertAfter('.sceditor-button-aviso').click(function(){
                $('#text_editor_textarea').sceditor("instance").insertText("[table class=topic_solved][tr][td]","[/td][/tr][/table]");
        });
        });
      });

Agora o CSS, é este(substitui pelo o teu CSS atual referente à isto):
Código:
.sucesso, .alerta, .aviso, .infos {
padding: 8px 8px 8px 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;
}
.sucesso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png') no-repeat 6px #effeb9;
border: 1px solid #9ac601;
color: #4F8A10;
}
.alerta {
background: url('http://cdn1.iconfinder.com/data/icons/nuvola2/32x32/actions/messagebox_warning.png') no-repeat 6px #fccac3;
border: 1px solid #db3f23;
color: #D8000C;
}
.aviso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png') no-repeat 6px #ffeaa9;
border: 1px solid #f9b516;
color: #9F6000;
}
.infos {
background: url('http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png') no-repeat 6px #d1e4f3;
border: 1px solid #4d8fcb;
color: #00529B;
}
.topic_solved {
background-color: #EDFFE0;
background-image: url(http://i39.servimg.com/u/f39/15/88/72/83/symbol10.png);
border-color: #84C754;
}
.topic_solved {
background-position: 10px 50%;
background-repeat: no-repeat;
border: 2px solid;
border-radius: 3px;
margin: 10px 0;
padding: 35px 20px 35px 120px;
}

Até! Feliz
Konai

Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Resolvido,alerta, fechado codigo

Mensagem por HilterHP 29.03.15 22:01

Olá hancki, adorei, mas só uma duvida, os usuários terão acesso a estas ferramentas ? como faço só para MODS, obterem isso ?
HilterHP

HilterHP
****

Membro desde : 25/02/2014
Mensagens : 257
Pontos : 409

http://htttp://inativoforumhilter.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Resolvido,alerta, fechado codigo

Mensagem por Konai 29.03.15 22:08

É uma questão por tópico só e o senhor já tem um tópico pendente à respeito disto, o único problema é que entendo pouco de JS. Triste
Posso arquivar este?

Até! Feliz
Konai

Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Resolvido,alerta, fechado codigo

Mensagem por HilterHP 29.03.15 22:11

Entendo, mesmo assim obrigado, me ajudou muito Muito feliz espero que fique bastanta na equipe FDF
HilterHP

HilterHP
****

Membro desde : 25/02/2014
Mensagens : 257
Pontos : 409

http://htttp://inativoforumhilter.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Resolvido,alerta, fechado codigo

Mensagem por Konai 29.03.15 22:18

Muito obrigado e Deus te ouça amigo! Positivo

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Até! Feliz
Konai

Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery

Permissões neste sub-fórum
Não podes responder a tópicos