【Tutoriales】Editar bordes de las entradas
Hola a todos y bienvenidos a una nueva entrada :3 Hoy os traigo un tutorial súper útil que seguro que os interesará :'D
Como todos sabréis, en las entradas por defecto en blogger solo te dejan editar una pequeña linea alrededor de la entrada y cambiarla el color. Pero... ¡Eso es aburrido! Seamos francos, eso llega a aburrir. Así que hoy os enseñare a como personalizar cada borde con ejemplos. ¡Empecemos!
Lo primero que tenemos que hacer es:
Editar html > Ctrl + f
Y ahí pegaremos el siguiente código y daremos a buscar:
.date-outer {
Y por abajo encontraréis el siguiente código al que señalo:
Ese código le borramos y le sustituiremos por alguno de los siguientes:
Por aquí os dejaré algunos modelos de bordes para que elijáis el que más os guste.
border: 4px solid #FDB4C1;/* Borde en todo*/
border-bottom: 4px solid #FDB4C1;/* Borde inferior*/border-top: 4px solid #FDB4C1;/* Borde superior*/
border-right: 4px solid #FDB4C1;/*Borde en el lado derecho */border-left: 4px solid #FDB4C1;/* Borde en el lado izquierdo*/
border-right: 4px solid #BEB4FD;/* Borde derecho */border-left: 4px solid #BEB4FD;/* Borde izquierdo*/border-bottom: 4px dashed #DBB4FD;/* Borde inferior*/border-top: 4px dashed #DBB4FD;/* Borde superior*/
Espero que os haya servido de gran utilidad esta entrada y nos leeremos en la próxima, ¡Adiós!
en mi plantilla no me aparece ese codigo :c
ResponderEliminarEste tutorial solo sirve para las plantillas Awesome S.A.
EliminarSi tienes otra no te servirá :c
Saludos!
Hola!!
ResponderEliminargracias por la explicacion!! muy bueno es saber esto de los bordes! :D
De nada!! Me alegro que te haya gustado la explicación :D
EliminarSaludooos<3
De nada <3
ResponderEliminarSaludos n_n
Nada<3
ResponderEliminar