Oficina da Net

Assine nosso RSS - Assine o RSS e receba as novidades do site em seu leitor.

página inicial do colunista | sobre | contato | rss

Nícolas Müller

Atributos CSS

Alguns atributos de CSS lhe permitem fazer diversas configurações em uma declaração. Veja o que são e o que eles representam: backgroundCor de fundo, imagem, transparência. background-attachment Rolagem do fundo / Marca d'água. background-image Imagem de fundo. background-color Cor de fundo ou transparência. background-position Posicionamento da imagem de fundo. background-repeat Configuração lado-a-lado da imagem de fundo. border Largura, estilo e cor de todas as 4 bordas. border-bottom Largura, estilo e cor da borda inferior. border-bottom-color Cor da citada borda. border-bottom-style Estilo da citada borda. border-bottom-width Largura da citada borda. border-color Cor das 4 bordas.

Assunto: Css Data: 17/07/2008 Comentários (0) Cliques: 751

Caixas de mensagens com CSS

Olá caro leitor. Passei por um blog americano e li sobre um assunto muito buscado e utilizado por desenvolvedores. Vou demonstrar como você pode criar e exibir caixas de mensagens estilosas na tela do usuários, utilizando CSS. Vamos primeiro tomar um rápido olhar para tipos de mensagens. 1. Mensagens de Informações O objetivo das mensagens de informação é informar o usuário sobre algo relevante. Isto deve ser apresentado em azul, porque as pessoas associam esta cor com a informação, independentemente do conteúdo. Isto poderia ser qualquer informação pertinente para uma ação do usuário. Por exemplo, pode mostrar alguma mensagem info ajudar informações relativas usuário atual acção ou algumas dicas. 2. Mensagens de sucesso Mensagens de sucesso devem ser exibidas após o usuário realizar uma operaçã.

Assunto: Css Data: 23/05/2008 Comentários (0) Cliques: 1918

Transparência com CSS

Olá caro leitor, hoje irei demonstrar como se faz transparência utilizando CSS, uma ferramenta muito útil se você quer fazer um site com alguns efeitos, é muito fácil de entender e utilizar. Digamos que teremos uma imagem ao fundo de nosso site e gostariamos de fazer um objeto com texto sobreposto e este por sua vez devendo ser com trasparência de 65%. Bom vou exemplificar o que falei com a imagem abaixo: Este será o resultado de nossa matéria. Segue o código HTML que utilizaremos: <div class="img"> <div class="transp"> Coloque o texto que você desejar aqui </div> </div> Agora o código CSS que utilizaremos: .img { w.

Assunto: Css Data: 20/02/2008 Comentários (3) Cliques: 2084

Agrupamento de seletores CSS

Uma regra CSS quando válida para vários seletores, estes podem ser agrupados. Separe cada seletor com uma vírgula. No exemplo abaixo agrupamos todos os elementos cabeçalho. A cor de todos os cabeçalhos será verde. h1, h2, h3, h4, h5, h6 {color: #00FF00;} O seletor classe Mas você não está restrito somente aos elementos HTML (tags) para aplicar regras de estilo! Você pode "inventar" um nome e com ele criar uma classe a qual definirá as regras CSS. E o mais interessante das classes, é que elas podem ser aplicadas a qualquer elemento HTML. E mais ainda, você pode aplicar estilos diferentes para o mesmo tipo de elemento do HTML, usando classes diferentes para cada um deles. A sintaxe para o seletor classe é mostrada abaixo. Elemento HTML mais um nome qualquer que você "inventa", precedido de . (ponto): elementoHTML.minhaclasse { propriedade: valor;}

Assunto: Css Data: 23/06/2007 Comentários (1) Cliques: 984

Categorias

Sobre

Nícolas Müller
Sou um profissional da área de internet, trabalho como programador, designer e desenvolvedor de sites, faz cerca de 8 anos que estou atuando na área .

Informações

• Total de colunas: 133
• Leituras em suas colunas: 206.441

RSS

Assine o RSS das matérias

Artigos mais lidos