Resolvido,alerta, fechado codigo

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

Resolvido,alerta, fechado codigo COyS1Bo

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"

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]"); }); }); });

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.

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; }

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é!

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.

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é!

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

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é!

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 ?

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

por HilterHP 29.03.15 22:11

Entendo, mesmo assim obrigado, me ajudou muito Muito feliz

espero que fique bastanta na equipe FDF

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é!

Resolvido,alerta, fechado codigo