Cómo ver y acceder a css3 predefinido themeroller temas

Para ver la lista de temas CSS3 predefinidos, seleccione la pestaña Galería del menú ThemeRoller muestra. Usted ve una lista de los temas por su nombre. Observe que cada entrada de tema incluye una instantánea del tema, el nombre del tema, y ​​dos botones para descargar o editar el tema, según sea necesario.

Actualmente existen 24 temas predefinidos entre los que elegir (aunque la captura de pantalla muestra sólo dos de las 24 posibilidades).

La vista icónica del tema sólo le da una idea de cómo va a aparecer en pantalla. Si realmente quieres ver el tema completamente, seleccionarlo haciendo clic en su entrada en la lista. Al hacerlo, los cambios de la página de manera que se puede ver cómo el tema afecta a la apariencia general de la página.

En algunos casos, se encuentra que la vista icónica de un tema es engañosa. Por ejemplo, mira el tema de Le Frog (verde) en la lista Galería. El icono te conducirá a creer que todo lo relacionado con este tema es de color verde. Sin embargo, sólo los widgets se ven afectados por esta elección.

Video: Bootstrap Tutorial #28 - Bootstrap Themes

Después de encontrar el tema predefinido que mejor se adapte a sus necesidades, puede añadirlo a su aplicación. La forma más fácil de realizar esta tarea es utilizar las direcciones URL de acceso rápido. Se ve una muestra de ellos en la parte inferior de la página ThemeRoller.

El único problema es que la URL de los temas no cambia - que siempre muestra la dirección URL para el tema de la suavidad. Para utilizar un tema en su aplicación, debe tener la URL correcta para él, y la dirección no está disponible en la página web ThemeRoller.

Video: Flat Template: HTML5 & CSS3 Portfolio Template

La siguiente lista presenta los nombres de los temas seguido de la URL requerida para ese tema cuando se utiliza jQuery UI 1.10 - agrega este URL para su código con el fin de utilizar ese tema en su aplicación.

• IU ligereza - IU oscuridad - http://code.jquery.com/ui/1.10.3/themes/ui-darkness/jquery-ui.css

• suavidad - http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css

• Comienzo - http://code.jquery.com/ui/1.10.3/themes/start/jquery-ui.css

• Redmond - http://code.jquery.com/ui/1.10.3/themes/redmond/jquery-ui.css

• Soleado - http://code.jquery.com/ui/1.10.3/themes/sunny/jquery-ui.css

• Nublado - http://code.jquery.com/ui/1.10.3/themes/overcast/jquery-ui.css

• Le Frog - http://code.jquery.com/ui/1.10.3/themes/le-frog/jquery-ui.css

• Flick - http://code.jquery.com/ui/1.10.3/themes/flick/jquery-ui.css

• Molinillo de pimienta - http://code.jquery.com/ui/1.10.3/themes/pepper-grinder/jquery-ui.css

• Berenjena - http://code.jquery.com/ui/1.10.3/themes/eggplant/jquery-ui.css

• Oscuro Colmena - http://code.jquery.com/ui/1.10.3/themes/dark-hive/jquery-ui.css

• Cupertino - http://code.jquery.com/ui/1.10.3/themes/cupertino/jquery-ui.css

• Calle Sur - http://code.jquery.com/ui/1.10.3/themes/south-street/jquery-ui.css

• Blitzer - http://code.jquery.com/ui/1.10.3/themes/blitzer/jquery-ui.css

• La humanidad - http://code.jquery.com/ui/1.10.3/themes/humanity/jquery-ui.css

• Sneaks calientes - http://code.jquery.com/ui/1.10.3/themes/hot-sneaks/jquery-ui.css

• Excite Bike - http://code.jquery.com/ui/1.10.3/themes/excite-bike/jquery-ui.css

• Vader - http://code.jquery.com/ui/1.10.3/themes/vader/jquery-ui.css

• Punto de Luv - http://code.jquery.com/ui/1.10.3/themes/dot-luv/jquery-ui.css

• Choc de la menta - http://code.jquery.com/ui/1.10.3/themes/mint-choc/jquery-ui.css

• Lazo negro - http://code.jquery.com/ui/1.10.3/themes/black-tie/jquery-ui.css

• Trontastic - http://code.jquery.com/ui/1.10.3/themes/trontastic/jquery-ui.css

• Swanky monedero - http://code.jquery.com/ui/1.10.3/themes/swanky-purse/jquery-ui.css

La forma más básica para la declaración de un tema en su aplicación funciona para cada tema predefinido que proporciona ThemeRoller. Todo lo que necesita hacer es añadir el siguiente código a su hoja de estilo. Basta con sustituir la URL tema en el siguiente código con el URL para el tema que desea utilizar.