Como redondear los bordes en blogger
Buen día, ¿acaso todo tiene que ser cuadrado? como en esa película rara de "La Caja". Casi todo lo que existe en el universo es redondo o algo parecido pero no cuadrado. Así que vamos a modificar el código CSS de las cajas contenedoras del texto, en este caso las cajas de las entradas para que sus bordes queden redondos. ¡Vamos allá!.
Redondear borde de la caja o cajas de entradas o post:
Primero: Vamos a Tema>>Editar HTML y clic dentro de la caja del código, luego oprimes las teclas Ctrl+f y copias y pegas: ".post-outer-container" sin comillas en la caja de búsqueda que aparece en la parte superior derecha de la caja de código y Enter.Segundo: Dentro del código de este grupo de clases (Que va desde la primera linea resaltada en amarillos hasta el primer } después de la primera linea amarilla) justo después de la linea width: auto; y antes de } (Ver imagen) agregas esta linea: "border-radius: 10px;" (Resaltado en azul en la imagen) sin comillas.
Por ultimo clic en "Guardar tema" y eso es todo. Ahora ve corriendo a tu blog para ver el resultado.
Redondear borde de la barra lateral:
Primero: Vamos a Tema>>Editar HTML y clic dentro de la caja del código HTML, pulsar las teclas Ctrl+f y veras una caja de búsqueda en la parte superior derecha del código, allí escribes: ".sidebar.container" sin comillas y pulsas Enter.
Segundo: Las lineas resaltadas en amarillo son los resultados de la búsqueda y la que nos interesa es la primera, abajo de esta linea busca el símbolo } que es el cierre del código de esa clase que esta después de la linea width: $(sidebar.width); y antes de la segunda linea resaltada en amarillo. Justo antes del símbolo de cierre agregas esta linea: "border-radius:10px;" sin comillas (Ver imagen) y clic en "Guardar tema".
Ve a tu blog para observar el resultado.
Entre mas alto es el valor de border-radius mas grande sera el borde redondeado y
entre mas bajo es su valor mas pequeño es el borde redondeado. px después del valor significa pixel. ¿Fácil no?
Eso es todo por hoy, saludos y nos leemos.
Urban Titanium Art | TITanium Art | Titanium Art
ResponderEliminarExplore all these online ti 89 titanium calculator designs and images, micro touch titanium trim or titanium plate flat iron search for titanium teeth dog new designs on our titanium spork site. TITanium Art.
hola buen post
ResponderEliminar