Convertendo códigos CSS para diferentes navegadores

Por muitas vezes, disponibilizamos códigos que funcionam em um só navegador (como por exemplo, somente para o Chrome). Mas isso acaba deixando o blog feio para alguns e bonitos para outros. É por esse motivo, que iremos aprender como converter os códigos em CSS para todos os navegadores mais utilizados (Chrome, Firefox e Opera).

Personalizando opção input radio com CSS

Com o CSS hoje em dia, é bem simples fazer personalizações que antes de ser descoberto era impossível de se fazer. Hoje, iremos aprender como personalizar as listas de opções do formato input radio – para quem não lembra a bolinha que faz a seleção. Ele funciona no formato WebKit (formato utilizado no Google Chrome, Safari, entre outros). Iremos mostrar como converter para outros formatos (-moz, -o, etc.) esses códigos. Vamos começar?

Adicionando menu posicionado no topo do blog

Olá queridos leitores, hoje trago à vocês um menu posicionando no topo do seu blog onde você poderá colocar os link que quiser e personalizá-lo como quiser! O menu tem um estilo simples, mas elegante. Ele não rola junto com seu blog, ele sempre ficará "preso" no topo do blog sem sair do lugar. Caso queira ver a demonstração, clique aqui.

O que é e como usar a propriedade Box-Shadow em blogs do Blogger

Hoje aprenderemos a usar a propriedade Box-Shadow em botões, imagens, caixas de textos, etc. Como falei no artigo anterior, a propriedade Box-Shadow só coloca a sombra m imagens, elementos (como sidebar, área de postagens, etc), botões, entre outros. Para se utilizar a sombra em textos (como o texto de um botão, de um elemento, etc) teremos que utilizar a propriedade Text-Shadow. Vamos lá?

Aplicando sombra nos textos com a propriedade Text-Shadow

Olá queridos leitores! Vamos aprender hoje a adicionar sombra nos textos de qualquer elemento em seu blog. O nosso que se dá há este efeito, chama-se de Text-Shadow. Existe outra propriedade que se chama Box-Shadow, mas ela tem outro funcionamento, se você adicionar ela em textos, não ira funcionar. Mas se você aplicar em boxes, imagens e botões ele funciona. Mas isso é assunto para outro artigo. Bom, como todo efeito ele funciona em todos os navegadores perfeitamente com exceção do Internet Explorer, que não aparece a sombra. Veremos como fazer ele aparecer mais a frente.

Rotacionando elementos de um blog com CSS no Blogger

Hoje vamos aprender algo bem legal e divertida! Vamos aprender a rotacionar alguns elementos dentro do seu blog, você pode “rodar” o rodapé, sidebar, jump link, ou qualquer outro objeto. A rotação só é possível se tive auxílio do CSS. A rotação é muito simples, qualquer um consegue “fazer” essa rotação. Vamos começar?

Personalizando as imagens do blog com CSS

Hoje vamos aprender a personalizar as imagens do seu blog com o estilo CSS. Vamos colocar bordas, bordas hover e transition. Vamos deixá-las mais chiques. No meu vocês podem perceber que há um box-shadow nas imagens, mas para não ficar igual, eu retirei o shadow do código que irei disponibilizar e coloquei o efeito hover. 

Ele é bem útil, alem de não deixar seu blog pesado, fica ao seu gosto. Lembrando que você pode personalizar as cores e adicionar mais efeitos se preferir. Vamos começar.