ÇColocar una imagen de fondo en "Body"

ÇColocar una imagen de fondo en "Body"

by Gerard Garcia -
Number of replies: 11

Hola:

Querria colocar una imagen de fondo en el fondo de mi moodle, se que se tiene que poner en background, la pregunta es:

Como linkeo la imagen en background, poniendo el link de la misma imagen que esta denteo del theme correspondiente, o con poner el nombre de esta al estar en el mismo theme ya la pone por defecto¿?

O ninguna de las dos¿?

Gracias

Average of ratings: -
In reply to Gerard Garcia

Re: Colocar una imagen de fondo en "Body"

by Xavier Paz -
Si el tema ya hace uso de una imagen de fondo, basta de renombrar la que quieras poner de fondo con el mismo nombre que tiene la que actualmente está en uso. En cualquier caso, tendrás que revisar los CSS del tema de apariencia, para ver qué atributos tiene asignado el elemento body, entre los cuales estará background o background-image que es donde se especifica la imagen de fondo.
Average of ratings: -
In reply to Xavier Paz

Re: Colocar una imagen de fondo en "Body"

by Gerard Garcia -

No el tema no tiene ninguna imagen de fondo, solo un color.

Buscare el background-image, y intentare linkarla, asta que me la acepte.

Muchas gracias Xavier, ya que hasta ahora intentaba ponerla a traves de background

Average of ratings: -
In reply to Gerard Garcia

Re: Colocar una imagen de fondo en "Body"

by Xavier Paz -
Si lo haces mediante background, deberías poner lo siguiente:
background: #FFFFFF url(ruta) top left repeat;

Si lo haces mediante background-image, usa esto otro:
background-image: url(ruta)

En ruta debes poner la ruta a la imagen tomando como base el directorio del tema.
Average of ratings: -
In reply to Xavier Paz

Re: Colocar una imagen de fondo en "Body"

by Gerard Garcia -

Hola:

Os pongo el sitio donde pongo el codigo:

a.autolink {
  background-color:#FFCECF;
  border-bottom:1px solid #A74;
}
body {
  background: #FFFFFF;
}
#page {
  background: #FFFFFF http://descobrimvilanova.info/httpdocs/theme/Descobrimvila/pix/fondo.jpg;
}

La pregunta es: estoi bien encaminado¿?

Average of ratings: -
In reply to Gerard Garcia

Re: Colocar una imagen de fondo en "Body"

by Xavier Paz -
Lo correcto es poner

#page {
background: #FFFFFF url(pix/fondo.jpg) top left repeat-x;
}

Esto pone la imagen de fondo, cuya ruta es theme/Descobrimvila/pix/fondo.jpg, alineada en la parte superior izquierda y repetida horizontalmente. Aunque si realmente quieres ponerlo en el body, deberías cambiar el #page por body.


PD: el firebug sirve para ver los cambios en vivo y en directo, pero no guarda nada pues por seguridad, los navegadores no pueden modificar archivos en el cliente.
Average of ratings: -
In reply to Xavier Paz

Re: Colocar una imagen de fondo en "Body"

by Gerard Garcia -

Hola Xavier:
He conseguido ya poner el fondo en page, el problema es que cuando quito el color de fondo que esta por encima de page y por debajo de los blocs, se me quita el fondo del interior de los blocs..

He llegado a la conclusion de que son el mismo fondo, y la pregunta es:

Hay algun modo de que se quite ese fondo y que los blocs como por ejemplo el calendario conserven un fondo propio¿? ya que me ha kitado el fondo hasta de la descripcion de los dias del calendario.

Gracias

Average of ratings: -
In reply to Gerard Garcia

Re: Colocar una imagen de fondo en "Body"

by Xavier Paz -
Posiblemente el fondo de los bloques no esté definido, y por eso aparece todo con el mismo fondo. La organización de Moodle suele ser:

 

body 

 + page

   + header

   + content

     + column

       + blocks

   + footer


En cualquier caso, siempre puedes definir el fondo para cada uno de los bloques, ya que suelen tener id y clases CSS propias, con lo cual los cambios solo afectan a esos elementos.
Average of ratings: -
In reply to Xavier Paz

Re: Colocar una imagen de fondo en "Body"

by Gerard Garcia -
Vale mas o menos lo he encontrado ya pero hago los cambios con firebug y no me los guarda
Average of ratings: -
In reply to Gerard Garcia

Re: Colocar una imagen de fondo en "Body"

by Carlos Bravo Reyes -
Gerard.
Qué tema estás empleando?. Tal vez sí seleccionas uno que viene con una imagen en la parte superior, te sea más rápida su edición.
Saludos

Average of ratings: -
In reply to Carlos Bravo Reyes

Re: Colocar una imagen de fondo en "Body"

by Gerard Garcia -

El tema base que estoy usando es: "children-education", el caso es quew me gustaria emplear una imagen de fondo, pero aun no lo he conseguido,

Gracias a todos!

Average of ratings: -
In reply to Gerard Garcia

Re: Colocar una imagen de fondo en "Body"

by Marco Ramirez -

Yo tenia el mismo problema y encontré esta solución:


Mi plantilla se llama: aardvark ubicada de esta forma:

localhost/plataforma/themes/aardvark

Mi hoja de css está ubicada en:

localhost/plataforma/themes/aardvark/style/custom.css

Mi imagen que quiero de fondo es:

localhost/plataforma/themes/aardvark/pix/bg_plataforma.jpg


Dentro de mi hoja de estilos tengo el código siguiente:

html,body {
color:#747474;
background-color: #C9C9C9;
background-image: url("");
background-position: center top;
background-repeat:repeat-y;
font-family: 'open sans',sans-serif;
}


Lo que nos interesa cambiar es la imagen de fondo por lo que cambiamos: background-image: url("");

background-image: url("[[pix:theme|bg_plataforma]]");

 


Funciona así:

Pone la ruta de raíz que usa moodle para seleccionar el tema: pix:theme
Por default te lleva a la carpeta de pix: localhost/plataforma/themes/aardvark/pix/

Separador de variables: |

Nombre de la imagen ubicada dentro de la carpeta pix: bg_plataforma


Mi imagen se llama: bg_plataforma.jpg
pero moodle lee la extensión por defecto, por lo que queda así: bg_plataforma

 


No soy muy experto en esto, pero espero les sea de utilidad por que no hay mucha información de esto más que usar una plantilla que ya tenga el código para copiar y pegar, es mejor aprender a conocer el interior.


Saludos a todos.

Average of ratings: -