Box's de aviso personalizadas

Nome do Arquivo: Box's de aviso personalizadas
Autor: Gifthub
Funcionalidade: Todas as versões
Categoria: Recursos de Outros Autores

O resultado deste tutorial pode ser verificado neste tópico.
É muito simples de obtê-lo, basta seguir o tutorial abaixo.
Acesse sua folha de estilo CSS
Visualização Imagens e Cores Cores Folha de estilo CSS

E adicione o seguinte código la

Código:


/* AVISOS - INICIO */
#sucesso,#erro,#alerta,#inform,#texto,#aviso{overflow:hidden;background-image:url(http://i.imgur.com/1dMIIUh.png);background-attachment:scroll;border-radius:4px;cursor:default;background-position:0% 0%;background-repeat:repeat no-repeat;padding:13px}#sucesso{border:rgb(80,194,78) 1px solid;background-color:rgb(144,238,144);color:rgb(0,100,0);box-shadow:rgba(0,0,0,0.0980392) 0px 2px 4px}#alerta{background-color:red;border:rgb(139,0,0) 1px solid;color:rgb(255,255,255);box-shadow:rgba(0,0,0,0.0980392) 0px 2px 4px}#inform{background-color:rgb(255,234,168);border:rgb(255,194,55) 1px solid;color:rgb(130,98,0);box-shadow:rgba(0,0,0,0.0980392) 0px 2px 4px}#aviso{background-color:rgb(87,183,226);border:rgb(11,144,196) 1px solid;color:#16598F;box-shadow:rgba(0,0,0,0.0980392) 0px 2px 4px}#texto{background-color:rgb(255,255,255);border:rgb(204,204,204) 1px solid;color:rgb(68,68,68);box-shadow:rgba(0,0,0,0.0980392) 0px 2px 4px}
/********** AVISOS FIM **********/


Pronto ja esta instalado, para usar basta usar algum dos códigos abaixo nas mensagens.

Código:

<div id="sucesso">Mensagem de Sucesso!</div>

Código:

<div id="alerta">Mensagem de Alerta!</div>

Código:

<div id="inform">Mensagem de Informação!</div>

Código:

<div id="aviso">Mensagem de Aviso!</div>

Código:

<div id="texto">Apenas um texto!</div>

Basta que você modifique o texto para o que lhe agrade mais;

Problemas em copiar? Veja o [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] destes códigos!

Duvidas? Deixe nos comentários. Se te ajudei, repute!

Vou textar ja ja edito  

 
Edit: Não funciono aki amigo :S

Maritimo escreveu:

SCOLFIELD

talvez vc num deve ter colocado  as divs exemplo:

Código:

<div id="sucesso">Seu conteudo</div>

eu so burro mais não exagera ne kk

SCOLFIELD escreveu:

Maritimo escreveu:

SCOLFIELD

talvez vc num deve ter colocado  as divs exemplo:

Código:

<div id="sucesso">Seu conteudo</div>

eu so burro mais não exagera ne kk

 Me envie o link do seu fórum?

Sim claro amigo: http://hacks.forumbrasil.net/

SCOLFIELD escreveu:Sim claro amigo: http://hacks.forumbrasil.net/

 Muito estranho, verifiquei o código em seu fórum, e eles esta correto. Certifique-se de que o HTML está ativado em seu fórum!

Muito Bom Amigo

Wagner' escreveu:

SCOLFIELD escreveu:

Maritimo escreveu:

SCOLFIELD

talvez vc num deve ter colocado  as divs exemplo:

Código:

<div id="sucesso">Seu conteudo</div>

eu so burro mais não exagera ne kk

 Me envie o link do seu fórum?

Pra que funcione o HTML precisa estar ativo em teu fórum amigo... verifique em seu painel.
Obrigado por postar o tutorial.

po daora quer dizer que vc criou?:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

FulanoDeTal escreveu:po daora quer dizer que vc criou?:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

 e quem falou que eu criei? eu adaptei pra forumeiros e postei aqui --'

adapto = mudar id's

[b style="margin: 0px; padding: 0px; color: rgb(90, 90, 90); font-family: helvetica, arial, sans-serif; line-height: 20px; background-color: rgb(251, 251, 251);"]Autor:[/b] Wagner'

FulanoDeTal escreveu:adapto = mudar id's

[b style="margin: 0px; padding: 0px; color: rgb(90, 90, 90); font-family: helvetica, arial, sans-serif; line-height: 20px; background-color: rgb(251, 251, 251);"]Autor:[/b] Wagner'

 Em Autor pensei que fosse o autor do tópico, mas ja que isso te incomoda tanto, arrumei os créditos. Esta satisfeito? --'

Curti!

 Obrigado.

Toda vida que eu for querer usar está caixa de mensagem, vou ter que escrever os códigos?

Olá, e como faz para adicionar em BBCode como aqui no fórum?

[sucesso=Tutorial aceito][/sucesso]

Muito bom

Resultou. =D

Nossa, tutorial parou de funcionar em '-'

Latysh escreveu:Nossa, tutorial parou de funcionar em '-'

Só irá funcionar se o HTML estiver ativo em seu fórum, por favor não faça comentários no tutorial, se tiver alguma dúvida de como fazer o código surtir efeito, crie um tópico. Até!

Feio

[aviso=Tópico movido]Este tópico foi movido ou fechado.[/aviso]
Tópico movido para: Arquivos tópicos antigos

Um novo tutorial está disponível nesse tópico: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]