TABLAS
Para ajustar la tabla para que cada celda se recorra hacia abajo se utiliza la clase “tabla_resp“, lo unico que debemos de realizar es agregar la clase a la etiqueta “table“. Puedes visualizar el código de la tabla que se muestra abajo, haciendo clic en la pestaña texto que se encuentra en la parte superior de la derecha de este editor de texto.
 |
Puesto Nombre Ext. 0000 Email: correo@unison.mx |
 |
Puesto Nombre Ext. 0000 Email: correo@unison.mx |
Si la tabla llegara ser muy grande, es decir con muchas columnas y la opción anterior no es la indicada para mostrar la tabla en diferentes dispositivos , podemos agregar un scroll a la tabla. para ello, solo debemos de encerrar la tabla creada en una etiqueta “div” la cual contenga la clase “table_scroll“. un ejemplo se muestra a continuación:
| SECTOR ACADÉMICO | SECTOR ADMVO. Y DE SERVICIO | SECTOR DE CONFIANZA | PRESTACIONES | ASUNTO LABORALES |
| Subdirección Académica | Subdirección Operativa | Área Administrativa | Área de prestaciones | Objetivo |
| Programación Académica | Prestaciones | Desarrollo Humano | Prestaciones Económicas | Servicios |
VIÑETAS
Para las viñetas tenemos que agregar una clase a la etiqueta “ul“, las diferentes tipos de viñetas con sus respectivas “clases” que puedes colocar en el sitio se muestran a continuación:
Clase “flecha_am1”
- Ejemplo 1
- Ejemplo 2
- Ejemplo 3
- Ejemplo 4
Clase “flecha_am2”
- Ejemplo 1
- Ejemplo 2
- Ejemplo 3
- Ejemplo 4
Clase “flecha_az1”
- Ejemplo 1
- Ejemplo 2
- Ejemplo 3
- Ejemplo 4
Clase “flecha_az2”
- Ejemplo 1
- Ejemplo 2
- Ejemplo 3
- Ejemplo 4
Clase “check_azul”
- Ejemplo 1
- Ejemplo 2
- Ejemplo 3
- Ejemplo 4
Clase “check_amarillo”
- Ejemplo 1
- Ejemplo 2
- Ejemplo 3
- Ejemplo 4