Mensagens de aviso

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

Resolvido Mensagens de aviso

Mensagem por SilentX em 26/09/14, 04:13 pm

Seguindo o tutorial [TUTORIAL] Mensagens de aviso na caixa de resposta rápida daria para colocar a caixa da mensagem desta forma?
De preferencia com acesso reservado a administradores/moderadores.


Última edição por SilentX em 27/09/14, 06:52 pm, editado 1 vez(es)
avatar

SilentX
Nível 3

Masculino
Inscrito dia : 17/09/2014
Mensagens : 24
Pontos Ativos : 35

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

Resolvido Re: Mensagens de aviso

Mensagem por Shek em 26/09/14, 05:21 pm

Boa tarde!

Sim, há como com CSS. Feliz Mas, dei-me questionar antes. Aquele X para fechar a caixa provavelmente não teremos como fazê-lo... Pode ser o CSS de personalização só?

Até mais!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17159
Pontos Ativos : 21416

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Mensagens de aviso

Mensagem por SilentX em 26/09/14, 06:11 pm

@Shek escreveu:Boa tarde!

Sim, há como com CSS. Feliz Mas, dei-me questionar antes. Aquele X para fechar a caixa provavelmente não teremos como fazê-lo... Pode ser o CSS de personalização só?

Até mais!
Olá Shek

Sim, o X não será necessário, pode ser somente o CSS de personalização.
avatar

SilentX
Nível 3

Masculino
Inscrito dia : 17/09/2014
Mensagens : 24
Pontos Ativos : 35

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

Resolvido Re: Mensagens de aviso

Mensagem por Shek em 26/09/14, 07:02 pm

Boa noite!

Eu tentei chegar o mais perto do que pediu, mas não consegui ser específico. Mas, substitua seu Javascript do tutorial, por este:
Código:
jQuery(function(){
      jQuery(function(){
        jQuery('<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(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class='sucesso'][tr bgcolor='#8AC443'][td colspan='2' class='sucesso_img'][color=#ffffff]Mensagem enviada![/color][/td]
[/tr][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<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(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class='alerta'][tr bgcolor='#C54346'][td colspan='2'class='alerta_img'][color=#ffffff]Mensagem enviada![/color][/td][/tr][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<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(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class='aviso'][tr bgcolor='#C6C93F'][td colspan='2'class='aviso_img'][color=#ffffff]Mensagem enviada![/color][/td][/tr][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<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(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class='infos'][tr bgcolor='#418DC7'][td colspan='2'class='infos_img'][color=#ffffff]Mensagem enviada![/color][/td][/tr][tr][td]","[/td][/tr][/table]");
        });
        });
      });
Em seguida, substitua seu CSS do tutorial, por este:
Código:
.sucesso, .alerta, .aviso, .infos {
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset;
padding: 0 0 10px;
text-shadow: 0 1px 0 #FFFAF1;
width: 99%;
border: 1px solid #DBDBDB;
background-color: #FFF;
}
/* SUCESSO IMAGEM */
.sucesso_img {
background: url(http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png) no-repeat 6px transparent;
padding: 10px!important;
}
.sucesso_img font {
margin-left: 5%;
}

/* ALERTA IMAGEM */
.alerta_img {
background: url(http://cdn1.iconfinder.com/data/icons/nuvola2/32x32/actions/messagebox_warning.png) no-repeat 6px transparent;
padding: 10px!important;
}
.alerta_img  font {
margin-left: 5%;
}

/* AVISO IMAGEM */
.aviso_img {
background: url(http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png) no-repeat 6px transparent;
padding: 10px!important;
}
.aviso_img  font {
margin-left: 5%;
}

/* INFOS IMAGEM */
.infos_img {
background: url(http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png) no-repeat 6px transparent;
padding: 10px!important;
}
.infos_img  font {
margin-left: 5%;
}
Salve e veja. Piscada

Atenciosamente,
Shek


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17159
Pontos Ativos : 21416

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Mensagens de aviso

Mensagem por SilentX em 26/09/14, 07:21 pm

Está perfeito, mas tenho uma dúvida. O acesso estará reservado somente a administradores/moderadores?
avatar

SilentX
Nível 3

Masculino
Inscrito dia : 17/09/2014
Mensagens : 24
Pontos Ativos : 35

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

Resolvido Re: Mensagens de aviso

Mensagem por Shek em 27/09/14, 12:10 am

Não, este código é aberto para todos os grupos e membros. Feliz


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17159
Pontos Ativos : 21416

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Mensagens de aviso

Mensagem por SilentX em 27/09/14, 08:38 am

Pois, mas se for possível queria reservado a administradores/moderadores. Será possível?
avatar

SilentX
Nível 3

Masculino
Inscrito dia : 17/09/2014
Mensagens : 24
Pontos Ativos : 35

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

Resolvido Re: Mensagens de aviso

Mensagem por Sennior em 27/09/14, 04:49 pm

Saudações,

Altere o código pelo abaixo:
Código:
jQuery(function () {
    if (_userdata["user_level"] == 1 || _userdata["user_level"] == 2) {
  jQuery(function(){
      jQuery(function(){
        jQuery('<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(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class='sucesso'][tr bgcolor='#8AC443'][td colspan='2' class='sucesso_img'][color=#ffffff]Mensagem enviada![/color][/td]
[/tr][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<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(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class='alerta'][tr bgcolor='#C54346'][td colspan='2'class='alerta_img'][color=#ffffff]Mensagem enviada![/color][/td][/tr][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<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(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class='aviso'][tr bgcolor='#C6C93F'][td colspan='2'class='aviso_img'][color=#ffffff]Mensagem enviada![/color][/td][/tr][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<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(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class='infos'][tr bgcolor='#418DC7'][td colspan='2'class='infos_img'][color=#ffffff]Mensagem enviada![/color][/td][/tr][tr][td]","[/td][/tr][/table]");
        });
        });
      });
    }
});

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: Mensagens de aviso

Mensagem por SilentX em 27/09/14, 06:51 pm

Shek, Sennior, muito obrigado pela ajuda que me deram.

Cumprimentos
avatar

SilentX
Nível 3

Masculino
Inscrito dia : 17/09/2014
Mensagens : 24
Pontos Ativos : 35

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

Resolvido Re: Mensagens de aviso

Mensagem por Shek em 27/09/14, 07:04 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para Questões resolvidas.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17159
Pontos Ativos : 21416

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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