Categoria: CSS

Como criar um formulário bonito sem tabela

Em 08.17.09, Em CSS, Tutoriais, Web Design, por mayramoretti

Esse tutorial explica como fazer um formulário bonito sem o uso de tabela, apenas com o uso de CSS. 1º Passo Crie uma estrutura básica de HTML <form>           <div class=”box”>             <h1>Contact Form :</h1>             <label>         [...]

25 Drop-Down Menus

Em 08.03.09, Em CSS, Web Design, por mayramoretti

Drop-Down Menu (conhecido também como pull-down menu) é essencial na maioria das páginas da Web que contém muitos links e submenus, assim deixando uma página clean e organizada sem muitas informações. Tem um importante papel na criação de efeitos para o usuário, deixando o site com um design interativo e amigável. Segue alguns exemplos de [...]

Técnica CSS – Bordas arredondadas

Em 07.17.09, Em CSS, Web Design, por mayramoretti

Este é um exemplo de como deixar os cantos de um box  arredondados, porém,  funcional apenas no Firefox  e Safari e Chrome. Exemplo:   Código: —————————————————————————————————— <html>  <head>  <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>  <title>Bordas Arredondadas</title>  <style type=”text/css”>  #box{   width:400px;   height:100px;   background-color:#CCC;   -moz-border-radius: 15px;   -webkit-border-radius: 15px;   border: 2px solid #999;  }  h1{   color:#333;   font-family:Verdana, Geneva, sans-serif;   font-size:16px;   text-align:center; [...]

3 importantes CSS Hacks para IE

Em 07.03.09, Em CSS, Web Design, por mayramoretti

   1ª <!–[if lte IE 6]> <![endif]–> Primeiro crie um arquivo css que fique bom para o Mozilla, depois crie um arquivo css substituto que fique basicamente igual só que para o Internet Explorer. Código: <link rel=”stylesheet” href=”style.css” type=”text/css” /> <!–[if lte IE 6]> <link rel=”stylesheet” href=” styleie6.css ” media=”screen” /> <![endif]–> O mesmo código [...]