Em nossos sites ou blogs é muito comum precisarmos dar algum aviso para um usuários, seja sobre uma validação, algum erro, ou simplesmente para interagir com o mesmo solicitando alguma informação.
E nada melhor do que poder mostrar estas informações dentro de um box cheio de estilo, que chame a atenção do usuário para aquela informação. E é justamente isso que irei ensinar nesta aula, como criar e estilizar boxes para exibir avisos e informações em seu site de maneira elegante. Além do assunto principal da aula, darei uma dica de como economizar linhas de código em seu CSS utilizando um exemplo muito simples.
E você, gostou desta aula? O que achou do resultado final? Deixe seu comentário e partcipe com sua opinião...
Legal pra caramba
valeu cara
Olá ricardo, olha gostei da dica das classes eu mesmo trabalho com html a tempos e nun sabia dessa, outra coisa o vi que você usa o aptana studio ele é melhor que o dreamweaver?
O simples fato de ser gratuito o torna melhor na minha opinião, mas tudo é uma questão de gosto.
é uma vantagem ele ser gratuito, ele é mais leve que o Dreamweaver?
Douglas, aconselho testá-lo, pois não se escolhe uma IDE com base no que os outros acham dela, mas sim pelo quanto ela lhe é útil e prática para uso.
Ok, vou testar aqui, novamente obrigado por responder.
Muito bom :D
Muito bom Ricardo o tutorial, obrigado!
Ola Ricardo,
quero tirar um duvida com você, nao estou conseguindo fazer o procedimento para estilo que voce aplicou div com css, tenho seguinte estrutura:
html
<div id="formulario border"> <form ....> ...... </form> </div css #border{ border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; } #formulario{ background-color: #EEEEEE; box-shadow: inset 0 0 0.5em #434343; }e nao consego aplicar estilo form para deixar as borda arredondadas
Use classe para as bordas e não ID. Porém note que você não tem borda no formulário, logo não irá surtir efeito visual no mesmo.
Muito bacana, só que não funciona no IE.