Subir

Añadir una imagen de fondo a pantalla completa en Drupal 7

Añadir imagen fondo a las páginas en Drupal 7

Cuando desarrollamos sitios web con nuestro framework Drupal 7, y dependiendo de la plantilla con la que estemos trabajando, nos vamos a encontrar que la API de Drupal no nos permite incluír una imagen de fondo para todas las páginas del sitio.

 

Sería fácil, por el contrario, añadir una imagen de fondo, o cualquier atributo CSS, a las páginas independientemente, ya que la aplicación genera automáticamente una clase css para cada una de las páginas del sitio.

 

Si lo que necesitamos, es añadir una imagen de fondo o cualquier atributo a todas las páginas, necesitamos tocar un poco los archivos tpl.php y añadir la clase css a nuestra hoja de estilos.

 

Al grano: 

 

1. Buscamos el archivo html.tpl.php y lo editamos con cualquier editor de textos.

2. Buscamos la etiqueta body, que tiene este formato:

<body class="<?php print $classes; ?>" <?php print $attributes;?>>

3. La modificamos y le asignamos la clase que queremos, p.ej:

<body class="imagenfondo"<?php print $attributes; ?>>

4. Abrimos nuestra hoja de estilos (la principal o mejor la que hayamos creado para nuestros modificados

5.Incluímos la clase nueva: .imagenfondo {} y le damos los atributos que queramos.

 

En el caso en el que estoy trabajando os dejo los atributos que yo he asignado en la imagen de la entrada de blog. Obviamente podréis personalizarlo a vuestro gusto.

 
Imagen de rummykhan
SOBRE EL AUTOR

Experto en desarrollo de portales web, comercio electrónico y seo.

Añadir nuevo comentario

Filtered HTML

  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Etiquetas HTML permitidas: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Saltos automáticos de líneas y de párrafos.

Plain text

  • No se permiten etiquetas HTML.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Saltos automáticos de líneas y de párrafos.
Bud1%  @ @ @ @ E%DSDB` @ @ @