sábado, 26 de novembro de 2011

Como fazer uma "etiqueta" fixa na lateral do seu site ou blog.

Há alguns dias estava teclando com o Bruno Palermo (um amigo  game designer) sobre algo que fosse simples de implementar e  ao mesmo tempo desse um efeito bonito nas páginas, então ele teve a idéia das "etiquetas". A coisa é tão simples que você se pergunta como não pensou nisso antes. O segredo está em deixar uma imagem fixa na lateral com um z-index alto para que se sobreponha sobre todo o conteúdo do site. Como o meu logo (também idéia do Bruno) que fica aqui na lateral direita do blog. Bora lá...

No CSS:


No HTML


Não é fácil?
Eu coloque imediatamente após a tag <body>, mas não faz diferença pois o z-index mais alto que todo o conteúdo garante que ele não interfira com nada (claro que você deve garantir que ele não fique em cima de textos etc)
Até a próxima...

Nenhum comentário:

Postar um comentário