JQueryMobile HTML5, JavaScript e CSS5 para multiplataforma
Agenda Formatação de Conteúdo – Estilização Básica; – Textos Truncados; – Mostras e Esconder conteúdo; – Efeito Acordeão
ESTILIZAÇÃO BÁSICA Formatação de Conteúdo
ESTILIZAÇÃO BÁSICA Por padrão, respeita a formatação e renderização padrão do browser; Alguns exemplos;
ESTILIZAÇÃO BÁSICA Cabeçalho H1 Cabeçalho H2 Cabeçalho H3 Cabeçalho H4 Cabeçalho H5 Cabeçalho H6
ESTILIZAÇÃO BÁSICA
Primeiro Parágrafo Segunda Parágrafo Terceiro Parágrafo com elemento negrito e ênfase no link. Exemplo de uso da tag code Abacaxi Abacate Amora Melancia Maça Pera
ESTILIZAÇÃO BÁSICA
Grêmio Inter Juventude Aimoré Sport de David Canabarro JQueryMobile Multiplataform... UPF Universidade de Passo Fundo
ESTILIZAÇÃO BÁSICA
Venda de Carros Corcel Fusca Gol......
ESTILIZAÇÃO BÁSICA
TEXTOS TRUNCADOS Formatação de Conteúdo
ESTILIZAÇÃO BÁSICA Comportamento padrão:
ESTILIZAÇÃO BÁSICA Sobrescrever regras de estilo do framework;.ui-header.ui-title,.ui-footer.ui-title { white-space: normal !important; }
MOSTRAS E ESCONDER CONTEÚDO Formatação de Conteúdo
MOSTRAR E ESCONDER Data-role: collapsible; Primeiro será o cabeçalho; Podem existir inúmeras outras tags ; Inicialmente fechado. Possível mudar com propriedade: data-collapsible=false
ESTILIZAÇÃO BÁSICA Meses do Ano Na linguagem portuguesa temos Janeiro...
MOSTRAR E ESCONDER Temas customizáveis através das propriedades: data-theme; data-content-theme; O primeiro estiliza o botão de ocultar/mostrar, já o segundo a área de conteúdo;
MOSTRAR E ESCONDER... <div data-role="collapsible" data-theme="b" data-content-theme="e"> Meses do Ano...
EFEITO ACORDEÃO Formatação de Conteúdo
EFEITO ACORDEÃO data-role collapsible-set com vários data-role collapsible; Todos os recursos vistos anteriormente podem ser aplicados; Fechamento automático
ESTILIZAÇÃO BÁSICA... Rio Grande do Sul... Santa Catarina......