Poner color o imagen de fondo a una entrada del blog

Color de fondo Podemos poner un color especial como fondo de una (s) entrada(s) de nuestro blog con este sencillo código: <div style="background:#bdbdbd; padding:10px;"> Texto de la entrada </div> #bdbdbd: es el código hexadecimal del color del fondo, que podemos cambiar. 10px: es el espacio en pixeles entre el texto de la entrada y los bordes del fondo, que también podemos modificar. Texto de la entrada: aquí, obviamente, ponemos el contendo de la antrada.   Procedimiento Creamos la entrada con el procedimiento normal, yendo desde la página principal a Nueva entrada, o desde el escritorio a Crear entrada nueva: La entrada la debemos crear en el editor de HTML, que es en donde ponemos el código arriba indicado y, dentro del mismo ( Texto de la entrada ), el contenido del post. El título de la entrada quedará por fuera del fondo que estamos poniendo; si queremos que quede dentro del fondo lo ponemos dentro del código, como ponemos cualquier título dentro del texto de una entrada, encerrándolo dentro de las etiquetas que, por defecto, utiliza nuestra plantilla para los títulos que, generalmente son <h2>Título</h2> o <h3>Título</h3>. Si no podemos identificar las etiquetas que utiliza la plantilla para los títulos de los posts, ensayamos las indicadas arriba, y miramos con la Vista previa la que quede mejor. De todas maneras el título de la entrada también lo ponemos en donde corresponde y, después de que publiquemos la entrada, la editamos y le borramos el título, ya que, como también lo pusimos dentro del editor de HTML, nos quedará repetido. El texto utilizado para crear la entrada de la Demo quedó así en el editor HTML (las líneas resaltadas corresponden al código que le da el color de fondo a la entrada): <div style="background:#a9e2f3; padding:10px;"> <div style="text-align:justify;"> <h3> Tolerancia social</h3> La tolerancia social en las sociedades modernas se defiende penalmente y busca el respeto de los derechos y los intereses de todas las personas con independencia de sus circunstancias individuales, para la coexistencia pacífica. A nivel individual es la capacidad de aceptación de una situación, o de otra persona o grupo considerado diferente, pero no todos los individuos están capacitados para ser tolerantes. Es la actitud que una persona tiene respecto a aquello que es diferente de sus valores. Es también la aceptación de una situación injusta en contra de los intereses propios o en contra de los intereses de terceras personas. Es también la capacidad de escuchar y aceptar a los demás. Este comportamiento social se ha dado en todas las épocas de la humanidad y en todos los lugares del mundo como un medio para la coexistencia pacífica. Los valores o normas son establecidos por la sociedad o grupo que cuenta con el poder político y el control social, que establece el respeto o la persecución de la persona o grupo considerado diferente o problemático. En este contexto es el respeto a las ideas, creencias o prácticas de los demás cuando son diferentes o contrarias a las propias. Es también el respeto injusto de las ideas o intereses de los demás en contra de los propios. Es distinto tolerancia de libertad, y lo más común en las sociedades humanas consiste en la opresión de un grupo minoritario por parte de una mayoría, ya que lo inverso es menos frecuente. Los valores de respeto van en menor grado desde la tolerancia hasta la libertad, pasando por la igualdad social. La tolerancia no tiene porque ser neutral o un valor positivo en sí mismo, puede ser también un medio por parte del grupo con el control social para fomentar o mantener una situación de privilegio que le es favorable. </div> </div>   Imagen de fondo También podemos poner una imagen como fondo de una (s) entrada(s) de nuestro blog utilizando el siguiente código: <div style="background-image:url(URL de la imagen); padding:50px;"> Texto de la entrada </div> URL de la imagen: Aquí ponemos la URL de la imagen que va a servir como fondo de la entrada. 50px: es el espacio en pixeles entre el texto de la entrada y los bordes de la imagen, que también podemos modificar. Texto de la entrada: Aquí ponemos el contenido de la entrada. Debemos adaptar las dimensiones de la imagen que va servir de fondo, a las dimensiones de la entrada, porque: si el espacio que ocupa el texto de la entrada es mayor que el tamaño de la imagen ésta se repetirá, y si el espacio que ocupa el texto de la entrada es menor que el tamaño de la imagen ésta quedará recortada.   Procedimiento Aplicamos exactamente el mismo procedimiento que utilizamos para poner un color de fondo a la entrada. El texto utilizado para crear la entrada de la Demo quedó así en el editor HTML (las líneas resaltadas corresponden al código que le pone imagen de fondo a la entrada): <div style="background-image: url(http://i50.tinypic.com/1j2mm8.jpg); padding: 50px;"> <div style="text-align:justify;"> <h3> Tolerancia social</h3> La tolerancia social en las sociedades modernas se defiende penalmente y busca el respeto de los derechos y los intereses de todas las personas con independencia de sus circunstancias individuales, para la coexistencia pacífica. A nivel individual es la capacidad de aceptación de una situación, o de otra persona o grupo considerado diferente, pero no todos los individuos están capacitados para ser tolerantes. Es la actitud que una persona tiene respecto a aquello que es diferente de sus valores. Es también la aceptación de una situación injusta en contra de los intereses propios o en contra de los intereses de terceras personas. Es también la capacidad de escuchar y aceptar a los demás. Este comportamiento social se ha dado en todas las épocas de la humanidad y en todos los lugares del mundo como un medio para la coexistencia pacífica. Los valores o normas son establecidos por la sociedad o grupo que cuenta con el poder político y el control social, que establece el respeto o la persecución de la persona o grupo considerado diferente o problemático. En este contexto es el respeto a las ideas, creencias o prácticas de los demás cuando son diferentes o contrarias a las propias. Es también el respeto injusto de las ideas o intereses de los demás en contra de los propios. </div> </div>

Twittear