Bueno, lo primero es que ahora veo muchas fotos en Tumblr de playa y paisajes, y por eso las cuelgo en el blog. Bueno, a lo que vamos: resulta que ahora paso bastante tiempo en [este] blog, donde hay un montón de tutoriales buenísimos para tu blog y que seguro que te sirven. Así que allá va uno:
Hoy os voy a enseñar a como redondear los bordes de las entradas y ponerles fondo y color en el borde, como veis yo lo acabo de hacer en el blog.
- Vamos a Diseño >> Plantilla >> Edición de HTML
'no sé si os habéis fijado pero han cambiado un poco el diseño en Blogger'
- Clicamos F3 y buscamos este código: .post { o bien .post-outer { (depende de la plantilla que usen, si usan la plantilla fantástico tenéis que buscar .date-outer {)
- Les aparecen algunas líneas de código entre {}, borran eso y pegan esto que os dejo:
padding: 15px 20px;
background: #000 ;
border: 1px dotted #fff;
margin: 20px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
-khtml-border-radius: 40px;
background: #000 ;
border: 1px dotted #fff;
margin: 20px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
-khtml-border-radius: 40px;
Tambien podéis cambiar el código de background por el color que vosotros queráis para el fondo de la entrada y lo de border es opcional, pero sirve para cambiar el color y los píxeles de los bordes. Si no queréis usar bordes, simplemente borrad esa línea.
Por último, padding es la distancia pequeña que hay entre el texto y el borde de la entrada, podéis cambiarlo pero no es necesario.
- Cuando lo tengan le dan a Vista Previa, y si todo está bien, en guardar plantilla :)
ESPERO QUE OS HAYA SERVIDO =)
No hay comentarios:
Publicar un comentario
Gracias por comentar, recuerda que tus comentarios hacen que el blog esté más activo y que yo pueda renovar lo que sea.
Si tenéis alguna duda, sugerencia, mejora del blog... Hacédlo aquí!
Así que si podéis, comentar, pero de buen rollo, ya que si comentáis con alguna grosería, suprimiré dicho comentario :)
¡Gracias!