Yo siempre he procurado tener un buen diseño en mis comentarios y ahora con los nuevos comentarios anidados se desacomodo todo el CSS que tenia en mis comentarios pero gracias a Dios el CSS es una maravilla y poco a poco lo he ido reconstruyendo y entre esas recontrucciones esta el aumentar de tamaño el avatar y cambiarlo de forma que por defecto viene de 36*36px y cuadrado pero con un poco de CSS se puede aumentar a 50px y ponerlo redondo.
Con el hack que les presento hoy los avatares quedaran de la siguiente manera:
Con el hack que les presento hoy los avatares quedaran de la siguiente manera:
Para añadir este truco deberas pegar antes de
]]></b:skin>
lo siguiente:
.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;
}
Con el anterior codigo se aumentara el tamaño del avatar a 50px,hay que aclarar que puedes aumentar aun mas el tamaño del avatar pero no es muy recomendable.
Ahora si quieres los avatares redondos pega antes de
]]></b:skin>
lo siguiente:
.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 vez es muy facil,espero que os agrade este pequeño truco y lo usen.
SOCIALIZE IT →