Boas-vindas ao Power Pixel

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

Níveis de alerta

+9
Desadikta
tdias72
Tech-Downloads
EpochZ124
Koda
Noumi
Lucas Carvalho
eby
iConnect
13 participantes

Início :: Forumeiros :: Dicas e tutoriais Níveis de alerta

iConnect iConnect  • Seg 11 Ago 2014 - 10:59

Níveis de alerta Empty Níveis de alerta Seg 11 Ago 2014 - 10:59

Reputação da mensagem: 100% (28 votos)
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Nome do Arquivo:  Níveis de alerta v2
Autor: Desconhecido
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins

Crie um JavaScript com investimento nos tópicos:
[poll]
Código:
//Alerta 1

$(function(){
      $(function(){
        $('<a class="sceditor-button" unselectable="on"><div unselectable="on" style="background-image:url(http://i42.servimg.com/u/f42/17/32/13/00/40px-i10.png)">a</div></a>').insertBefore('.sceditor-button-size').click(function(){
                $('#text_editor_textarea').sceditor("instance").insertText("<div class=\'alert\'>Alerta 1</div>");
         });
      });
});

//Alerta 2

$(function(){
      $(function(){
        $('<a class="sceditor-button" unselectable="on"><div unselectable="on" style="background-image:url(http://i42.servimg.com/u/f42/17/32/13/00/40px-a10.png)">a</div></a>').insertBefore('.sceditor-button-size').click(function(){
                $('#text_editor_textarea').sceditor("instance").insertText("<div class=\'alert2\'>Alerta 2</div>");
         });
      });
});

//Alerta 3

$(function(){
      $(function(){
        $('<a class="sceditor-button" unselectable="on"><div unselectable="on" style="background-image:url(http://i42.servimg.com/u/f42/17/32/13/00/120px-10.png)">a</div></a>').insertBefore('.sceditor-button-size').click(function(){
                $('#text_editor_textarea').sceditor("instance").insertText("<div class=\'alert3\'>Alerta 3</div>");
         });
      });
});
[/poll]


