new icons for my own exe style

Home Forums Ayuda / Ajuda / Laguntza / Axuda / Help new icons for my own exe style

This topic contains 9 replies, has 3 voices, and was last updated by  isabellebaena 1 month, 1 week ago.

  • Author
    Posts
  • #29134

    mafernandes
    Member

    Hi everybody!

    I started personalizing my own eXe style and now I want to change icons and remove the contraction button.

    Is it possible? Can anyone give me some help?

    Thank you!

  • #29135

    mafernandes
    Member

    Just to explain, I’d like to use free icons from the noum project:

    https://thenounproject.com/

    🙂

  • #29139

    Ignacio Gros
    Member

    Hi!

    1. Create a new Style (duplicate one, change the name of its folder and change the name of the Style in the config.xml file or just use Tools – Style Designer).

    2. Include your icons in the folder. The name of the icons should start with ‘icon_’ if you want them to be available from the iDevice Editor.

    3. If you want to use a new icon for a certain iDevice (Objectives, etc.), you’ll have to edit the content.css file of your Style.

    This is where the Styles are placed:

    – Linux: ~/.exe/ (personal folder)
    – Windows XP: C:\Documents and Settings\xxxx\Application Data\exe (xxxx is your user name)
    – Windows 7+: C:\Users\xxxx\AppData\Roaming\exe
    – MAC: /Users/xxxx/.exe

    I hope it helps.

  • #29211

    Hola,
    Estoy intentando crear mi propio estilo en exelearning. He empezado haciéndolo desde el botón de “crear un estilo nuevo” donde te sale la ventana en la que puedes ir cambiando: cabezera, letra, etc. El problema es que cuando lo guardo no aparecen todos los cambios aunque si los puedo ver mientras lo estoy creando.
    Quisiera también editar los iconos y los títulos de idevices. Me gustaría saber si es necesario editar dentro de la carpeta que obtenemos cuando descargamos el paquete y desde allí modificar css etc o no es necesario. En caso de que esta sea la única solución, alguien me puede guiar en cómo hacerlo. Otra duda que me surge es, si creo un estilo nuevo, ¿cómo sé si es responsive?
    Muchas gracias

    • #29222

      Ignacio Gros
      Member

      Hola, @isabellebaena.

      > El problema es que cuando lo guardo no aparecen todos los cambios aunque si los puedo ver mientras lo estoy creando.

      Dime qué cambios haces y no se guardan, por favor. Si eso pasa, se trataría de un fallo a resolver.

      > Quisiera también editar los iconos y los títulos de idevices. Me gustaría saber si es necesario editar dentro de la carpeta que obtenemos cuando descargamos el paquete y desde allí modificar css etc o no es necesario.

      Puedes hacerlo como dices. Para hacerlo:

      * Crea un Estilo con el Diseñador de Estilos.
      * Exporta tu Estilo y guarda una copia del zip exportado por si acaso.
      * Borra el Estilo de eXe.
      * Descomprime el zip.
      * Añade en la carpeta los iconos que quieras (si su nombre empieza por ‘icon_’ y tienen extensión ‘png’ o ‘gif’ podrás seleccionarlos desde el Editor de iDevices).
      * Genera de nuevo un zip con todo el contenido de la carpeta (es importante que no tenga carpetas intermedias).
      * Importa de nuevo el Estilo en eXe.

      Luego ve al Editor de Estilos, y en la pestaña Avanzado, edita el campo content.css.

      Ahí puedes definir los iconos para cada iDevice.

      Para Objetivos, por ejemplo, usarías este código:

      .objectivesIdevice .iDeviceTitle{
      background-image:url(icon_example.png);
      }

      Cada iDevice tiene una clase: activityIdevice, readingIdevice, etc. Eso te permite controlar su apariencia.

      Lo mejor es que veas el contenido del fichero content.css para saber cuáles son las clases. Avisa si tienes dudas.

      ¡Ah! Podrías hacer todo eso sin salir del Editor de Estilos, subiendo uno a uno los iconos desde cualquier campo que te permita seleccionar imágenes. A mí me resulta más cómodo trabajar en la carpeta descomprimida, pero es cuestión de gustos.

      Si te manejas bien con la carpeta descomprimida te recomiendo que escribas algo (lo que sea) en el campo content.css y que luego exportes el Estilo y veas dónde se guarda lo que has escrito. Así podrías editar todo a mano.

      > Otra duda que me surge es, si creo un estilo nuevo, ¿cómo sé si es responsive?

      Si lo has creado con el Diseñador de Estilos lo es, y si duplicas cualquiera de los Estilos que tiene eXe por defecto también. Si no, tendrás que ver el contenido de content.css y nav.css, y ver si incluye las CSS Media Queries necesarias.

      Saludos.

  • #29223

    Hola Ignacio,
    Muchas gracias por tu respuesta. Seguiré paso a paso lo que me comentas. Aunque como no controlo el tema de los css me resulta todo muy confuso. Lo que no se me cargaba cuando guardaba el nuevo estilo era la imagen de cabecera.
    Pongo en práctica todo lo que me has explicado y escribo otra vez si me surge alguna duda.
    Muchas gracias por todo

  • #29226

    Ignacio Gros
    Member

    Dinos cómo se llama tu imagen de cabecera (o adjúntala) y qué versión de eXe, navegador y sistema operativo usas, por favor. Es que he probado y me ha funcionado…

    Por si te apetece aprender CSS: https://www.educa2.madrid.org/web/recursostic/inicio/-/visor/desarrollo-web-con-estandares

    Saludos.

  • #29227

    Hola Ignacio,
    Es la última versión y uso Google Chrome. Te adjunto la imagen que me comentas.
    Gracias por el link que me mandas
    Saludos

    Archivos adjuntos:
    You must be logged in to view attached files.
  • #29229

    Ignacio Gros
    Member

    ¿Chrome para Windows? He probado ahí y ha funcionado. ¿Puedes probar a seleccionar la imagen desde otro sitio (a ponerla en el Escritorio, por ejemplo, e intentarlo?

    ¿Te pasa con otras imágenes?

    Gracias.

  • #29230

    Hola Ignacio,
    Solo he probado con esa. Utilizo Mac. Voy a hacer lo que dices a ver qué tal.
    Saludos y nuevamente gracias

You must be logged in to reply to this topic.