Cómo ver demos css3 interactivos

La carpeta de desarrollo de haz de CSS3 en jQuery contiene una gran cantidad de material útil. Una de las primeras piezas que usted debe mirar es el contenido de la carpeta demos desarrollo paquete, que contiene ejemplos de cómo utilizar los distintos jQuery UI cuenta con su tema.

Desafortunadamente, ninguno de estos ejemplos realmente utilizan el tema que ha creado a menos que los modifique para hacerlo. Por ejemplo, el ejemplo a la medida icons.html en el desarrollo de haz demos carpeta acordeón muestra cómo realizar esta tarea, pero no utiliza el tema por defecto.

imagen0.jpg

Afortunadamente, es fácil de modificar el ejemplo para que no aparezca con su tema en su lugar. En el procedimiento siguiente se indica cómo modificar el ejemplo-custom icons.html - otros ejemplos siguen el mismo patrón.

  1. Retire el jQuery existente, jQuery UI y etiquetas de estilo.

    Es necesario eliminar las etiquetas generales se muestran aquí para este ejemplo.

  2. Agregue el jQuery actualizada, jQuery UI y etiquetas de estilo que se muestra aquí.

    Asegúrese de utilizar los enlaces que aparecen en index.html. Debido a que este ejemplo es de varias capas de profundidad en la jerarquía, debe agregar ../ para cada nivel de carpeta que el ejemplo está por debajo del nivel principal (normalmente tres niveles, como se muestra aquí).

  3. Actualizar la página.

    Usted ve la salida temática. Este es un ejemplo típico de lo que la producción de temática podría ser similar.

    image1.jpg