ayuda

Hola Ana

Tu plantilla en los exportados html no está actualizada a los nuevos desarrollos respecto a la accesibilidad de exelearning.

Normalmente llega con pegar:

/* ITE elements */

#siteNav{

z-index:1000;

width: 220px;

float: left;

text-align:left;

padding-right: 5px;

border: 1px solid #FFF;

border-right: 1px dashed #365475;

font-family: Verdana,Arial, Helvetica, sans-serif;

}

#siteNav ul,#siteNav li{

margin:0;

padding:0;

list-style:none;

list-style-image:none;

}

#siteNav a{

display: block;

padding: 4px 0px 4px 18px;

color: #598AC3;

font-weight: bold;

background-color: #FFFFF;

text-decoration: none;

width: 198px;

}

#siteNav a:hover{

color: #365475;

font-weight:bold;

background-color:#F5F5F5;

border: 1px dashed #CCCCCC;

}

#siteNav .daddy{

background-image: url(collapse2.gif);

background-repeat: no-repeat;

background-position: 2px 6px;

}

#siteNav .active{

background-color: #FDFAF9;

background-repeat: no-repeat;

color: #BD4949;

font-weight: bold;

}

#siteNav .daddy.active{

background-image: url(collapse.gif) !important;

}

#siteNav ul ul .active{

background-image:none !important;

}

#siteNav#siteNav .no-ch{

font-size:.82em;

}

#siteNav ul ul ul a{

padding-left:28px;

width: 188px;

font-size:.82em;

}

#siteNav ul ul ul ul a,#siteNav#siteNav ul ul ul ul .no-ch{

font-size:1em;

}

#siteNav .other-section{

display:none; /* Remove if you want all levels to be displayed */

}

Hola Antonio,

Para mi problema con los estilos, he seguido tu consejo a Ana Maria y me ha mejorado mucho el menú de la izquierda, aunque sigue sin verse del todo bien. ¿Sabrias decirme que parte del nav debo retocar para que se vea bien?

Te mando un pantallazo para que veas a lo que me refiero.

Gracias y saludos

Gemma

Sin verlo es complicado pero podrías probar a modificar el ancho de tu índice.

Si utilizas herramientas de chrome Inspeccionar elemento puedes ir probando con diferentes valores seleccionando el menú, pero como te digo a ciegas es complicado…

Hola Antonio,

Muchas gracias, es fantastica la herramienta de Inspeccionar elemento, así puedo saber qué debo modificar tanto del Nav como del Content para dar nuestro estilo propio al curso.

Quería hacerte una pregunta, he elegido trabajar sobre el estilo MAX. Este estilo tiene un recuadro al rededor de la pantalla, este recuadro ocupa más o menos en función de la cantidad de texto que haya en cada una de las pantallas del curso. ¿es posible establecer un alto fijo para cada pantalla? Así si hay más texto, el scroll está dentro del material y no hará que también se mueva el recuadro.

Gracias por tu ayuda.

Saludos

Gemma

 

Bien!!!

Con respecto a MAX, va a atinar mejor Ignacio Gros que ha sido el creador de la plantilla. Le aviso 😉

Hola Gemma.

Prueba a incluir esto al final del archivo nav.css que está en la carpeta de la plantilla (carpeta style/MAX del directorio en el que tengas instalado eXe):

#content #main {height:25em;overflow:auto;padding-left:0;padding-bottom:10px;}

También puedes definir la altura en píxeles (ejemplo: height:500px;).

Espero que te sirva.

Saludos.

Hola Ignacio,

He copiado este bloque y va perfecto. He definido la altura en 600px y queda clavado a la página. Con esto fijo el recuadro exterior, pero desde dónde puedo modificar la altura del recuadro del interior del material, es decir, de dónde sale el scroll?

Te agradezco mucho tu ayuda.

Saludos

Gemma

Esa capa (“main”) es la que alberga el contenido. Simplificando, el código de una página tras exportar como sitio web es este:

<div id=”content”>    <div id=”header”>        Cabecera    </div>    <div id=”siteNav”>        Navegación    </div>    <div id=”main”>        <div id=”nodeDecoration”>            <h1 id=”nodeTitle”>Título del nodo</h1>        </div>        Contenidos.    </div></div>

Es decir: la capa “content” tiene dentro todo (la cabecera, la navegación y los contenidos).

Con esto quiero decir que, en principio, la solución sería esa.

De todas formas, si quieres pásame un enlace a tu página y le echo un vistazo por si se me ocurre algo.

Gracias por preguntar esto, porque creo que sería interesante incluir una capa más que agrupe “Contenidos”. Mejoraría el control sobre la presentación.

He abierto una petición en la forja: https://forja.cenatic.es/tracker/?group_id=197&atid=886&func=detail&aid=1820

• This reply was modified Hace 11 años, 4 meses by  Ignacio Gros. Reason: Completo la información (petición en la forja)

Hola Ignacio,

Gracias a tí por toda la ayuda que me estás prestando!

Aquí tienes el enlace a la prueba que estoy haciendo a ver que te parece:  http://www.tdsystem.net/00_Cursos_on_line/prueba/index.html

Supongo que debería ampliar de algún modo el espacio del contenido, pero no se como hacerlo.

Gracias por todo.

Saludos

Gemma

 

Hola Gemma.

¡Me alegro de que te sirva lo que te pasé!

Para hacer más alto el espacio del contenido no tienes más que cambiar el valor de “height” en el código que envié el otro día:

• height:25em;
• height:50em;
• …

Hola Ignacio,

Muchisimas gracias por tu ayuda, ahora queda perfecto!! Te mando un enlace para que puedas verlo.

http://www.tdsystem.net/00_Cursos_on_line/max3/prueba/index.html

Gracias por todo.

Saludos

Gemma

 

¡De nada! 🙂

Está muy bien.

Un detalle: en resoluciones de pantalla altas la imagen Banner_tiempo.png no ocupa todo el ancho de la página. Si quieres puedes hacerla más ancha para que la banda verde siempre llegue hasta el final.

Saludos.

¡De nada! 🙂

Está muy bien.

Un detalle: en resoluciones de pantalla altas la imagen Banner_tiempo.png no ocupa todo el ancho de la página. Si quieres puedes hacerla más ancha para que la franja verde siempre llegue hasta el final.

Saludos.

¿El menú que se genera al exportar como sitio web? Si es así, añade esto en el archivo nav.css del Estilo que hayas seleccionado:

#siteNav{font-size:1.2em;}

Cambia “1.2em” por lo que necesites.

Saludos.