USAR IMAGEN COMO FONDO ZONA DE CONTENIDOS

Home Forums Ayuda / Ajuda / Laguntza / Axuda / Help USAR IMAGEN COMO FONDO ZONA DE CONTENIDOS

This topic contains 7 replies, has 2 voices, and was last updated by  Ignacio Gros 7 months ago.

  • Author
    Posts
  • #29141

    superbike84
    Member

    Hola,

    En el contexto de aplicar un estilo propio al iDevice Cuestionario SCORM, he encontrado dos dificultades:

    – estoy intentando usar una imagen como fondo de la zona de los contenidos en el editor de estilos, he subido una imagen asociada a una url tal y como requiere, cuando finalizo y guardo no me aparece el fondo que acabo de establecer para la zona de los contenidos.(cambiar el color si me deja cambiarlo y lo aplica sin problemas)

    – Cuando elijo la opción centrado/centrado para el texto del encabezado, finalizo y pero el estilo “no deja” guardar esto y me sigue apareciendo izquierda/arriba.

    Estoy trabajando con la última versión disponible de Exe para Mac.

    Gracias por la ayuda, un saludo

  • #29143

    Ignacio Gros
    Member

    Hola.

    1. El Editor de Estilos no permite elegir una imagen de fondo para la zona de contenidos de un iDevice, pero sí puedes incluir a mano el código CSS necesario desde la pestaña Avanzado (campo content.css). Ejemplo (‘QuizTestIdevice’ es la clase que identifica al Cuestionario SCORM):

    .QuizTestIdevice .iDevice_inner{
    background:url(tuImagen) no-repeat left top;
    }

    2. Esa opción de centrado hace referencia al título general del proyecto (pestaña Propiedades de eXe). Si quieres centrar el título de los iDevices puedes incluir este código en el campo content.css de la pestaña Avanzado del Editor de Estilos:

    .iDeviceTitle{
    text-align:center;
    display:block;
    }

    Espero que te sirva.

    Saludos.

  • #29195

    superbike84
    Member

    Gracias Ignacio, disculpa la tardanza en costestar, me ha sido muy útil la aclaración.

  • #29212

    superbike84
    Member

    Hola Ignacio,

    Por un lado he conseguido centrar el título de los iDevices, muchas gracias.

    Pero aplico la primera indicación que me das para incluir la imagen de fondo y no funciona o no veo los cambios: estoy metiendo las siguientes opciones en la pestaña avanzado content css editor de estilos:

    .QuizTestIdevice .iDevice_inner{
    background:url(http://es.tinypic.com/r/2md441e/9) no-repeat left top;
    }

    .QuizTestIdevice .iDevice_inner{
    background:url([IMG]http://i67.tinypic.com/2md441e.jpg[/IMG]) no-repeat left top;
    }

    Gracias de antemano, por tu atención, un saludo

  • #29224

    Ignacio Gros
    Member

    He probado este código en Base (punto de partida para los Estilos creados con el Diseñador de Estilos) e INTEF y funciona:

    .QuizTestIdevice .iDevice_inner{
    background:url(tu_imagen) no-repeat 0 0;
    }

    Si quieres pásame un enlace o adjunta un zip con tu web o sólo con el Estilo y te digo.

    Saludos.

  • #29248

    superbike84
    Member

    Hola Ignacio,

    Adjunto zip con el estilo que vengo usando, ya que al editar los estilos que me propones me dice que al ser predeterminados no se puede…

    ¿el cambio sería visible en “autoría” antes de cargar el scorm en Moodle?

    ¿Está bien escrito el código que te puse arriba?

    De nuevo, muchísimas gracias

  • #29249

    superbike84
    Member

    ZIP

    • This reply was modified 7 months ago by  superbike84.
    Archivos adjuntos:
    You must be logged in to view attached files.
  • #29253

    Ignacio Gros
    Member

    Hola.

    El Estilo que me has pasado funciona. Tiene el cambio que quieres. Al menos el que he entendido que quieres: imagen de fondo en el iDevice SCORM.

    Si lo que quieres es que la exportación SCORM tenga una imagen de fondo es diferente:

    .exe-scorm{
    background:url(tu_imagen) no-repeat 0 0;
    }

    También en content.css (pestaña Avanzado del Editor de Estilos).

    ¿Era eso?

    Saludos.

You must be logged in to reply to this topic.