Avatares redondos nos comentários do Blogger

Aumente e deixe redondo os avatares dos comentáros no Blogger

Sempre procuro ter um bom design em meus comentários e agora com os novos comentários anidados (threaded comments) acabou sumindo com todo estilo CSS que tinha, porém o CSS é maravilhoso e pouco a pouco estou rescontruindo e entre essas modificações está o aumento no tamanho do avatar, que por padrão vem a 36*36px e quadrado, e alterá-lo com pouco de CSS a 50px e colocá-lo redondo.

Siga o @bloggermin e fique por dentro novidades para seu blog.


Com o hack que apresento hoje os avatares ficarão da seguinte maneira:


Para adicionar este truque você deve colar antes de ]]></b:skin> o código:
.avatar-image-container,
.avatar-image-container img{
max-width:50px !important;
width:50px !important;
max-height:50px !important;
height:50px !important;
padding: 0 !important;
border:0px;
}
Esse código irá aumentar o tamanho do avatar para 50px, devo esclarecer que você pode aumentar ainda mais o tamanho do avatar, mas não é muito aconselhável.

Agora, se deseja arrendondar os avatares coloque antes de ]]></b:skin> o seguinte:
.avatar-image-container,
.avatar-image-container img {
max-width: 50px !important;
width: 50px !important;
max-height: 50px !important;
height: 50px !important;
padding: 0 !important;
border: 0px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
}

.avatar-image-container{
border:3px solid #fff !important;
-webkit-box-shadow: 0 1px 2px #BBB;
-moz-box-shadow: 0 1px 2px #BBB;
box-shadow: 0 1px 2px #BBB;
}
Como podem ver é muito fácil, espero que gostem deste pequeno truque.

Via Way2Blogging

COMENTÁRIOS

Nome

Básicos,3,Blogger,43,Botões,2,buscadores,3,Comentários,5,Css3,9,Design,3,Dominio,3,Downloads,2,Efeito,13,Facebook,3,Feed,1,Festividades,1,GooglePlus,6,Hacks,7,HTML,8,Imagens,8,Menu,3,Recursos,3,Seo,8,Truque,24,Twitter,2,Widget - Gadget,16,
ltr
item
Bloggermin: Avatares redondos nos comentários do Blogger
Avatares redondos nos comentários do Blogger
Aumente e deixe redondo os avatares dos comentáros no Blogger
http://2.bp.blogspot.com/-Inz3ZMt--cM/T9rFvxtfJXI/AAAAAAAACbM/x7GGPwazc9g/s1600/avatares_redondos_o.png
http://2.bp.blogspot.com/-Inz3ZMt--cM/T9rFvxtfJXI/AAAAAAAACbM/x7GGPwazc9g/s72-c/avatares_redondos_o.png
Bloggermin
https://www.bloggermin.cashmore.com.br/2012/06/avatares-redondos-nos-comentarios-do.html
https://www.bloggermin.cashmore.com.br/
https://www.bloggermin.cashmore.com.br/
https://www.bloggermin.cashmore.com.br/2012/06/avatares-redondos-nos-comentarios-do.html
true
3085171147808187471
UTF-8
Carregado Todas os Posts. Não foi encontrado nenhum post. VER TUDO Leia mais Responder Cancelar resposta Excluir Por Home PÁGINAS POSTAGENS Ver tudo RECOMENDADO PARA VOCÊ ETIQUETA ARQUIVO PESQUISAR TODAS AS PUBLICAÇÕES Não foi encontrado qualquer correspondência postal com o seu pedido Voltar a Home Domingo Segunda-feira Terça-feira Quarta-feira Quinta-feira Sexta-feira Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora mesmo 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir O CONTEÚDO É PREMIUM Por favor, compartilhe para desbloquear Copiar Todo o Código Selecionar Todo o Código Todos os códigos foram copiados para a área de transferência Não é possível copiar os códigos / textos, por favor pressione [CTRL] + [C] (ou CMD + C com Mac) para copiar