Primeiro substitua a tag <html> pelo código abaixo !
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Exemplo de como irá ficar a borda no seu blogCopie o código abaixo e cole no seu CSS.
Hospedar sua imagem (a que vai colocar na borda) e colocar no lugar do imagem.png
bordaimagem: hover e uma segunda borda que da um efeito quando passar o mouse em cima portanto use uma imagem diferente da primeira.
.bordaimagem {
background-image: url('imagem.png');
border: 1px solid #a3b9f1;
padding: 7px;
margin: 3px;}
.bordaimagem:hover {
background-image: url('imagem.png');
border: 1px solid #FFB3CE;
padding: 7px;
margin: 3px;}
background-image: url('imagem.png');
border: 1px solid #a3b9f1;
padding: 7px;
margin: 3px;}
.bordaimagem:hover {
background-image: url('imagem.png');
border: 1px solid #FFB3CE;
padding: 7px;
margin: 3px;}
Sempre que for usar a borda, acrescente o
<img src="imagem.gif" class="bordaimagem">
Bem-vindo ao Lojinha poke star este blog lindo e fofo ♥ Que está no ar des de 04/03/2009 em sua 15ª versão 
: 30/12/11 
: Noite
: Frio 
: Nada
: Nada
: Nada
: Shorts , Camisa
: Nada
: Retrospectiva 2011
: Tumblr,blogger
: Ano novo
: Off
Total:
Nenhum comentário:
Postar um comentário