Imagen de fondo que no se repite en una capa

Quiero crear una capa en Dreamweaver, con texto y una imagen de fondo, pero que no se repita. ¿Cómo se puede hacer?


Para conseguir que la imagen de fondo no se repita, debes crear un estilo y aplicarlo a la capa en cuestión.

Partimos de una capa que contiene un texto:

Accedemos al panel estilos CSS y pulsamos en el icono del + para crear un nuevo estilo:

A continuación definimos un nuevo estilo personalizado, debemos indicar un nombre, en nuestro ejemplo fondoencapa

Pulsamos Aceptar y comenzamos a definir las características del estilo.

Dentro de Categoría, nos situamos en Fondo, modificando los siguientes parámetros:

Imagen de fondo: seleccionamos la imagen que queremos colocar en el fondo de la capa, de forma que se vea detrás del texto. Desde el botón Examinar la seleccionamos. Recuerda que esta imagen debe estar guardada previamente en la carpeta de las imágenes de tu sitio web.

Repetir: elegimos no repetir, de esta forma la imagen aparecerá una sola vez

Posición horizontal: seleccionamos la posición de la imagen con respecto a la horizontal, en nuestro ejemplo hemos elegido centrar.


Posición vertical: seleccionamos la posición de la imagen con respecto a la vertical, en nuestro ejemplo hemos elegido centrar.



Pulsamos Aceptar para finalizar.


Seleccionamos la capa y accedemos al panel estilos. Hacemos clic sobre el estilo fondoencapa que hemos creado para aplicarlo a la capa seleccionada.

De esta forma la imagen se verá una sola vez y centrada en la capa.


Resultado:

0 comentarios:

Publicar un comentario

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Top WordPress Themes