Currently viewing the category:
"Tableless"
Há algum tempo postei sobre como centralizar verticalmente e horizontalmente usando CSS, o que gerou alguns posts de visitantes revoltados porque não funcionava no IE7, fato que na época eu não tinha testado para essa versão do IE.
Então, mesmo depois de muito tempo da versão já lançada, deixo um novo post testados nos browsers [...]
Flash e CSS: Banner Flutuante
By Rogério Alencar Lino Filho On 4 de fevereiro de 2007 · 38 Comments · In CSS, Flash, Tableless, XHTML
Muitos sites, portais, adotaram o banner flutuante, aquele no qual ao você passar o mouse por cima ele “cresce” pela página e mostra os detalhes da propaganda, promoções, etc.
A idéia então consiste em posicionar o filme por cima dos outros elementos e ele tem que ter o fundo transparente para não “tampar” o conteúdo.
[...]
Uma grande dúvida que sempre surge é como centralizar um elemento no HTML, tanto verticalmente quanto horizontalmente, usando CSS.
Há duas maneiras de se fazer isso sem muito trabalho.
A primeira consiste em definir a posição do objeto como absolute e suas posições top e left com 50% e tirando a diferença (subtraindo) da metade [...]
Sempre é bom estarmos observando, conhecendo, novos layouts e aprendendo com eles.
Já existem inúmeros sites indexadores de sites Tableless (CSS Layout).
Abaixo segue uma listagem de alguns deles:
http://www.cssdrive.com/
http://cssvault.com/
http://www.cssbeauty.com/gallery/
http://www.cssimport.com/
http://www.stylecrunch.com/
http://www.csselite.com/
http://www.unmatchedstyle.com/
http://cssmania.com/
http://www.cssreboot.com/gallery/ [...]
Pullquote
By Rogério Alencar Lino Filho On 16 de dezembro de 2006 · Leave a Comment · In CSS, Tableless, XHTML
Pullquote é um efeito utilizado em jornais (revistas) para destacar uma certa parte do texto. Um exemplo aqui: link.
Esses efeitos podem ser criados na sua página usando CSS, há quem use também Javascript. Nesse exemplo usaremos apenas CSS.
Crie um novo arquivo HTML. O texto que receberá um destaque ficará [...]
Esses dias no Fórum do Flashmasters perguntaram como poderia fazer um campo de texto que não pudesse ser alterado, modificado. Mas que tivesse uma barra de rolagem.
A minha sugestão foi que ao invez de usar um textArea como ele queria, usa-se uma div mesmo, com overflow auto.
Exemplo:
CSS
#contrato {
width: [...]
Esse post será voltado para ensinar fazer um menu estilo navbar. Para ser mais específico será esse o menu.
Vejamos as principais características do menu: imagem de fundo, inline e efeito over.
Primeiramente vamos desenhar os botôes do menu, feito isso vamos exportar como gif, para que o fundo fique transparente.
Você deve estar se [...]
Nessa segunda estrutura vamos ver um exemplo de site “tipo portal”. Sem largura fixa, se estendendo na tela e mudando o tamanho (largura) dependendo da resolução do usuário (fluido).
Dividido em 5 partes – topo, coluna esquerda, coluna central, coluna direita e rodapé.
Agora que já sabemos como escrever um XHTML e temos uma referência de CSS, vamos fazer o nosso primeiro layout.
Primeiro temos que analisar o que queremos, ou que teremos de, exibir na página. Se vai ter [...]
Escrevendo o Primeiro XHTML
By Rogério Alencar Lino Filho On 11 de julho de 2006 · 3 Comments · In CSS, Semântica, Tableless, XHTML
Mãos à obra, vamos agora escrever nosso primeiro código XHTML. Abaixo o código já pronto e comentado:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”pt” lang=”pt”>
<head>
<title> Título </title>
<meta name=”Generator” content=”” />
<meta name=”Author” content=”” />
<meta name=”Keywords” content=”” />
<meta [...]
