Category Archives: CSS

03.08.2011

Adicionando a slug do post como classe no body em WordPress

Adicionando a slug do post como classe no body em WordPress

Usar as classes inseridas da função body_class aumenta muito o seu poder de customização de CSS em seu projeto em WordPress. Por padrão o WordPress insere algumas classes como: ID do post, o tipo de post, o template usado, entre outras coisas. Mas as vezes isso não é o bastante. Em um post anterior eu ensinei como adicionar o nome do navegador como classe na função body_class. Neste post vou mostrar uma função simples que vai adicionar o tipo e slug de um post como classe na tag body. (mais…)

18.07.2011

Adicionando o nome do navegador como classe na tag body no WordPress

Adicionando o nome do navegador como classe na tag body no WordPress

Um problema comum que todo desenvolvedor encontra quando desenvolve seu código html/css é a falta de compatibilidade entre os navegadores (browsers), principalmente se tratando de Internet Explorer (IE). Somos obrigados a usar de diversos meios para poder fazer com que o código seja renderizado de formas diferentes em cada navegador.

Se você está usando o WordPress e precisa criar estilos diferentes para cada navegador, uma boa maneira de fazer isso é adicionar o nome do navegador como classe no elemento body do HTML. (mais…)

02.06.2010

Use diferentes fontes com o Google Font API

A maior decepção para a maioria dos web-designers é não poder usar vários tipos de fontes quando vão fazer um layout para um site em HTML onde o texto é dinâmico. (mais…)

31.05.2010

Como rodar IE6, IE7, IE8, Firefox e outros no seu PC [Atualizado]

Um problema que todo desenvolvedor de HTML/CSS passa é na hora de testar seu site em diferentes tipos de navegadores. Principalmente quando falamos de IE, que é o navegador que mais complica o trabalho do desenvolvedor. (mais…)

04.03.2010

BUG de margem (margin) duplicada no IE 6

Quem desenvolve HTML a um tempo já se deparou com esse BUG diversas vezes no IE 6. Quando você define uma margem (margin) para um elemento, e esse elemento recebe um float para a mesma direção da margem, ocorre o BUG de duplicação de margem no IE 6. (mais…)

22.09.2009

Firebug, plugin para Firefox

O Firebug é um plugin para Firefox essencial para qualquer desenvolvedor web. Ele permite ao desenvolvedor depurar, editar e monitorar CSS, HTML, DOM e JavaScript em tempo real na página. (mais…)

15.09.2009

Centralizando um elemento na vertical e na horizontal com posição absoluta

A técnica para centralizar um elemento tanto na vertical como na horizontal com position:absolute (posição absoluta) é muito simples e útil: (mais…)

09.09.2009

Frameworks em CSS

Um Frameworks em CSS é composto por um conjunto de classes e ou ids que geralmente mais usamos em nossos projetos. Existe diversos tipos de Frameworks para CSS já desenvolvidos, que reúnem diversos elementos com o intuito de minimizar o esforço do desenvolvedor. (mais…)

08.09.2009

Usando CSS Reset

Hoje em dia, o maior problema de quem trabalha com HTML/CSS é as diferentes formas que os elementos e suas propriedades são apresentados pelos diferentes navegadores. O que causa muita dor de cabeça para quem quer construir um site Cross-browser (um site igual em todos os navegadores). (mais…)

04.09.2009

Destacar link da página atual com PHP

Uma maneira de melhorar a navegação do usuário pelo seu site, é destacando nos menus do site o link referente a página que ele se encontra. Assim o usuário não se sente perdido, tendo ele um ponto de referência. (mais…)