Formulario de búsqueda

- - - - Manuals 5 kk - - - -

DV Menú
Personalizar las imágenes de un DV Menú por CSS
Personaliza las imágenes de tu DV Menú.

Probablemente necesitarás cambiar las imágenes de tu DV Menú. El DV Menú esta ilustrado por las CSS con imágenes de recurso situadas en el fondo de cada opción.

Las imágenes disponibles tienen un tamaño de 350x75 pixeles y se colocan en la esquina superior izquierda. Ten en cuenta que, de entrada, no se visualiza toda la imagen.

 

Paso 1
Panel de Control / CSS por portal

Accede al Panel de Control y selecciona CSS por portal para modificar los estilos de tu web

Paso 2
Panel de Control / CSS por portal / Crear una nueva regla

Selecciona la opción Crear una nueva regla o edita la que ya hayas creado para incorporar las modificaciones pertinentes.

 

Paso 3
Panel de Control / CSS por portal / Crear una nueva regla

Con esta hoja de estilos ahora puedes incorporar los ajustes necesarios. 

 

Posiciónate en el lugar adecuado de las CSS. Lo recomendable es que abras un comentario que te recuerde para otras ocasiones el punto exacto donde modificas los DV Menús escribiendo:

/* DV Menús */

Seguidamente añade la nueva clase sustituyendo miclase por la que tu hayas escrito en el elemento de menú:

/* DV Menús */

.dvmenu ul.menu li a.miclase,

.dvmenu ul.menu li span.miclase {

background:url(/la/ruta/de/mi/imagen.jpg) top left no-repeat;

padding: 90px 0 0;

Para añadir tu imagen ve al Panel de Control y abre el Explorador de Documentos. Sube tu imagen y copia su ruta sustituyendo el texto la/ruta/de/mi/imagen.jpg.

Temas

Portales Municipales
Drupal