Mostrando entradas con la etiqueta color de fondo. Mostrar todas las entradas
Mostrando entradas con la etiqueta color de fondo. Mostrar todas las entradas

9.6.13

Poner color de fondo a un texto en una entrada de blogger



En ocasiones necesitamos resaltar una palabra o un texto dentro de una entrada. Podemos hacerlo poniéndoles un fondo de color diferente, obviamente, al color del fondo de la entrada, así:


Poner color de fondo a una palabra

El siguiente código es apropiado para poner color de fondo a una palabra, o a varias palabras que no excedan una línea dentro de un texto:

<span class="apple-style-span" style="background-color: #fe4a4a;">&nbsp;Aquí la palabra o palabras&nbsp;</span>
    #fe4a4a es el código correspondiente al color del fondo; lo cambiamos por el nuestro.
Las palabras puestas dentro del anterior código se verán así:

 Aquí la palabra o palabras 

El color de los caracteres será el mismo que tiene, por defecto, el texto de la entrada (en este blog es blanco). Para ponerles un color diferente ponemos las palabras dentro de las etiquetas que le asignan el color, debiendo el código quedar así (las etiquetas agregadas están en rojo):

<span class="apple-style-span" style="background-color: #fe4a4a;">&nbsp;<font color="#000000">Aquí la palabra o palabras</font>&nbsp;</span>
  • #000000 es el código correspondiente al color puesto a los caracteres del ejemplo; lo cambiamos por el nuestro.
La palabras puestas dentro del anterior código se verán así:

 Aquí la palabra o palabras 

 

Poner color de fondo a un texto

El siguiente código pone color de fondo a un texto:

<p style="background-color:#fe4a4a; padding:3px;">Aquí el texto</p>
  • #fe4a4a es el código correspondiente al color del fondo; lo cambiamos por el nuestro.
  • padding:3px asigna un espacio entre el texto y los bordes del fondo; si queremos que ese espacio sea mayor aumentamos el número de pixeles (px).
Un texto puesto dentro del anterior código se verá sí:

Aquí el texto Aquí el texto Aquí el texto Aquí el texto, Aquí el texto Aquí el texto Aquí el texto; Aquí el texto Aquí el texto Aquí el texto, Aquí el texto Aquí el texto.

El color del texto será el mismo que tiene, por defecto, el texto de la entrada (en este blog es blanco). Para ponerle un color diferente agregamos, dentro del código, la propiedad que le asigna el color, debiendo el código quedar así (la propiedad agregada está en rojo):

<p style="color: #000000; background-color:#fe4a4a; padding:3px;">Aquí el texto</p>
  • #000000 es el código correspondiente al color puesto al texto del ejemplo; lo cambiamos por el nuestro.
Un texto puesto dentro del anterior código se verá así:

Aquí el texto Aquí el texto Aquí el texto Aquí el texto, Aquí el texto Aquí el texto Aquí el texto; Aquí el texto Aquí el texto Aquí el texto, Aquí el texto Aquí el texto.

26.11.12

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:

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.

Poner color de fondo a una 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 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.

Poner imagen de fondo a una 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>