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

De In9 Mídia Soluções Digitais
Ir para: navegação, pesquisa
(Criou página com '__NOTOC__ <center>1095px</center> == '''Como encontrar os templates do pacote Card?''' == File:Buscar Template Orbita.png|700px|thumb|<center>'''Figura 1 -...')
 
Linha 3: Linha 3:
 
== '''Como encontrar os templates do pacote Card?''' ==
 
== '''Como encontrar os templates do pacote Card?''' ==
  
−
[[File:Buscar Template Orbita.png|700px|thumb|<center>'''Figura 1 -''' Tela de escolha de templates</center>]]
+
[[File:Buscar Templates Card.jpg|700px|thumb|<center>'''Figura 1 -''' Tela de escolha de templates</center>]]
  
 
Para encontrar os templates do '''pacote Card''' 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''.
 
Para encontrar os templates do '''pacote Card''' 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''.
Linha 13: Linha 13:
 
* '''... Previsão do Tempo''' (Figuras 5 e 10);
 
* '''... Previsão do Tempo''' (Figuras 5 e 10);
  
−
:<span style="color:green">É válido lembrar que para todos eles ''(seja '''vertical''' ou '''horizontal''')'', existem as opções <span style="color:orange">'''HTML5'''</span> e <span style="color:red">'''FLASH'''</span></span>.
+
== '''Quais são os templates presentes no pacote Card?''' ==
  
−
== '''Quais são os templates presentes no pacote Orbita?''' ==
+
À seguir, temos as miniaturas de cada um desses templates. O nome com o qual os mesmos foram cadastrados no Studio ... econtra-se logo abaixo das imagens.<br>
 +
<span style="color:green">É válido lembrar que para todos eles ''(seja '''vertical''' ou '''horizontal''')'', existem as opções <span style="color:orange">'''HTML5'''</span> e <span style="color:red">'''FLASH'''</span></span>.
  
−
À seguir, temos as miniaturas de cada um desses templates.<br>
+
* NOTÍCIAS - <span style="color:red">'''FLASH'''</span>/<span style="color:orange">'''HTML5'''</span> - Com descrição - Orbita - Cor: Azul
−
Lembrando que o nome com o qual os mesmos foram cadastrados no Studio ... econtra-se logo abaixo das imagens.<br>
+
* NOTÍCIAS - <span style="color:red">'''FLASH'''</span>/<span style="color:orange">'''HTML5'''</span> - Com descrição - Orbita - Cor: Vermelho
 +
* NOTÍCIAS - <span style="color:red">'''FLASH'''</span>/<span style="color:orange">'''HTML5'''</span> - Sem descrição - Orbita - Cor: Azul
 +
* NOTÍCIAS - <span style="color:red">'''FLASH'''</span>/<span style="color:orange">'''HTML5'''</span> - Sem descrição - Orbita - Cor: Vermelho
 +
* PREVISÃO DO TEMPO - <span style="color:red">'''FLASH'''</span>/<span style="color:orange">'''HTML5'''</span> - Orbita - Cor: Azul
 +
* PREVISÃO DO TEMPO - <span style="color:red">'''FLASH'''</span>/<span style="color:orange">'''HTML5'''</span> - Orbita - Cor: Vermelho
  
 
<big><big>'''Orientação:''' <span style="color:red">Horizontal</span></big></big>
 
<big><big>'''Orientação:''' <span style="color:red">Horizontal</span></big></big>
−
 
−
* NOTÍCIAS - <span style="color:orange">'''HTML5'''</span> - Orbita - Cor: Azul Escuro
 
−
* NOTÍCIAS - <span style="color:orange">'''HTML5'''</span> - Orbita - Cor: Branco
 
−
* NOTÍCIAS - <span style="color:red">'''FLASH'''</span> - Orbita - Cor: Azul Escuro
 
−
* NOTÍCIAS - <span style="color:red">'''FLASH'''</span> - Orbita - Cor: Branco
 
−
* HORA CERTA - <span style="color:orange">'''HTML5'''</span> - Orbita - Cor: Azul Escuro
 
−
* HORA CERTA - <span style="color:red">'''FLASH'''</span> - Orbita - Cor: Azul Escuro
 
−
* PREVISÃO DO TEMPO - <span style="color:orange">'''HTML5'''</span> - Orbita - Cor: Azul Escuro
 
−
* PREVISÃO DO TEMPO - <span style="color:red">'''FLASH'''</span> - Orbita - Cor: Azul Escuro
 
−
* NOTÍCIAS - <span style="color:orange">'''HTML5'''</span> - Tema: Redes Sociais - Orbita - Cor: Azul Escuro
 
−
* NOTÍCIAS - <span style="color:red">'''FLASH'''</span> - Tema: Redes Sociais - Orbita - Cor: Azul Escuro
 
  
 
:::::::<span style="color:blue"><sub>Clique em uma das imagens para visualizá-la em tamanho original</sub></span>
 
:::::::<span style="color:blue"><sub>Clique em uma das imagens para visualizá-la em tamanho original</sub></span>
Linha 44: Linha 38:
  
 
<big><big>'''Orientação:''' <span style="color:red">Vertical</span></big></big>
 
<big><big>'''Orientação:''' <span style="color:red">Vertical</span></big></big>
−
 
−
* NOTÍCIAS - <span style="color:orange">'''HTML5'''</span> - Orbita - Cor: Azul Escuro
 
−
* NOTÍCIAS - <span style="color:orange">'''HTML5'''</span> - Orbita - Cor: Branco
 
−
* NOTÍCIAS - <span style="color:red">'''FLASH'''</span> - Orbita - Cor: Azul Escuro
 
−
* NOTÍCIAS - <span style="color:red">'''FLASH'''</span> - Orbita - Cor: Branco
 
−
* HORA CERTA - <span style="color:orange">'''HTML5'''</span> - Orbita - Cor: Azul Escuro
 
−
* HORA CERTA - <span style="color:red">'''FLASH'''</span> - Orbita - Cor: Azul Escuro
 
−
* PREVISÃO DO TEMPO - <span style="color:orange">'''HTML5'''</span> - Orbita - Cor: Azul Escuro
 
−
* PREVISÃO DO TEMPO - <span style="color:red">'''FLASH'''</span> - Orbita - Cor: Azul Escuro
 
−
* NOTÍCIAS - <span style="color:orange">'''HTML5'''</span> - Tema: Redes Sociais - Orbita - Cor: Azul Escuro
 
−
* NOTÍCIAS - <span style="color:red">'''FLASH'''</span> - Tema: Redes Sociais - Orbita - Cor: Azul Escuro
 
  
 
:::::::<span style="color:blue"><sub>Clique em uma das imagens para visualizá-la em tamanho original</sub></span>
 
:::::::<span style="color:blue"><sub>Clique em uma das imagens para visualizá-la em tamanho original</sub></span>
Linha 64: Linha 47:
 
File:Orbita Vertical Redes Sociais.png|<center>'''Figura 11.''' NOTÍCIAS - HTML5 - Tema: Redes Sociais - Orbita - Cor: Azul Escuro</center>
 
File:Orbita Vertical Redes Sociais.png|<center>'''Figura 11.''' NOTÍCIAS - HTML5 - Tema: Redes Sociais - Orbita - Cor: Azul Escuro</center>
 
</gallery>
 
</gallery>
−
 
−
 
−
== '''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 <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>-->
 
−
 
−
<!--        GREEN SECTION        -->
 
−
{| id="mp-upper" style="width:260px; 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" text="teste">Template Orbita - Redes Sociais</HTML5video>
 
−
</div>
 
−
 
−
|}
 
−
| style="border:1px solid transparent;" |
 
−
<!--        SECOND VIDEO SECTION        -->
 
−
| class="MainPageBG" style="width:260px; 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:260px; 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:260px; 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 17h45min de 4 de janeiro de 2017

FAQ.jpg

Como encontrar os templates do pacote Card?

Figura 1 - Tela de escolha de templates

Para encontrar os templates do pacote Card 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 Card são destinados somente a conteúdos do tipo ...

  • ... Notícias:
- Com Descrição (Figuras 2 e 7);
- Sem Descrição (Figuras 3 e 8);
  • ... Previsão do Tempo (Figuras 5 e 10);

Quais são os templates presentes no pacote Card?

À seguir, temos as miniaturas de cada um desses templates. O nome com o qual os mesmos foram cadastrados no Studio ... econtra-se logo abaixo das imagens.
É válido lembrar que para todos eles (seja vertical ou horizontal), existem as opções HTML5 e FLASH.

  • NOTÍCIAS - FLASH/HTML5 - Com descrição - Orbita - Cor: Azul
  • NOTÍCIAS - FLASH/HTML5 - Com descrição - Orbita - Cor: Vermelho
  • NOTÍCIAS - FLASH/HTML5 - Sem descrição - Orbita - Cor: Azul
  • NOTÍCIAS - FLASH/HTML5 - Sem descrição - Orbita - Cor: Vermelho
  • PREVISÃO DO TEMPO - FLASH/HTML5 - Orbita - Cor: Azul
  • PREVISÃO DO TEMPO - FLASH/HTML5 - Orbita - Cor: Vermelho

Orientação: Horizontal

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

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
Disponível em "https://wiki.in9midia.com/index.php?title=Templates_do_pacote_Card&oldid=2588"