Agora adicione à sua folha de estilo css:
[poll]
Código:
/*Níveis de Alerta*/
.alert{border:2px solid #000;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
    background-repeat:no-repeat;background-position:10px center;background-color:#BDE5F8;
    background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-i10.png');
    -webkit-border-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius: 8px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.alert2{border:2px solid #000;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
    background-repeat:no-repeat;background-position:10px center;background-color:#ffcc00;
    background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-a10.png');
    -webkit-border-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius: 8px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.alert3{border:2px solid #000;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
    background-repeat:no-repeat;background-position:10px center;background-color:#ff5c5c;
    background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/120px-10.png');
    -webkit-border-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius: 8px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
[/poll]

Espero que gostem.

iConnect iConnect  • Dom 17 Ago 2014 - 1:00

Níveis de alerta Empty Re: Níveis de alerta Dom 17 Ago 2014 - 1:00

[sucesso=Tutorial aceito][/sucesso]Movido para: Dicas e Tutoriais

eby eby  • Dom 17 Ago 2014 - 17:00

Níveis de alerta Empty Re: Níveis de alerta Dom 17 Ago 2014 - 17:00

thnxxx  Smile

Lucas Carvalho Lucas Carvalho  • Ter 9 Set 2014 - 22:12

Níveis de alerta Empty Re: Níveis de alerta Ter 9 Set 2014 - 22:12

No meu não resultou, pode explicar?

Noumi Noumi  • Sáb 18 Out 2014 - 20:21

Níveis de alerta Empty Re: Níveis de alerta Sáb 18 Out 2014 - 20:21

[alerta="Não esta pegando"]0[/alerta]

Bem não esta querendo funcionar, fiz tudo certo

iConnect iConnect  • Sáb 18 Out 2014 - 20:52

Níveis de alerta Empty Re: Níveis de alerta Sáb 18 Out 2014 - 20:52

Olá,
Crie tópico para a sua dúvida amigo, assim podemos o ajudar.

Até Mais...

Koda Koda  • Qui 5 Fev 2015 - 22:51

Níveis de alerta Empty Re: Níveis de alerta Qui 5 Fev 2015 - 22:51

Muito legal, gostei pra caramba

EpochZ124 EpochZ124  • Qui 19 Fev 2015 - 1:40

Níveis de alerta Empty Re: Níveis de alerta Qui 19 Fev 2015 - 1:40

muito show !! Razz
Thankspelo codigo !

Tech-Downloads Tech-Downloads  • Sáb 21 Fev 2015 - 21:07

Níveis de alerta Empty Re: Níveis de alerta Sáb 21 Fev 2015 - 21:07

ja andava a procura a mutio tempo obrigado

tdias72 tdias72  • Qua 25 Fev 2015 - 17:53

Níveis de alerta Empty Re: Níveis de alerta Qua 25 Fev 2015 - 17:53

obrigado

Desadikta Desadikta  • Sex 1 maio 2015 - 3:48

Níveis de alerta Empty Re: Níveis de alerta Sex 1 maio 2015 - 3:48

gracias Very Happy man posteo para ver

Ninja Ninja  • Sáb 9 maio 2015 - 20:02

Níveis de alerta Empty Re: Níveis de alerta Sáb 9 maio 2015 - 20:02

Muito obrigado cara por compartilha

S1L3NC3 S1L3NC3  • Qua 27 maio 2015 - 0:16

Níveis de alerta Empty Re: Níveis de alerta Qua 27 maio 2015 - 0:16

iConnect escreveu:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Nome do Arquivo:  Níveis de alerta v2
Autor: Desconhecido
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins

Crie um JavaScript com investimento nos tópicos:
[poll]
Código:
//Alerta 1

$(function(){
      $(function(){
        $('<a class="sceditor-button" unselectable="on"><div unselectable="on" style="background-image:url(http://i42.servimg.com/u/f42/17/32/13/00/40px-i10.png)">a</div></a>').insertBefore('.sceditor-button-size').click(function(){
                $('#text_editor_textarea').sceditor("instance").insertText("<div class=\'alert\'>Alerta 1</div>");
         });
      });
});

//Alerta 2

$(function(){
      $(function(){
        $('<a class="sceditor-button" unselectable="on"><div unselectable="on" style="background-image:url(http://i42.servimg.com/u/f42/17/32/13/00/40px-a10.png)">a</div></a>').insertBefore('.sceditor-button-size').click(function(){
                $('#text_editor_textarea').sceditor("instance").insertText("<div class=\'alert2\'>Alerta 2</div>");
         });
      });
});

//Alerta 3

$(function(){
      $(function(){
        $('<a class="sceditor-button" unselectable="on"><div unselectable="on" style="background-image:url(http://i42.servimg.com/u/f42/17/32/13/00/120px-10.png)">a</div></a>').insertBefore('.sceditor-button-size').click(function(){
                $('#text_editor_textarea').sceditor("instance").insertText("<div class=\'alert3\'>Alerta 3</div>");
         });
      });
});
[/poll]


Agora adicione à sua folha de estilo css:
[poll]
Código:
/*Níveis de Alerta*/
.alert{border:2px solid #000;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
    background-repeat:no-repeat;background-position:10px center;background-color:#BDE5F8;
    background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-i10.png');
    -webkit-border-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius: 8px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.alert2{border:2px solid #000;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
    background-repeat:no-repeat;background-position:10px center;background-color:#ffcc00;
    background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-a10.png');
    -webkit-border-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius: 8px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.alert3{border:2px solid #000;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
    background-repeat:no-repeat;background-position:10px center;background-color:#ff5c5c;
    background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/120px-10.png');
    -webkit-border-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius: 8px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
[/poll]

Espero que gostem.
Obrigado mano tava precisando ^^

lel lel  • Ter 2 Jun 2015 - 14:41

Níveis de alerta Empty Re: Níveis de alerta Ter 2 Jun 2015 - 14:41

Obrigado por partilhar!

deaneo8 deaneo8  • Qui 2 Jul 2015 - 12:19

Níveis de alerta Empty Re: Níveis de alerta Qui 2 Jul 2015 - 12:19

nice topic bro keep up the good work

Conteúdo patrocinado  • 

Níveis de alerta Empty Re: Níveis de alerta

Início :: Forumeiros :: Dicas e tutoriais:: Níveis de alerta
Permissões neste sub-fórum
Não podes responder a tópicos