Abaixo segue uma seleção de fontes seguras para utilização na web que você pode usar com folhas de estilo CSS. “WEB Safe” fontes significa que serão extremamente comuns na maioria das versões do Windows, Mac, Linux etc, então elas podem ser vistas basicamente por todos. Junto com cada exemplo segue o preview da fonte e o código, podendo copiar e colar em seu CSS. Caso queira compartilhar mais alguma fonte [...]
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>         <span>Full name</span>         <input type=”text” class=”input_text” [...]
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 menus Drop-down em CSS , CSS + Java Script e menus que funcionarão com sua [...]
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;   margin-top:40px;  }  </style>  </head>    <body>   <div id=”box”><h1>Bordas Arredondadas</h1></div><br />  </body> </html> —————————————————————————————————— Até breve! [...]
  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 serve para IE7 e IE8, é só substituir o número 6. 2ª Inline Para usar [...]
Use advanced navigation for a better experience.
You can quickly scroll through posts by pressing the above keyboard keys. Now press Esc to close this window.
