Diferencia entre revisiones de «Modificar imagen fondo bartik»

De FdIwiki SC
Saltar a: navegación, buscar
(Pasos)
Línea 29: Línea 29:
 
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;
 
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;
  
 +
 +
[[Archivo:Tema_bartic_modificado.png|1366 × 660 píxeles|thumb|center|Ejemplo de un tema Bartik con el encabezado modificado.]]
  
  
 
[[Categoría:Drupal]]
 
[[Categoría:Drupal]]

Revisión de 16:42 4 may 2016

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.