Entradas
Tendréis que añadir en Edición de HTML el código correspondiente al tipo de separador que deseéis.
Un separador simple se crea con el código
<hr> , de esta forma obtendréis:Como observáis una linea simple, ahora vamos a ir definiendo propiedades que le podemos añadir a nuestro separador:
Atributo size: Este atributo especifica la altura del separador.
Atributo width: Este atributo especifica la anchura del separador, el valor por defecto es de 100%, es decir el separador se extiende a lo largo de todo el ancho donde se encuentre.
Atributo align: Este atributo especifica la alineación horizontal del separador con respecto al texto, los posibles valores que puede tomar son:
Atributo width: Este atributo especifica la anchura del separador, el valor por defecto es de 100%, es decir el separador se extiende a lo largo de todo el ancho donde se encuentre.
Atributo align: Este atributo especifica la alineación horizontal del separador con respecto al texto, los posibles valores que puede tomar son:
- left: alineado a la izquierda.
- center: centrado
- right: alineado a la derecha
De esta forma podremos ir combinando las propiedades de la siguiete forma:
Codido:
<hr size=7>Codigo:
<hr size="5" width="50%">Codigo:
<hr size="5" width="50%" align="right">Codigo:
<hr size="5" width="50%" align="center" color=#FF0B07>
Codigo:
<hr size="5" width="90%" align="center" color=#33FF00>
Bueno como podéis observar podéis ir combinnando los atributos como más os guste, esto solo eran unos ejemplos, a partir de esto vosotros podréis crear vuestros propios separadores, ya me diréis como os van.
13 Comentarios:
EXELENTE
Y como se hace para quitar los separadores entre post que están predeterminados en la plantilla minima de blogger?
Lesent Para quitar los separadores entre los post tienes que buscar en el código de tu plantilla .post { unas líneas mas abajo verás una linea igual o muy parecida a esta:
border-bottom:1px dotted #444;
Esta es la línea de los post, si quieres eliminarla tendrás que quitar esa linea. Ya me cuentas!
:D no tienes idea de como me has ayudado... solo me falta quitar lo de las entradas nuevas y antiguas al final de los post y sere feliz
Hola, yo no quiero eliminarla, lo que quiero es modificarla, ya que en mi plantilla el separador es blanco pero el fondo tambien, me gustaria usar HR o poder cambiarle el color si es que no se puede utilizar.
Gracias
Enrique PC Enrique disculpa pero entré a todos tus blogs y no encontré lo que me comentas, si fueras tan amable indicame el blog en cuestión y cual es el problema mas exactamente. Un saludo.
Claro que si, el blog es:
http://esadprope09.blogspot.com
No se ve la división entre entradas, ya que es color blanco como el fondo, si cambio a color oscuro el fondo se ve claramente es algo así:
..................................
Quiero que se vea pero sin tener que cambiar la plantilla ni el color del fondo.
Gracias
Enrique PC Vale ahora si que te entiendo, para añadir un separador de entradas tendrás que marcar la casilla de expandir artilugios en el código de tu plantilla, seguidamente buscar la linea:
<p class='post-footer-line post-footer-line-3'/>
Fijate por ahi encontrarás tu HR, si no es asi añadele tu uno de la forma que quieras justamente debajo de la linea que te indiqué, pruebalo y me cuentas.
Caxitos, gracias, eres todo un genio del html. El blog ahora tiene mejor aspecto y se pde ver donde inician y donde terminan las entradas.
Saludos desde México.
bin gracias. pero por que no cambias tu icono te falta eso
Wehettner Que icono dices que cambie?
Hola! mira tengo un problema! yo ya habia puesto un separador hace un tiempo! y ahora lo cambie gracias a ti! pero cuando fui a fijarme como quedo.. me aparecio el separador viejo arriba del otro! :/ como hago para quitar el viejo?
Real-Fantasy :) Logicamente si añadiste uno nuevo y no eliminaste el anterior te saldrán los 2!, deberás eliminar el código de estructura similar al nuevo que añadiste para que tan solo te aparezca uno de ellos.
No se en qué parte lo añadiste pero se trata de buscar en el código la parte de código que representa ese separador. Si tienes algún otro problema no dudes en preguntar! saludos!!!!
Publicar un comentario
Haga su comentario
Bienvenido al Rincon del Blog
Tus comentarios nos ayudan a mejorar
Muchas Gracias por Comentar.