AgitaGAMES


Bem Vindos ao AgitaGAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!






Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

avatar
Administrador
[Você precisa estar registrado e conectado para ver este link.]

Nome do Arquivo: [Tutorial] 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 [Você precisa estar registrado e conectado para ver este link.].
É muito simples de obtê-lo, basta seguir o tutorial abaixo.
Acesse sua folha de estilo CSS
Visualização :seta:Imagens e Cores :seta:Cores :seta:Folha de estilo CSS

E adicione o seguinte código lá:


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 [Você precisa estar registrado e conectado para ver este link.] destes códigos!

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





Outras Sign´s::






 
Ver perfil do usuário http://www.zonetoony.net/
avatar
Administrador
Gostei muito do estilo delas e o melhor é que elas não são apenas para forums, vou usa-las em sites que tenho mais experiencia =)



Assinatura em construção!
Ver perfil do usuário http://openhosting.net
avatar
Administrador
Sim, ela funciona em tudo quanto é site.

Sem problema nenhum.

Caso queira um tutorial para site é só fala!





Outras Sign´s::






 
Ver perfil do usuário http://www.zonetoony.net/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum