Inicio › Forums › Ayuda / Ajuda / Laguntza / Axuda / Help › No quiero que aparezcan los títulos
Tagged: accesibilidad, css, plantillas, presentación
This topic contains 19 respuestas, has 9 voices, and was last updated by Antonio Monje Fernández Hace 11 años, 3 meses.
-
AuthorEntradas
-
15 octubre, 2012 at 14:31 #1172
Hola,
Pues eso, que cuando se pincha en un índice de la izquierda, no quiero que aparezca el título en la derecha. ¿Cómo se hace?
-
15 octubre, 2012 at 15:02 #1173
Ok,
Me respondo yo
visibility:hidden; en el CSS correspondiente
-
16 octubre, 2012 at 9:32 #1184
Anónimohola
¿se te conserva la eliminación en el html generado?
-
16 octubre, 2012 at 9:48 #1185
-
18 octubre, 2012 at 6:58 #1217
visibility:hidden y display:none también ocultan el texto a los revisores de pantalla. Si quieres ocultar un elemento, pero forma parte del contenido y es importante para su comprensión, es mejor ocultarlo de otra forma. Así mantienes el nivel de accesibilidad de la página.
Ejemplo:
.oculto {position:absolute;left:-9999px;overflow:hidden;}Más información (en inglés): http://webaim.org/techniques/css/invisiblecontent/
-
18 octubre, 2012 at 8:04 #1224
Pefecto máquina.
Muchas gracias Ignacio
-
7 marzo, 2013 at 12:13 #2428
Hola,
Yo también estaría interesada en ocultar los títulos que aparecen “a la derecha”, de forma que solo se visualice en el índice de contenidos. Aunque no estoy tan puesta como vosotros y no sabría como hacer esto: “visibility:hidden; en el CSS correspondiente” (qué CSS?, dónde?) ni tampoco lo que comenta Ignacio. 🙁
Si no fuera muy complicado os agradecería que me lo detallarais un poco más para poder intentarlo. La opción más sencilla!
Gracias y un saludo.
Ana
-
7 marzo, 2013 at 15:04 #2442
AnónimoHola:
Sería interesante disponer de un estilo como el mencionado en base.css
El mismo estilo debería estar en alguno de los CSS del editor, de modo que en tiempo de edición se vea el elemento (pe: en gris y con un icono de ojito cerrado.
Si la idea os parece interesante, abro FR
-
8 marzo, 2013 at 8:10 #2447
Hola Ana.
Nos referimos a los CSS que están en la plantilla que estés usando.
Ejemplo:
- Imagina que en el menú Estilos tienes seleccionado Default.
- En el directorio en el que tengas instalado eXe (donde esté el programa) hay una carpeta que se llama “style”.
- Ahí encontrarás varias carpetas. Una de ellas será “default”. Si la abres, encontrarás un archivo que se llama content.css y otro que se llama nav.css
Si lo que quieres es ocultar elementos al exportar como sitio web, abre nav.css.
Si lo que quieres es ocultar la cabecera, añade esto al final de ese archivo:
#header{ position:absolute; left:-9999px; overflow:hidden; }
Si lo que quieres es ocultar el título del nodo (de la página), añade esto al final de ese archivo:
#nodeTitle{ position:absolute; left:-9999px; overflow:hidden; }
Si vuelves a exportar, podrás ver el resultado.
A tener en cuenta:
- Lo que incluyas en content.css se aplicará siempre.
- Lo que incluyas en nav.css se aplicará solo cuando exportes como sitio web (carpeta auto-contenida o zip).
Saludos.
-
8 marzo, 2013 at 8:20 #2448
¡A mí me parece interesante! ¿Me puedo encargar?
En realidad, está medio hecho: las clases que están en el content_css de TinyMCE ya están disponibles. Lo que hay que hacer es definir una clase que permita ocultar de forma accesible y, en modo edición, forzar que el contenido siga siendo visible, aunque marcándolo de alguna manera.
De paso, habría que poner un poco de orden en eso con “class_filter”, y tal vez podríamos aprovechar para incluir alguna clase más: enlaces a formatos habituales como pdf, odt/word, zip… Esto es un poco más enrevesado, porque habría que incluir los iconos en las exportaciones, pero se puede hacer.
¡Gracias!
-
8 marzo, 2013 at 13:19 #2449
AnónimoPerfecto. Nosotros lo tenemos hecho de modo que en tiempo de edición se ve como se muestra en el pantallazo adjunto. La solución que le hemos dado no es tan correcta como la que propones, por lo que no merece la pena que te pase el CSS.
Esto es muy útil para, por ejemplo, introducir los archivos xml que suelen necesitar algunas animaciones o para introducir archivos .js con funciones que puedan ser llamadas desde eventos.
¡Un saludo!
-
6 abril, 2013 at 21:42 #2739
Gracias, lo he aplicado y me ha venido fenomenal.
Un saludo,
Marisa
-
9 abril, 2013 at 17:52 #2766
Hola.
He intentado aprovechar la explicación que le habéis dado a Marisa para quitar el encabezado de algunos estilos. Pero después de copiar y pegar en nav.css el código que proporcionáis, me pregunta que si quiero guardar los cambios. Pulso “sí”, me dice que nav.css ya existe y que si quiero sustituirlo. Digo otra vez que sí y me sale una ventanita: “Acceso denegado”. ¿Qué hago mal?
¡Saludos!
-
10 abril, 2013 at 7:46 #2768
Nada. Parece un problema de permisos. Abre el bloc de notas (o el programa que estés usando) como administrador (botón derecho y “Ejecutar como administrador”). Así te dejará guardar los cambios. Espero… Ya me dirás.
Saludos.
-
10 abril, 2013 at 9:21 #2771
¡Sí, lo conseguí! Muchas gracias. Cada vez que quiero hacr alguna modificación en content.css o en nav.css tengo que ejecutar el bloc de notas como administrador (no sirve de una vez para otra). Pero lo importante es que al exportarlo sale bien.
Otra pregunta: ¿Sería legal/posible que yo añadiera un logo a una de vuestras plantillas? Y si es así, ¿cómo? Si es muy difícil…
¡Saludos!
-
11 abril, 2013 at 7:11 #2773
¡Claro! Es legal y posible. Y no es difícil. Tendremos que documentar esto como es debido. De momento, unas breves instrucciones:
Cómo cambiar el logo usando la interfaz de eXe
Esto es lo más fácil.
- Ve a la pestaña propiedades y selecciona una imagen de “Fondo de cabecera”.
- Esa imagen se verá en la cabecera al exportar como sitio web.
Eso sí: puede hacer diferencias entre las plantillas, y (esto siempre) la imagen debe tener las dimensiones adecuadas.
Cómo hacer tu propia plantilla
Cada plantilla (CARM, CEDEC, etc.) está hecha de una forma. La más fácil de modificar en estos momentos es INTEF.
- Cópiala y pégala con otro nombre; “Leticia”, por ejemplo.
- Cierra eXe y vuelve a abrirlo.
- Ahora ya tienes la plantilla “Leticia”.
Puedes hacer todos los cambios que quieras en esa plantilla (también podrías hacerlos sobre cualquier otra, pero si actualizases eXe podrías perderlos).
Cambiar las imágenes de la cabecera
Si abres el archivo content.css de la plantilla y lees la primera parte, verás que tiene varias imágenes:
- my_logo.jpg – Imagen de la cabecera de los documentos exportados como Página sola. Mide 530×54 píxeles.
- my_ims_header.jpg – Imagen de fondo para el título de cada página en los IMS y en los documentos exportados como Página sola. Mide 985×52 píxeles.
- my_header.jpg – Imagen de la cabecera de los documentos exportados como Sitio web. Mide 985×108 píxeles.
Puedes sustituir esas imágenes por otras que tengan las mismas dimensiones (crea unas imágenes con esos nombres).
Otros cambios
Sabiendo un poco de CSS puedes hacer mucho más, y sin saber CSS, cambiar los colores de la plantilla INTEF es fácil: abre content.css y nav.css y cambia los códigos de los mismos (códigos hexadecimales).
Estos cambios serán más fáciles en el futuro, pero, como verás, hacer cambios de ese tipo es fácil, aunque no todas las plantillas son iguales.
Saludos.
-
11 abril, 2013 at 7:49 #2775
Muchas gracias, Ignacio. Lo intentaré este fin de semana, que tengo más tiempo. Y no, no sé nada de CSS, pero me fijo mucho y soy muy cabezota hasta que doy con las soluciones…. ¿eso vale?
Saludos
-
11 abril, 2013 at 7:53 #2776
¡Claro que vale! 🙂
-
21 julio, 2013 at 5:39 #8759
Normal
021
false
false
falseES-VE
X-NONE
X-NONE/* Style Definitions */
table.MsoNormalTable
{mso-style-name:”Tabla normal”;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:””;
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin-top:0cm;
mso-para-margin-right:0cm;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0cm;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:”Calibri”,”sans-serif”;
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-fareast-language:EN-US;}Hola a todos! A Ignacio, gracias por sus aportes! Actualmente me encuentro construyendo Objetos de Aprendizaje (OA) para posteriormente almacenarlos en un Repositorio Institucional (RI), pero antes práctico con las otras opciones de exportación. Exe es muy bueno y fácil, sin embargo, para mostrar los OA en el RI deseo que salgan con el logo de la Institución. Leí en tus comentarios anteriores que lo podía hacer y que no es ilegal, también leí las instrucciones para cambiarlo; probé creando un encabezado con Paint, lo cargue en propiedades, se muestra solo en la exportación por sitio Web, pero cuando intento imprimir (PDF Creator), se muestra el Logo o encabezado por defecto de la planilla seleccionada, lo mismo pasa cuando exporto a página HTML única. Me funcionó fue cuando sustituí My_header (logo existente), con el logo creado, en Style. Por favor confirma si no estoy infringiendo al realizar la sustitución de logos, si está bien hacerlo como lo hice?, (ya que no estoy muy diestra con los códigos), y si no tendré problemas para la publicación en el RI y la visibilidad del logo institucional. Gracias de antemano!!!! 😉
-
30 julio, 2013 at 7:52 #9569
Hola Lena:
No tienes ningún problema con las licencias. Todas son modificables. Adelante
Saludos
-
AuthorEntradas
You must be logged in to reply to this topic.