Construir tema CSS para jQuery

De ChuWiki
Saltar a: navegación, buscar

Una forma sencilla de construir un tema CSS para los widgets de jQuery consiste en ir a la página http://jqueryui.com/themeroller/ y definir ahí nuestro propio tema. Se hace por medio de una interfaz web de usuario, viendo los resultados sobre la marcha. Una vez que estemos contentos con ello, damos al botón naranja "download theme". Pasaremos a una segunda pantalla en la que podemos marcar que partes del CSS queremos según los widgets de jQuery que vayamos a usar, por defecto todos.

Una vez bajado el zip, nos basta descomprimirlo donde esté nuestra página web, modificar algo a mano si queremos, y poner lo siguiente en el <head> de nuestra página

<head>
   ...
   <link type="text/css" href="css/custom-theme/jquery-ui-1.8.16.custom.css" rel="stylesheet" />	
   <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
   <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
   ...

ya que además del tema CSS y las imagenes, también nos descarga las librerías javascript.