Mudanças entre as edições de "Templates do pacote Órbita"
(→Animações de Abertura) |
(→Animações de Abertura) |
||
Linha 71: | Linha 71: | ||
Em todos os templates cujas miniaturas foram exemplificadas acima, temos uma curta animação logo no início dos mesmos, assim como animações durante a execução das campanhas. '''Nos modelos <span style="color:orange">HTML5</span> temos uma quantidade de animações reduzida''', visto que os mesmos são mais usados em dispositivos Android; que, por assim dizer, possuem capacidade de processamento reduzida. Abaixo estão '''vídeos''' exemplificando essas animações: | Em todos os templates cujas miniaturas foram exemplificadas acima, temos uma curta animação logo no início dos mesmos, assim como animações durante a execução das campanhas. '''Nos modelos <span style="color:orange">HTML5</span> temos uma quantidade de animações reduzida''', visto que os mesmos são mais usados em dispositivos Android; que, por assim dizer, possuem capacidade de processamento reduzida. Abaixo estão '''vídeos''' exemplificando essas animações: | ||
+ | <!--<HTML5video width="267" height="150" autoplay="true" loop="true">Template Orbita - Redes Sociais</HTML5video> <HTML5video width="267" height="150" autoplay="true" loop="true">Template Orbita - Noticias</HTML5video> <HTML5video width="267" height="150" autoplay="true" loop="true">Template Orbita - Hora Certa</HTML5video> <HTML5video width="267" height="150" autoplay="true" loop="true">Template Orbita - Previsao do Tempo</HTML5video>--> | ||
− | <HTML5video width=" | + | <!-- GREEN SECTION --> |
+ | {| id="mp-upper" style="width: 100%; margin:4px 0 0 0; background:none; border-spacing: 0px;" | ||
+ | <!-- FIRST VIDEO SECTION --> | ||
+ | | class="MainPageBG" style="border:1px solid #cef2e0<!--linha do fundo-->; background:#f5fffa<!--cor do fundo-->; vertical-align:top; color:#000;" | | ||
+ | {| id="mp-left" style="vertical-align:top; background:#f5fffa<!--cor do fundo-->;" | ||
+ | ! style="padding:2px;" | <h2 id="mp-dyk-h2" style="margin:3px; background:#cef2e0<!--fundo do titulo-->; font-size:120%; font-weight:bold; border:1px solid #a3bfb1<!--linha do titulo-->; text-align:left; color:#000; padding:0.2em 0.4em;"> | ||
+ | <!-- FIRST VIDEO TITLE --> | ||
+ | Notícias Redes Sociais</h2> | ||
+ | |- | ||
+ | | style="color:#000;" | <div id="mp-tfa" style="padding:2px 5px"> | ||
+ | <!-- FIRST VIDEO --> | ||
+ | <HTML5video width="249" height="140" autoplay="true" loop="true">Template Orbita - Redes Sociais</HTML5video> | ||
+ | </div> | ||
+ | |||
+ | |} | ||
+ | | style="border:1px solid transparent;" | | ||
+ | <!-- SECOND VIDEO SECTION --> | ||
+ | | class="MainPageBG" style="width:415px; border:1px solid #cef2e0<!--linha do fundo-->; background:#f5fffa<!--cor do fundo-->; vertical-align:top;"| | ||
+ | {| id="mp-right" style="width:100%; vertical-align:top; background:#f5fffa<!--cor do fundo-->;" | ||
+ | ! style="padding:2px;" | <h2 id="mp-itn-h2" style="margin:3px; background:#cef2e0<!--fundo do titulo-->; font-size:120%; font-weight:bold; border:1px solid #a3bfb1<!--linha do titulo-->; text-align:left; color:#000; padding:0.2em 0.4em;"><!--SECOND VIDEO TITLE-->Notícias Branco</h2> | ||
+ | |- | ||
+ | | style="color:#000; padding:2px 5px;" | <div id="mp-itn"> | ||
+ | <!-- SECOND VIDEO --> | ||
+ | <HTML5video width="249" height="140" autoplay="true" loop="true">Template Orbita - Noticias</HTML5video> | ||
+ | </div> | ||
+ | |||
+ | |} | ||
+ | | style="border:1px solid transparent;" | | ||
+ | <!-- THIRD SECTION --> | ||
+ | | class="MainPageBG" style="width:415px; border:1px solid #cef2e0<!--linha do fundo-->; background:#f5fffa<!--cor do fundo-->; vertical-align:top;"| | ||
+ | {| id="mp-right" style="width:100%; vertical-align:top; background:#f5fffa<!--cor do fundo-->;" | ||
+ | ! style="padding:2px;" | <h2 id="mp-itn-h2" style="margin:3px; background:#cef2e0<!--fundo do titulo-->; font-size:120%; font-weight:bold; border:1px solid #a3bfb1<!--linha do titulo-->; text-align:left; color:#000; padding:0.2em 0.4em;"><!--THIRD VIDEO TITLE-->Hora Certa</h2> | ||
+ | |- | ||
+ | | style="color:#000; padding:2px 5px;" | <div id="mp-itn"> | ||
+ | <!-- THIRD VIDEO --> | ||
+ | <HTML5video width="249" height="140" autoplay="true" loop="true">Template Orbita - Hora Certa</HTML5video> | ||
+ | </div> | ||
+ | |||
+ | |} | ||
+ | | style="border:1px solid transparent;" | | ||
+ | <!-- FOURTH SECTION --> | ||
+ | | class="MainPageBG" style="width:415px; border:1px solid #cef2e0<!--linha do fundo-->; background:#f5fffa<!--cor do fundo-->; vertical-align:top;"| | ||
+ | {| id="mp-right" style="width:100%; vertical-align:top; background:#f5fffa<!--cor do fundo-->;" | ||
+ | ! style="padding:2px;" | <h2 id="mp-itn-h2" style="margin:3px; background:#cef2e0<!--fundo do titulo-->; font-size:120%; font-weight:bold; border:1px solid #a3bfb1<!--linha do titulo-->; text-align:left; color:#000; padding:0.2em 0.4em;"><!--FOURTH VIDEO TITLE-->Previsão do Tempo</h2> | ||
+ | |- | ||
+ | | style="color:#000; padding:2px 5px;" | <div id="mp-itn"> | ||
+ | <!-- FOURTH VIDEO --> | ||
+ | <HTML5video width="249" height="140" autoplay="true" loop="true">Template Orbita - Previsao do Tempo</HTML5video> | ||
+ | </div> | ||
+ | |} | ||
+ | |} |
Edição das 14h29min de 15 de dezembro de 2016
Como encontrar os templates do pacote Orbita?
Para encontrar os templates do pacote Orbita no Studio, utilize o mecanismo de busca presente nas telas de escolha de templates (Área 1 da Figura 1). Os templates resultantes da busca serão listados na área 2 da figura 1.
É válido lembrar que os templates do Pacote Orbita são destinados somente a conteúdos do tipo ...
- ... Notícias, com as cores listadas abaixo:
- - Azul Escuro (Figuras 2 e 7);
- - Branco (Figuras 3 e 8);
- ... Hora Certa (Figuras 4 e 9);
- ... Previsão do Tempo (Figuras 5 e 10);
- ... Redes Sociais (Figuras 6 e 11);
- É válido lembrar que para todos eles (seja vertical ou horizontal), existem as opções HTML5 e FLASH.
Quais são os templates presentes no pacote Orbita?
À seguir, temos as miniaturas de cada um desses templates.
Lembrando que o nome com o qual os mesmos foram cadastrados no Studio ... econtra-se logo abaixo das imagens.
Orientação: Horizontal
- NOTÍCIAS - HTML5 - Orbita - Cor: Azul Escuro
- NOTÍCIAS - HTML5 - Orbita - Cor: Branco
- NOTÍCIAS - FLASH - Orbita - Cor: Azul Escuro
- NOTÍCIAS - FLASH - Orbita - Cor: Branco
- HORA CERTA - HTML5 - Orbita - Cor: Azul Escuro
- HORA CERTA - FLASH - Orbita - Cor: Azul Escuro
- PREVISÃO DO TEMPO - HTML5 - Orbita - Cor: Azul Escuro
- PREVISÃO DO TEMPO - FLASH - Orbita - Cor: Azul Escuro
- NOTÍCIAS - HTML5 - Tema: Redes Sociais - Orbita - Cor: Azul Escuro
- NOTÍCIAS - FLASH - Tema: Redes Sociais - Orbita - Cor: Azul Escuro
- Clique em uma das imagens para visualizá-la em tamanho original
Orientação: Vertical
- NOTÍCIAS - HTML5 - Orbita - Cor: Azul Escuro
- NOTÍCIAS - HTML5 - Orbita - Cor: Branco
- NOTÍCIAS - FLASH - Orbita - Cor: Azul Escuro
- NOTÍCIAS - FLASH - Orbita - Cor: Branco
- HORA CERTA - HTML5 - Orbita - Cor: Azul Escuro
- HORA CERTA - FLASH - Orbita - Cor: Azul Escuro
- PREVISÃO DO TEMPO - HTML5 - Orbita - Cor: Azul Escuro
- PREVISÃO DO TEMPO - FLASH - Orbita - Cor: Azul Escuro
- NOTÍCIAS - HTML5 - Tema: Redes Sociais - Orbita - Cor: Azul Escuro
- NOTÍCIAS - FLASH - Tema: Redes Sociais - Orbita - Cor: Azul Escuro
- Clique em uma das imagens para visualizá-la em tamanho original
Animações de Abertura
Em todos os templates cujas miniaturas foram exemplificadas acima, temos uma curta animação logo no início dos mesmos, assim como animações durante a execução das campanhas. Nos modelos HTML5 temos uma quantidade de animações reduzida, visto que os mesmos são mais usados em dispositivos Android; que, por assim dizer, possuem capacidade de processamento reduzida. Abaixo estão vídeos exemplificando essas animações:
|
|
|
|