Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, já li várias tutoriais de como aparecer uma borda interna em uma imagem com link, igual na globo.com, além de alguns posts aqui no fórum:
http://www.brunodulcetti.com/blog/2008/01/03/hover-avancado-com-bordas-em-imagens.html
http://www.brunodulcetti.com/blog/2007/06/26/resposta-do-desafio-como-cropar-uma-foto-com-css.html
http://www.flog.co.nz/journal/inner-border/
O problema é que não consigo adaptar no meu tema Wordpress. Eu já misturei tanta coisa que acabei com o tema e tive que baixar denovo. Abaixo seguem os códigos originais.
Este é o comando para aparecer o thumb do post com o link:
<div class="cpost">
<div class="thumb"><?php show_thumb($comfy['MTwidth'],$comfy['MTheight'],$comfy['crop'],$comfy['quality']); ?></div>
</div>
E esse é o CSS:
.cpost {
display: block;
background: #fff;
margin: 0 1px 0 0px;
padding: 15px 10px 15px 10px;
}
.thumb img {
float: left;
display: inline;
overflow: hidden;
border: 1px solid #c6c6c6;
padding: 1px;
margin: 0 10px 0 0;Obrigado!
Carregando comentários...