Colocando miniaturas da galeria coppermine nas postagens


Olá! Bom gente, como pediram um tutorial na Ask, eu decirdir fazer porque esse é simples e rápido, os outros eu vou fazer, só que, com mais calma. Confira abaixo:
 
 1 - Coloque o código abaixo no seu css. Blogger: antes da tag ]]> e no Wordpress: Aparência> Editor> Style.css 
.mini {
    width:80px; height:90px;
    -moz-border-radius: 5px;
    margin: 1px;
    padding: 5px;
    filter: alpha(opacity=50);
    background-color: #e2dede;
    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease;
    box-shadow: 3px 3px 3px #eee;
}
.mini:hover {
    width:80px; height:90px;
    -moz-border-radius: 5px;
    margin: 1px;
    padding: 5px;
    background-color: #655768;
    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease;
    box-shadow: 1px 1px 3px #A49271; 
}

2 - Coloque esse código a onde você quer que apareça:


<a href="link"><img src="link da imagem" class="mini"></a>

Edite como quiser e salve.

Tutorial feito por Sugoi Tutoriais. Créditos imagens HQ Celebrity

Comentários

  1. Já sabia como fazer pois tinha fã site e nisso a coppermine é bem útil. Mas para quem não sabe, o tutorial está ótimo :)

    ResponderExcluir
  2. Anônimo18.1.14

    Aqui não funcionou :/

    ResponderExcluir
  3. Jéssica,eu não sou designer rs mas eu testei o código e não deu certo,ai eu dei uma pesquisada e eu acho que o código seria assim:

    <*a href="link"><*img class="mini" src="imagem" />

    Desculpa se eu estiver errada ;)...

    ResponderExcluir
  4. Obrigada Sendy ;)
    Anonys arrumei tenta agora
    Be Okay você tem razão valeu, esqueci desse detalhe \o

    ResponderExcluir
  5. Anônimo26.1.14

    Agora foi, muito obrigado pela ajuda!

    ResponderExcluir

Postar um comentário

Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.

Postagens mais visitadas deste blog

Download : Use a Cabeça HTML com CSS e XHTML: Livro

Tema Base