Inicio › Forums › Ayuda / Ajuda / Laguntza / Axuda / Help › USAR IMAGEN COMO FONDO ZONA DE CONTENIDOS
This topic contains 7 respuestas, has 2 voices, and was last updated by Ignacio Gros Hace 6 años, 11 meses.
-
AuthorEntradas
-
20 noviembre, 2017 at 19:35 #29141
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
-
21 noviembre, 2017 at 9:03 #29143
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.
-
11 diciembre, 2017 at 23:44 #29195
Gracias Ignacio, disculpa la tardanza en costestar, me ha sido muy útil la aclaración.
-
13 diciembre, 2017 at 14:27 #29212
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
-
14 diciembre, 2017 at 11:04 #29224
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.
-
17 diciembre, 2017 at 19:08 #29248
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
-
17 diciembre, 2017 at 19:09 #29249
ZIP
- This reply was modified Hace 6 años, 11 meses by superbike84.
Archivos adjuntos:
You must be logged in to view attached files. -
18 diciembre, 2017 at 10:57 #29253
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.
-
AuthorEntradas
You must be logged in to reply to this topic.