29 de enero de 2015

Poner fondo en una entrada del blog



Para poner una imagen o color de fondo en una entrada especifica del blog para resaltar un texto deteminado, nos dirigimos al HTML de esta

Poner imagen de fondo en las entradas



En el HTML de una entrada de nuestro blog ponemos este código:

<div style="color: #ffffff; font-family: Courier New, Courier, monospace; text-align: center; background-image: url(URL de la imagen); padding:50px;">
Aquí el Texto de la entrada
</div>
nos quedara así

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec ligula a augue dictum facilisis. Proin eget tellus sed ipsum aliquam lobortis quis vitae quam. Sed lacinia metus erat, sit amet pellentesque tellus tempor sit amet. Donec vulputate eleifend orci, et dapibus sem. Proin orci velit, luctus a vehicula et, tincidunt ac mauris. Donec molestie pharetra nibh a pellentesque. Vivamus vitae varius nisi. Suspendisse id ligula consectetur, cursus lacus non, commodo purus. Curabitur semper sagittis tempus. Interdum et malesuada fames ac ante ipsum primis in faucibus


con este código habremos puesto una imagen de fondo en nuestra entrada de Blogger.

Poner color de fondo en las entradas


En el HTML de una entrada de nuestro blog ponemos este código:

<div style="background:#d9d2e9; padding:10px;">
Aquí el Texto de la entrada
</div>
quedara así

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec ligula a augue dictum facilisis. Proin eget tellus sed ipsum aliquam lobortis quis vitae quam. Sed lacinia metus erat, sit amet pellentesque tellus tempor sit amet. Donec vulputate eleifend orci, et dapibus sem. Proin orci velit, luctus a vehicula et, tincidunt ac mauris. Donec molestie pharetra nibh a pellentesque. Vivamus vitae varius nisi. Suspendisse id ligula consectetur, cursus lacus non, commodo purus. Curabitur semper sagittis tempus. Interdum et malesuada fames ac ante ipsum primis in faucibus




color: color de la fuente.
font-family tipo de fuente.
text-align: alineación del texto.
URL de la imagen: la dirección URL de la imagen a poner.
background: color del fondo.
padding: espacio en pixeles entre el texto de la entrada y los bordes del fondo.



No hay comentarios:

Publicar un comentario

Diseño por Blogger Sin Escalones Con la tecnología de Blogger.