Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Box de avisos

4 participantes

Início :: Forumeiros :: NostalgiaBox de avisos

RafaelS. RafaelS.  • Seg 11 Nov 2013 - 13:08

Box de avisos Empty Box de avisos Seg 11 Nov 2013 - 13:08

Qual é minha questão:
Olá!

Eu gostaria de adicionar este box ao meu fórum de ( sucesso, alerta, aviso e informação )!
Eu já procurei aqui na Best skins, e encontrei um tópico, mas só daria se desse quote, mais o mesmo esta bloqueado!

Aqui uma imagem:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Até!

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Gmtp Gmtp  • Seg 11 Nov 2013 - 13:20

Box de avisos Empty Re: Box de avisos Seg 11 Nov 2013 - 13:20

Reputação da mensagem: 100% (2 votos)
Olá!

CSS:
Código:
/* Novos botões BBcode */  .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://i.imgur.com/RBvW9TU.png') no-repeat 6px #effeb9; border: 1px solid #9ac601; color: #4F8A10; } .alerta { background: url('http://i.imgur.com/hvDj7Jh.png') no-repeat 6px #fccac3; border: 1px solid #db3f23; color: #D8000C; } .aviso { background: url('http://i.imgur.com/AsBvRXj.png') no-repeat 6px #ffeaa9; border: 1px solid #f9b516; color: #9F6000; } .infos { background: url('http://i.imgur.com/a8smoqO.png') no-repeat 6px #d1e4f3; border: 1px solid #4d8fcb; color: #00529B; } 
Javascript:
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]");
    });
    });
  });
Investimento: Nos tópicos.

Até mais.

RafaelS. RafaelS.  • Seg 11 Nov 2013 - 13:28

Box de avisos Empty Re: Box de avisos Seg 11 Nov 2013 - 13:28

Olá meu caro!

Obrigado por ajudar mas eu prefiro os novos

Resultado do seu código: [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

O que eu realmente desejo:
[infos=Box]Box[/infos] ´

Até

Gmtp Gmtp  • Seg 11 Nov 2013 - 14:56

RafaelS. RafaelS.  • Seg 11 Nov 2013 - 15:37

Box de avisos Empty Re: Box de avisos Seg 11 Nov 2013 - 15:37

Olá,

Ficou exatamente igual. Ó código CSS que você me passou é o que esta no tutorial

Até mais!

= Não resolvido!

Daemon Daemon  • Seg 11 Nov 2013 - 16:27

Box de avisos Empty Re: Box de avisos Seg 11 Nov 2013 - 16:27

Leia esta mensagem: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Até mais! Wink'

RafaelS. RafaelS.  • Seg 11 Nov 2013 - 16:40

Box de avisos Empty Re: Box de avisos Seg 11 Nov 2013 - 16:40

Olá Daemon

O código está bugado! Olhe como está o código do tutorial!

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
O código bugou, terei de fazer quote mas o mesmo esta bloqueado!

Até

GSCode GSCode  • Qui 21 Nov 2013 - 18:40

Box de avisos Empty Re: Box de avisos Qui 21 Nov 2013 - 18:40

Olá,

10 dias sem Resposta! Tópico dado como inativo.
[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]
Até +
GC

Conteúdo patrocinado  • 

Box de avisos Empty Re: Box de avisos

Início :: Forumeiros :: Nostalgia:: Box de avisos
Permissões neste sub-fórum
Não podes responder a tópicos