[Blogger] Tutorial: Quitar o poner bordes a imagenes permanentemente
|
antes |
|
despues |
Muchas veces la plantilla blogger o la que tenemos ya tiene prediseñado el borde de las imagenes. Aqui un tutorial de como quitar ese borde ^-^
Abres tu cuenta
Te vas a Diseño> Edición de HTML> Marcamos la casilla "Expandir plantillas de artilugios"
Con las teclas Ctrl + F, encontrar el código siguiente
.post-body img, .post-body .tr-caption-container,
Despues de encontrarlo colocamos el siguiente codigo
.BlogList .item-thumbnail img {
padding: $(image.border.small.size);
background: $(image.background.color);
border: 1px solid $(image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
Los numeros marcados de rojo los cambiaresmos por ceros 0.
Si lo que deseas es cambiar el tamaño del borde o del color solo cambia los numero de manera proporcinal y los ceros despues de rgba por el color rgb del color que desees tu borde byebye Etiquetas: ♪ Blogger, ♪ Tutorial
Visita mi otro blog AITOKAWAII y encuentra material.
|
[Blogger] Tutorial: Quitar o poner bordes a imagenes permanentemente
|
antes |
|
despues |
Muchas veces la plantilla blogger o la que tenemos ya tiene prediseñado el borde de las imagenes. Aqui un tutorial de como quitar ese borde ^-^
Abres tu cuenta
Te vas a Diseño> Edición de HTML> Marcamos la casilla "Expandir plantillas de artilugios"
Con las teclas Ctrl + F, encontrar el código siguiente
.post-body img, .post-body .tr-caption-container,
Despues de encontrarlo colocamos el siguiente codigo
.BlogList .item-thumbnail img {
padding: $(image.border.small.size);
background: $(image.background.color);
border: 1px solid $(image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
Los numeros marcados de rojo los cambiaresmos por ceros 0.
Si lo que deseas es cambiar el tamaño del borde o del color solo cambia los numero de manera proporcinal y los ceros despues de rgba por el color rgb del color que desees tu borde byebye Etiquetas: ♪ Blogger, ♪ Tutorial
|