Mudanças entre as edições de "Templates do pacote Órbita"

De In9 Mídia Soluções Digitais
Ir para: navegação, pesquisa
(→‎Animações de Abertura)
(→‎Animações de Abertura)
Linha 84: Linha 84:
 
| style="color:#000;" | <div id="mp-tfa" style="padding:2px 5px">
 
| style="color:#000;" | <div id="mp-tfa" style="padding:2px 5px">
 
<!--        FIRST VIDEO        -->
 
<!--        FIRST VIDEO        -->
−
<HTML5video width="249" height="140" autoplay="true" loop="true">Template Orbita - Redes Sociais</HTML5video>
+
<HTML5video width="249" height="140" autoplay="true" loop="true" text="teste">Template Orbita - Redes Sociais</HTML5video>
 
</div>
 
</div>
  
Linha 90: Linha 90:
 
| style="border:1px solid transparent;" |
 
| style="border:1px solid transparent;" |
 
<!--        SECOND VIDEO SECTION        -->
 
<!--        SECOND VIDEO SECTION        -->
−
| class="MainPageBG" style="width:415px; border:1px solid #cef2e0<!--linha do fundo-->; background:#f5fffa<!--cor do fundo-->; vertical-align:top;"|
+
| class="MainPageBG" style="width:100%; 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-->;"
 
{| 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="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>
Linha 102: Linha 102:
 
| style="border:1px solid transparent;" |
 
| style="border:1px solid transparent;" |
 
<!--        THIRD SECTION        -->
 
<!--        THIRD SECTION        -->
−
| class="MainPageBG" style="width:415px; border:1px solid #cef2e0<!--linha do fundo-->; background:#f5fffa<!--cor do fundo-->; vertical-align:top;"|
+
| class="MainPageBG" style="width:100%; 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-->;"
 
{| 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="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>
Linha 114: Linha 114:
 
| style="border:1px solid transparent;" |
 
| style="border:1px solid transparent;" |
 
<!--        FOURTH SECTION        -->
 
<!--        FOURTH SECTION        -->
−
| class="MainPageBG" style="width:415px; border:1px solid #cef2e0<!--linha do fundo-->; background:#f5fffa<!--cor do fundo-->; vertical-align:top;"|
+
| class="MainPageBG" style="width:100%; 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-->;"
 
{| 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="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>

Edição das 14h58min de 15 de dezembro de 2016

FAQ.jpg

Como encontrar os templates do pacote Orbita?

Figura 1 - Tela de escolha de templates

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
  • Figura 2. NOTÍCIAS - HTML5 - Orbita - Cor: Azul Escuro
  • Figura 3. NOTÍCIAS - HTML5 - Orbita - Cor: Branco
  • Figura 4. HORA CERTA - HTML5 - Orbita - Cor: Azul Escuro
  • Figura 5. PREVISÃO DO TEMPO - HTML5 - Orbita - Cor: Azul Escuro
  • Figura 6. NOTÍCIAS - HTML5 - Tema: Redes Sociais - Orbita - Cor: Azul Escuro


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
  • Figura 7. NOTÍCIAS - HTML5 - Orbita - Cor: Azul Escuro
  • Figura 8. NOTÍCIAS - HTML5 - Orbita - Cor: Branco
  • Figura 9. HORA CERTA - HTML5 - Orbita - Cor: Azul Escuro
  • Figura 10. PREVISÃO DO TEMPO - HTML5 - Orbita - Cor: Azul Escuro
  • Figura 11. NOTÍCIAS - HTML5 - Tema: Redes Sociais - Orbita - Cor: Azul Escuro


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:

Notícias Redes Sociais

Notícias Branco

Hora Certa

Previsão do Tempo

Disponível em "http://wiki.in9midia.com/index.php?title=Templates_do_pacote_Órbita&oldid=2544"