Dicas para Blogs e Sites

Como criar diversos efeitos em links, textos ou imagens usando códigos CSS, nós já publicamos muitos tutoriais sobre CSS, colocar efeitos nos links do blog, trocar cores de fundo e muito mais.


Mas o que faltou foi uma lista de estilos CSS para quem está começando a usar esses códigos então vamos fazer isso agora.

color: #000 - cor do texto, veja aqui o Código HTML das Cores. Lembramos que esse código das cores é valido para qualquer estilo CSS, portanto também é possível trocar a cor de fundo ou bordas coloridas com o código HTML da cor que desejar.

font-family: Verdana, Geneva, sans-serif; - tipo de letra utilizada
font-size: 12px; - tamanho das letras

background-color:#ccc - Cor de fundo

border: 1px solid #000 - Criar bordas(Colocar ou alterar as bordas). Isto pode ser usando em imagens ou texto, veja aqui um tutorial mais detalhado sobre bordas

Combinando esses estilos é possível criar efeitos legais em link ou até mesmo botões sem usar imagens apenas combinando as cores de fundo com a borda. Mas, além disso, veja alguns outros códigos CSS úteis para seu blog:
Efeito Girar (Rotacionar) Imagens ao Passar o Mouse usando CSS
Criar e Colocar um Menu com SubMenu com CSS no Blog
Como Colocar Efeito Arco-Íris nos Links do Blog

O que é possível fazer com CSS?

Praticamente tudo porque os códigos podem ser combinados de infinitas maneiras criando efeitos incríveis em links, textos e imagens. Naturalmente existem muitos outros Códigos CSS para usar no Blog que não mencionamos, mas como já falamos no começo isso é um guia básico e aprendendo a combinar esses códigos já conseguirá modificar muitas coisas no seu template.

Marcadores: CSS, Efeitos