Mensagens de aviso

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.

Boa tarde!

Sim, há como com CSS. 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 escreveu:Boa tarde!

Sim, há como com CSS. 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.

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.

Atenciosamente,
Shek

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

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

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

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.

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

Cumprimentos