Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.
<ul data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="txt a buscar">
<li><a href="#">List item 1</a></li>
<li><a href="#">List item 2</a></li>
<li><a href="#">List item 3</a></li>
<li data-role="divider">Divisor</li>
<li><a href="#">List item con burbuja contadora
<span class="ui-li-count">15</span>
</a>
</li>
<li><a href="#"><img src="images/logoNegroAjustado.png" class="ui-li-icon"></a>
</li>
<li data-role="list-divider">Divisor</li>
<li><a href="#"><img src="images/logoNegroAjustado.png" ></a></li>
<li><a href="#" data-rel="back" class="ui-btn"> Volver</a>
</ul>- Este atributo hace que la lista no ocupe el 100% del ancho de la pantalla.
- Botón para ir hace atrás.
- Para dar al enlace apariencia de botón
Tener en cuenta que al poner una imagen en una lista, si es un icon, se espera que sea de 16x16px o de 80x80px.
Ejercicio listas
Hacer el ejercicio del enlace completando totalmente la sección de monociclos, tal como se indica.
No olvidar ubicar los botones de retroceso.
Accordion
Para cambiar el icono que se muestra en el acordeo, usaremos el atributo data-collapsed-icon
Para cambiar los estilos del encabezado:
.ui-collapsible-heading-toggle{background: salmon !important}