Css para flickr - Imagem hover - codigos para agenda

Com esses códigos você poderá configuras tamanho e bordas do seu flickr a ser exibidos no seu blog:
! - Para isso cole no seu style css do seu blog:

#flickr {
padding: 0px;
padding-left: 15px;
margin: 0px;
border: 0;}
#flickr a img {
/*coloque aqui o tamanho do flickr- altura e largura*/
width:40px;
height:40px;
/*Bodas do flickr- configure as cores e largura das bordas*/
border: 3px #FF80C0 solid;
padding: 3px;
margin: 6px 3px 0px;}
#flickr a:hover img {
border: 3px #FFDFEF solid;}

2 - Onde o flickr for exibido pegue apenas a parte do script do seu flickr esqueca toda aquela tabela:

E onde ele for aparecer os códigos abaixo:
<div class=edit>
<div id="flickr">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?show_name=1&count=3&display=random&size=s&layout=h&source=user&user=29557203%40N04"></script>
</div>

Exemplo de lista de desejos:
Lista de desjejos:

celular novo
Digital
Gatinho
Viajar
Perfume
Ler um livro
Receita
Maquiagem


Abaixo tem esse pequeno exemplo que vc poderá usar, inclusive o efeito de link riscado:

Para o link pararecer riscado colo no seu style os códigos abaixo:

.lin {text-decoration: line-through}

No meio do que está escrito cole esses códigos:

<span class=lin>escreva aqui para o link ficar riscado</a></span>

E se quiser colocar os códigos dentro de uma janela rolante é só pegar os códigos abaixo:

celular novo
Digital
Gatinho
Viajar
Perfume
Ler um livro
Receita
Maquiagem

Lembrando que width= a largura e height = a altura.

<div id="Layer1" style="width:180px; height:110px; margin-top:3px; z-index:1; overflow: auto;">
Coloque os codigos aqui:
</div>

Códigos para imagem hover:

.blogimage {
margin: 2px;
padding: 5px;
background-color: #FED0DA;
border:1px solid #FAAEBE;
}

.blogimage:hover {
background-color: #E8F2CE;
border:1px solid #CEDBAB;
}

Coloque o endereço da imagem no lugar indicado:
Você ainda póde alinha a imagem , mudando onde está center por left= (esquerdo) e right= (direito)

<img src="coloque o endereço da imagem aqui" class="blogimage" align="center" />

Aprendeu aqui dê créditos:
Templates by Lecca navegando e pesquisando para ajudar você!