Modificar imagen fondo bartik

De FdIwiki SC
Revisión a fecha de 16:44 4 may 2016; Daniel (Discusión | contribuciones)

(dif) ← Revisión anterior | Revisión actual (dif) | Revisión siguiente → (dif)
Saltar a: navegación, buscar

Introducción

La idea presentada es modificar/establecer una imagen en el tema predeterminado de Drupal Bartik. Para ello, se deben tener accesibles los archivos de Drupal.

Pasos

1.- Posicionarnos en nuestra carpeta principal de Drupal, acceder a la siguiente ruta dentro de esa carpeta: /themes/bartik/css

2.- Debemos buscar el archivo: colors.css

3.- Abrimos el archivo, localizamos dentro del documento "#header{ }"

4.- Vaciar el contenido y añadir (sin las comillas):

"#header{

 background-image: url("../images/nombreImagen.jpg");
 background-position: center center;
 background-attachment: fixed, fixed, fixed;
 background-repeat: no-repeat;	
 background-size: cover;

}"

5.- Nos situamos en la carpeta principal de Drupal, añadimos la imagen a la carpeta que tiene por ruta: /themes/bartik/css/images . "../images/nombreImagen.jpg" hace referencia a la ruta donde se encuentra la imagen (llamada: nombreImagen.jpg) que queremos añadir.

Para comprobar que la imagen esta bien situada, podemos acceder a la dirección: www.nombreDeTuDominio.com/themes/bartik/css/images/nombreImagen.jpg

6.- Accedemos a nuestro drupal y deberia verse la imagen centrada dentro del encabezado. Si la visibilidad del título del sitio es nula,porque la imagen de fondo tiene un color similar al color del sitio, podemos optar por ponerle sombra. Para ello, en lugar de modificar el archivo colors.css modificaremos el archivo style.css. Esta vez buscaremos: name-and-slogan{ } , y añadiremos, sin borrar: text-shadow: black 0.1em 0.1em 0.1em;


Ejemplo de un tema Bartik con el encabezado modificado.