Curso: Ejemplos de Kamaleon | Comunidad Moodle

Página Principal Calendario Contáctanos Preguntas frecuentes Experiencias Catálogo

Perfilado de sección

Por defecto

Elementos que permite para cada ítem:

título corto
título
subtítulo
enlace
destino del enlace
texto de enlace
contenido
banner
ícono

Título corto

Título completo 1

Subtítulo

Aliquid atque omnis voluptate, nulla cupiditate commodi nostrum, eligendi consectetur reprehenderit sequi, quod dolorum provident quam magnam laboriosam soluta hic blanditiis error assumenda repellat! Est consequatur maxime libero aspernatur earum.

Con nombre del enlace

Título corto

Título completo 1.2

Subtítulo

Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae, labore quasi. Est eius earum ut facere quae neque rem atque, tempore obcaecati doloremque et eos voluptates fugit optio quia cum?

Más ...

BbCo indicator

Elementos que permite para cada ítem:

~~título corto~~
título
subtítulo
~~enlace~~
~~destino del enlace~~
~~texto de enlace~~
~~contenido~~
~~banner~~
ícono

Usuarios

+2048

Cursos

+512

Insignias

+124

BbCo indicator with font icon

Elementos que permite para cada ítem:

título corto: se utiliza este campo para difinir el nombre del ícono (debe existir en Moodle a partir de Fontawesome)
título
subtítulo
~~enlace~~
~~destino del enlace~~
~~texto de enlace~~
~~contenido~~
~~banner~~
~~ícono~~

Usuarios

+2048

Cursos

+512

Insignias

+124

Buttons icon - 1

Un botón sencillo y mejorado que utiliza el icono como referencia visual.

Elementos que permite para cada ítem:

~~título corto~~
título
~~subtítulo~~
enlace
destino del enlace
~~texto de enlace~~
~~contenido~~
~~banner~~
ícono

Ahorro

Sin enlace

Regalo

Bootsrap carousel

Elementos que permite para cada ítem:

~~título corto~~
título
subtítulo
enlace
destino del enlace
~~texto del enlace~~
contenido
banner
~~ícono~~

Este es el título 1

Este es el subtitulo

Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae, labore quasi. Est eius earum ut facere quae neque rem atque, tempore obcaecati doloremque et eos voluptates fugit optio quia cum.

Este es el título 1.2

Este es el subtítulo

Degraded carousel

Estilo degradado de carrusel Bootstrap.

Elementos que permite para cada ítem:

~~título corto~~
título
subtítulo
enlace
destino del enlace
texto del enlace
~~contenido~~
banner
~~ícono~~

Moodle Conecta

Ideas que se encuentran

CES Cards resize

Elementos que permite para cada ítem:

título corto
título
~~subtítulo~~
enlace
destino del enlace
texto de enlace
contenido
banner
~~ícono~~

Título 1.1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae, labore quasi. Est eius earum ut facere quae neque rem atque, tempore obcaecati doloremque et eos voluptates.

Este es el título 1.2

Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae, labore quasi. Est eius earum ut facere quae neque rem atque, tempore obcaecati doloremque et eos voluptates fugit.

CES simple card

Elementos que permite para cada ítem:

~~título corto~~
título
~~subtítulo~~
enlace
destino del enlace
~~texto de enlace~~
~~contenido~~
banner
~~ícono~~

Título 1.1

Título 1.2

CES tabs

Elementos que permite para cada ítem:

~~título corto~~
título
~~subtítulo~~
enlace
destino del enlace
texto de enlace
contenido
banner
ícono

Título 1.1

Título 1.2

Título 1.1

Aliquid atque omnis voluptate, nulla cupiditate commodi nostrum, eligendi consectetur reprehenderit sequi, quod dolorum provident quam magnam laboriosam soluta hic blanditiis error assumenda repellat! Est consequatur maxime libero aspernatur earum.

Título 1.2

Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae, labore quasi. Est eius earum ut facere quae neque rem atque, tempore obcaecati doloremque et eos voluptates fugit optio quia cum?

Tabs

Elementos que permite para cada ítem:

título corto
título
subtítulo
enlace
destino del enlace
texto de enlace
contenido
banner
ícono

Elemento 1

Elemento 2

Elemento 3

Primer elemento

Destacado

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eelit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Segunda parte

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eelit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Tercer elemento

Continua

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eelit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Más ...

Confiar over card

Elementos que permite para cada ítem:

~~título corto~~
título
~~subtítulo~~
enlace
destino del enlace
texto de enlace
contenido
banner
~~ícono~~

Título 1.1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae, labore quasi. Est eius earum ut facere quae neque rem atque, tempore obcaecati doloremque et eos voluptates fugit optio quia cum?

Título 1.2

Confiar simple block

Elementos que permite para cada ítem:

~~título corto~~
título
~~subtítulo~~
enlace
destino del enlace
texto de enlace
contenido
banner
~~ícono~~

