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:
Redactado en: Dreamweaver
0 comentarios:
Publicar un comentario