Como exibir e acesso pré-definidas CSS3 ThemeRoller Temas
Para ver a lista de temas CSS3 predefinidos, selecione a guia Galeria do menu ThemeRoller mostrado. Você verá uma lista dos temas pelo nome. Observe que cada entrada tema inclui um instantâneo do tema, o nome do tema, e dois botões para fazer o download ou edição o tema, conforme necessário.
Atualmente, existem 24 temas predefinidos de que para escolher (embora a imagem mostra apenas duas das 24 possibilidades).
A ideia icónica do tema só lhe dá um gosto de como ele irá aparecer na tela. Se você realmente quiser ver o tema totalmente, selecione-o clicando em sua entrada na lista. Ao fazê-lo, as alterações da página de modo que você pode ver como o tema afeta a aparência geral da página.
Em alguns casos, você achar que a ideia icónica de um tema é enganosa. Por exemplo, olhar para o tema Le Frog (verde) na lista Galeria. O ícone iria levá-lo a acreditar que tudo sobre este tema é verde. No entanto, apenas os widgets são afectados por esta escolha.
Depois de encontrar o tema predefinido que melhor corresponda às suas necessidades, você pode adicioná-lo à sua aplicação. A maneira mais fácil de executar esta tarefa é usar os URLs de acesso rápido. Você vê uma amostra deles na parte inferior da página ThemeRoller.
O único problema é que o URL para os temas não muda - ele sempre mostra o URL para o tema Suavidade. A fim de usar um tema em seu aplicativo, você deve ter o URL correto para ele, ea URL não está disponível no site da ThemeRoller.
A lista a seguir apresenta os nomes temáticos seguidos pelo URL requisito para esse tema ao usar jQuery UI 1.10 - você adicionar esta URL para o seu código para usar esse tema em sua aplicação.
leveza UI - https://code.jquery.com/ui/1.10.3/themes/ui-lightness/jquery-ui.css
escuridão UI - https://code.jquery.com/ui/1.10.3/themes/ui-darkness/jquery-ui.css
suavidade - https://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css
iniciar - https://code.jquery.com/ui/1.10.3/themes/start/jquery-ui.css
Redmond - https://code.jquery.com/ui/1.10.3/themes/redmond/jquery-ui.css
ensolarado - https://code.jquery.com/ui/1.10.3/themes/sunny/jquery-ui.css
Nublado - https://code.jquery.com/ui/1.10.3/themes/overcast/jquery-ui.css
Le Frog - https://code.jquery.com/ui/1.10.3/themes/le-frog/jquery-ui.css
Estalido - https://code.jquery.com/ui/1.10.3/themes/flick/jquery-ui.css
Moedor de pimenta - https://code.jquery.com/ui/1.10.3/themes/pepper-grinder/jquery-ui.css
Berinjela - https://code.jquery.com/ui/1.10.3/themes/eggplant/jquery-ui.css
Escuro Hive - https://code.jquery.com/ui/1.10.3/themes/dark-hive/jquery-ui.css
Cupertino - https://code.jquery.com/ui/1.10.3/themes/cupertino/jquery-ui.css
Street South - https://code.jquery.com/ui/1.10.3/themes/south-street/jquery-ui.css
Blitzer - https://code.jquery.com/ui/1.10.3/themes/blitzer/jquery-ui.css
Humanity - https://code.jquery.com/ui/1.10.3/themes/humanity/jquery-ui.css
Espreitadelas quentes - https://code.jquery.com/ui/1.10.3/themes/hot-sneaks/jquery-ui.css
Excite Bike - https://code.jquery.com/ui/1.10.3/themes/excite-bike/jquery-ui.css
Vader - https://code.jquery.com/ui/1.10.3/themes/vader/jquery-ui.css
Dot Luv - https://code.jquery.com/ui/1.10.3/themes/dot-luv/jquery-ui.css
Choc da hortelã - https://code.jquery.com/ui/1.10.3/themes/mint-choc/jquery-ui.css
Gravata preta - https://code.jquery.com/ui/1.10.3/themes/black-tie/jquery-ui.css
Trontastic - https://code.jquery.com/ui/1.10.3/themes/trontastic/jquery-ui.css
Bolsa Swanky - https://code.jquery.com/ui/1.10.3/themes/swanky-purse/jquery-ui.css
O curso básico para declarar um tema em seu aplicativo funciona para cada tema predefinido que ThemeRoller fornece. Tudo que você precisa fazer é adicionar o seguinte código ao seu folha de estilo. Basta substituir a URL tema no código a seguir com o URL para o tema que pretende utilizar.