Título 1.1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae, labore quasi. Est eius earum ut facere quae neque rem atque, tempore obcaecati doloremque et eos voluptates fugit optio quia cum?

Título 1.2

Events 1

Elementos que permite para cada ítem:

título corto: esquina superior izquierda
título
subtítulo
enlace
destino del enlace
texto de enlace
contenido
banner
ícono
variables: la variable author. La sintaxis sería: author=Nombre del autor

03 oct

Cultura y vida cotidiana

¿De cuándo acá todos tenemos que ser emprendedores?

Por Maria Marcela Martínez

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et lectus in risus molestie pellentesque. Nunc gravida interdum est, eu rutrum ante ultrices in. Quisque id quam venenatis, facilisis ligula quis, vulputate nisl. Integer mauris lacus, sagittis ac lacus quis, eleifend lobortis massa. Vivamus placerat ligula nec orci accumsan, nec iaculis dui rhoncus. Nam eu turpis id ante aliquam fringilla in in tortor.

Sigue leyendo

20 may

Encuentro

Maternidades muchas

Por Pepito Pérez

Phasellus tempus lacus dignissim, venenatis mauris vitae, lacinia lacus. Nam blandit urna vitae posuere mollis. Phasellus vel vehicula nibh, id mattis orci. Ut commodo purus ac mi tempus, et feugiat magna semper.

Sigue leyendo

Comfenalco simple card

Elementos que permite para cada ítem:

~~título corto~~
título
~~subtítulo~~
enlace
destino del enlace
texto de enlace
~~contenido~~
banner
~~ícono~~

Comfenalco simple card II

Elementos que permite para cada ítem:

~~título corto~~
título
~~subtítulo~~
enlace
destino del enlace
texto de enlace
contenido
banner
~~ícono~~

Noticias 1

Duis scelerisque venenatis tincidunt. Fusce quis tellus a leo egestas tincidunt ut vel nisl. Cras vitae tortor non ipsum venenatis tincidunt. Quisque in elementum est, nec volutpat libero.

Más info

Noticia 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et commodo neque. Ut condimentum iaculis est quis tincidunt. Suspendisse porta cursus sapien, ut malesuada est elementum sed.

Más info

Stars rating

Tipo de contenido: Valoraciones de cursos

Elementos que permite para cada ítem:

título corto
título
~~subtítulo~~
enlace
destino del enlace
~~texto de enlace~~
contenido
~~banner~~
ícono: foto de quien valoró el curso
variables:
- author=Nombre del autor
- rating=11100 (lista de 1s y 0s. 1 es estrella marcada, 0 es no marcada).

Memorias Encuentro 2025

Gran evento!!

★☆

Hace 4 meses

Leonardo Pérez Marulanda

Memorias - Encuentro Comunidad Moodle Medellín 2023

¡Gracias!

★☆

Hace 18 meses

Diana Gutiérrez

Image link

Elementos que permite para cada ítem:

~~título corto~~
título
~~subtítulo~~
enlace
destino del enlace
texto de enlace
~~contenido~~
banner
~~ícono~~

Buttons with image - 1

La tarjeta completa funciona como un botón. Su atractivo visual se ve realzado por la imagen que la acompaña. Se puede definir la etiqueta del botón o utilizar un icono.

Elementos que permite para cada ítem:

~~título corto~~
título
subtítulo
enlace
destino del enlace
texto del enlace
~~contenido~~
~~banner~~
Ícono

Botón 1

Botón 2

News 1

Creado para implementar una vista de noticias.

Elementos que permite para cada ítem:

~~título corto~~
título
~~subtítulo~~
enlace
destino del enlace
texto del enlace
contenido
banner
~~ícono~~

julio 23 de 2025

Noticia 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempor incididunt ut labore et dolore magna aliqua.

Mayo 20 de 2025

Noticia 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eelit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Seguir leyendo

1 de enero de 2024

Noticia 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eelit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Estilos adicionales

Al adicionar algunas clases al bloque (opción "Clases CSS adicionales"), se logran efectos especiales. En este ejemplo se usan las dos clases soportadas hasta el momento:

kam-cols-2: separa el contenido del bloque en dos columnas, es útil aprovechando el "Encabezado del bloque" o el "Pie del bloque" en unión con el contenido configurado (en este ejemplo se usa "Indicadores con fuentes".
kam-cards: adiciona un marco para delimitar los contenidos con un sombreado adicional, disponible en diseños específicos, por ahora: "BbCo indicator with font icon".

Nota: Tener presente que para que la opción de adicionar clases al bloque esté disponible se debe habilitar a nivel de sitio.

Documentación especial

Información oportuna

Visualización con deslizador horizontal

Todos los diseños de Kamaleon se pueden configurar para que se vean siempre en una línea horizontal aunque sean muchos ítems, utilizando flechas para desplazar entre elementos a modo de carrusel. Para ello se utiliza la opción "Deslizador horizontal" en la configuración del bloque.

A continuación un ejemplo: