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

De In9 Mídia Soluções Digitais
Ir para: navegação, pesquisa
(→‎Quais são os templates presentes no pacote Roulette?)
 
(9 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 3: Linha 3:
 
== '''Como encontrar os templates do pacote Roulette?''' ==
 
== '''Como encontrar os templates do pacote Roulette?''' ==
  
−
[[File:Buscar Template Roulette.png|700px|thumb|<center>'''Figura 1 -''' Tela de escolha de templates</center>]]
+
[[File:roulette.png|700px|thumb|<center>'''Figura 1 -''' Tela de escolha de templates</center>]]
  
 
Para encontrar os templates do '''pacote Roulette''' 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 Roulette''' 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''.
  
 
<span style="color:blue">É válido lembrar que os templates do Pacote ''Roulette'' são destinados somente a conteúdos do tipo '''...'''</span>
 
<span style="color:blue">É válido lembrar que os templates do Pacote ''Roulette'' são destinados somente a conteúdos do tipo '''...'''</span>
−
* '''... Notícias''', com as cores listadas abaixo:
+
* '''... Avisos''' (Figuras 2 e 8);
−
:'''- Azul Escuro''' (Figuras 2 e 7);
+
* '''... Finanças''' (Figuras 3 e 9);
−
:'''- Branco''' (Figuras 3 e 8);
+
* '''... Galeria''' (Figuras 4 e 10);
−
* '''... Hora Certa''' (Figuras 4 e 9);
+
* '''... Hora Certa''' (Figuras 5 e 11);
−
* '''... Previsão do Tempo''' (Figuras 5 e 10);
+
* '''... Notícias''' (Figuras 6 e 12);
−
* '''... Redes Sociais''' (Figuras 6 e 11);
+
* '''... Previsão do Tempo''' (Figuras 7 e 13);
  
 
== '''Quais são os templates presentes no pacote Roulette?''' ==
 
== '''Quais são os templates presentes no pacote Roulette?''' ==
Linha 31: Linha 31:
 
<big><big>'''Orientação:''' <span style="color:red">Horizontal</span></big></big>
 
<big><big>'''Orientação:''' <span style="color:red">Horizontal</span></big></big>
  
−
::::::::::<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>
 
<gallery>
 
<gallery>
−
File:Orbita Horizontal Noticas Branco.png|<center>'''Figura 3.''' NOTÍCIAS - FLASH - Órbita - Cor: Branco</center>
+
File:Roulette - HTML5 - Horizontal - Avisos.png|<center>'''Figura 2.''' Avisos - HTML5 - Roulette - Cor: Salmão</center>
−
File:Orbita Horizontal Noticias Azul Escuro.png|<center>'''Figura 2.''' NOTÍCIAS - FLASH - Órbita - Cor: Azul Escuro</center>
+
File:Roulette - HTML5 - Horizontal - Financas.png|<center>'''Figura 3.''' Finanças - HTML5 - Roulette - Cor: Verde</center>
−
File:Orbita Horizontal Hora Certa.png|<center>'''Figura 4.''' HORA CERTA - FLASH - Órbita - Cor: Azul Escuro</center>
+
File:Roulette - HTML5 - Horizontal - Galeria.jpg|<center>'''Figura 4.''' Galeria - HTML5 - Roulette - Cor: Laranja</center>
−
File:Orbita Horizontal Previsao do Tempo.png|<center>'''Figura 5.''' PREVISÃO DO TEMPO - FLASH - Órbita - Cor: Azul Escuro</center>
+
File:Roulette - HTML5 - Horizontal - Hora Certa.png|<center>'''Figura 5.''' Hora Certa - HTML5 - Roulette - Cor: Ciano</center>
−
File:Orbita Horizontal Redes Sociais.png|<center>'''Figura 6.''' NOTÍCIAS - FLASH - Tema: Redes Sociais - Órbita - Cor: Azul Escuro</center>
+
File:Roulette - HTML5 - Horizontal - Noticias.jpg|<center>'''Figura 6.''' Notícias - HTML5 - Roulette - Cor: Amarelo</center>
 +
File:Roulette - HTML5 - Horizontal - Previsao do Tempo.png|<center>'''Figura 7.''' Previsão do Tempo - HTML5 - Roulette - Cor: Azul</center>
 
</gallery>
 
</gallery>
  
Linha 43: Linha 44:
 
<big><big>'''Orientação:''' <span style="color:red">Vertical</span></big></big>
 
<big><big>'''Orientação:''' <span style="color:red">Vertical</span></big></big>
  
−
::::::::::<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>
 
<gallery>
 
<gallery>
−
File:Orbita Vertical Noticias Branco.png|<center>'''Figura 8.''' NOTÍCIAS - FLASH - Órbita - Cor: Branco</center>
+
File:Roulette - HTML5 - Vertical - Avisos.png|<center>'''Figura 8.''' Avisos - HTML5 - Roulette - Cor: Salmão</center>
−
File:Orbita Vertical Noticias Azul Escuro.png|<center>'''Figura 7.''' NOTÍCIAS - FLASH - Órbita - Cor: Azul Escuro</center>
+
File:Roulette - HTML5 - Vertical - Financas.png|<center>'''Figura 9.''' Finanças - HTML5 - Roulette - Cor: Verde</center>
−
File:Orbita Vertical Hora Certa.png|<center>'''Figura 9.''' HORA CERTA - FLASH - Órbita - Cor: Azul Escuro</center>
+
File:Roulette - HTML5 - Vertical - Galeria.jpg|<center>'''Figura 10.''' Galeria - HTML5 - Roulette - Cor: Laranja</center>
−
File:Orbita Vertical Previsao do Tempo.png|<center>'''Figura 10.''' PREVISÃO DO TEMPO - FLASH - Órbita - Cor: Azul Escuro</center>
+
File:Roulette - HTML5 - Vertical - Hora Certa.png|<center>'''Figura 11.''' Hora Certa - HTML5 - Roulette - Cor: Ciano</center>
−
File:Orbita Vertical Redes Sociais.png|<center>'''Figura 11.''' NOTÍCIAS - FLASH - Tema: Redes Sociais - Órbita - Cor: Azul Escuro</center>
+
File:Roulette - HTML5 - Vertical - Noticias.png|<center>'''Figura 12.''' Notícias - HTML5 - Roulette - Cor: Amarelo</center>
 +
File:Roulette - HTML5 - Vertical - Previsao do Tempo.png|<center>'''Figura 13.''' Previsão do Tempo - HTML5 - Roulette - Cor: Azul</center>
 
</gallery>
 
</gallery>
  
 
== '''Animações de Abertura''' ==
 
== '''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:
+
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. '''Por se tratarem de 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="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>-->
  
Linha 64: Linha 66:
 
! 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;">
 
! 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      -->
 
<!--        FIRST VIDEO TITLE      -->
−
Notícias Redes Sociais</h2>
+
Avisos</h2>
 
|-
 
|-
 
| 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" text="teste">Template Orbita - Redes Sociais</HTML5video>
+
<HTML5video width="249" height="140" autoplay="true" loop="true" text="teste">Template Roulette - Avisos</HTML5video>
 
</div>
 
</div>
  
Linha 76: Linha 78:
 
| class="MainPageBG" style="width:260px; border:1px solid #cef2e0<!--linha do fundo-->; background:#f5fffa<!--cor do fundo-->; vertical-align:top;"|
 
| 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-->;"
 
{| 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-->Finanças</h2>
 
|-
 
|-
 
| style="color:#000; padding:2px 5px;" | <div id="mp-itn">
 
| style="color:#000; padding:2px 5px;" | <div id="mp-itn">
 
<!--        SECOND VIDEO      -->
 
<!--        SECOND VIDEO      -->
−
<HTML5video width="249" height="140" autoplay="true" loop="true">Template Orbita - Noticias</HTML5video>
+
<HTML5video width="249" height="140" autoplay="true" loop="true">Template Roulette - Financas</HTML5video>
 
</div>
 
</div>
  
Linha 88: Linha 90:
 
| class="MainPageBG" style="width:260px; border:1px solid #cef2e0<!--linha do fundo-->; background:#f5fffa<!--cor do fundo-->; vertical-align:top;"|
 
| 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-->;"
 
{| 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-->Galeria</h2>
 
|-
 
|-
 
| style="color:#000; padding:2px 5px;" | <div id="mp-itn">
 
| style="color:#000; padding:2px 5px;" | <div id="mp-itn">
 
<!--        THIRD VIDEO      -->
 
<!--        THIRD VIDEO      -->
−
<HTML5video width="249" height="140" autoplay="true" loop="true">Template Orbita - Hora Certa</HTML5video>
+
<HTML5video width="249" height="140" autoplay="true" loop="true">Template Roulette - Galeria</HTML5video>
 +
</div>
 +
|}
 +
|}
 +
 
 +
<!--        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      -->
 +
Hora Certa</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 Roulette - Hora Certa</HTML5video>
 
</div>
 
</div>
  
 
|}
 
|}
 
| style="border:1px solid transparent;" |
 
| style="border:1px solid transparent;" |
−
<!--        FOURTH SECTION        -->
+
<!--        SECOND VIDEO SECTION        -->
 
| class="MainPageBG" style="width:260px; border:1px solid #cef2e0<!--linha do fundo-->; background:#f5fffa<!--cor do fundo-->; vertical-align:top;"|
 
| 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-->;"
 
{| 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;"><!--SECOND VIDEO TITLE-->Notícias</h2>
 
|-
 
|-
 
| style="color:#000; padding:2px 5px;" | <div id="mp-itn">
 
| style="color:#000; padding:2px 5px;" | <div id="mp-itn">
−
<!--        FOURTH VIDEO      -->
+
<!--        SECOND VIDEO      -->
−
<HTML5video width="249" height="140" autoplay="true" loop="true">Template Orbita - Previsao do Tempo</HTML5video>
+
<HTML5video width="249" height="140" autoplay="true" loop="true">Template Roulette - 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-->Previsão do Tempo</h2>
 +
|-
 +
| style="color:#000; padding:2px 5px;" | <div id="mp-itn">
 +
<!--        THIRD VIDEO      -->
 +
<HTML5video width="249" height="140" autoplay="true" loop="true">Template Roulette - Previsao do Tempo</HTML5video>
 
</div>
 
</div>
 
|}
 
|}
 
|}
 
|}

Edição atual tal como às 12h24min de 8 de agosto de 2018

FAQ.jpg

Como encontrar os templates do pacote Roulette?

Figura 1 - Tela de escolha de templates

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

  • ... Avisos (Figuras 2 e 8);
  • ... Finanças (Figuras 3 e 9);
  • ... Galeria (Figuras 4 e 10);
  • ... Hora Certa (Figuras 5 e 11);
  • ... Notícias (Figuras 6 e 12);
  • ... Previsão do Tempo (Figuras 7 e 13);

Quais são os templates presentes no pacote Roulette?

À 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.

Os referidos templates terão suas versões na vertical e horizontal.
  • Avisos - HTML5 - Roulette - Cor: Salmão
  • Finanças - HTML5 - Roulette - Cor: Verde
  • Galeria - HTML5 - Roulette - Cor: Laranja
  • Hora Certa - HTML5 - Roulette - Cor: Ciano
  • Notícias - HTML5 - Roulette - Cor: Amarelo
  • Previsão do Tempo - HTML5 - Roulette - Cor: Azul


Orientação: Horizontal

Clique em uma das imagens para visualizá-la em tamanho original
  • Figura 2. Avisos - HTML5 - Roulette - Cor: Salmão
  • Figura 3. Finanças - HTML5 - Roulette - Cor: Verde
  • Figura 4. Galeria - HTML5 - Roulette - Cor: Laranja
  • Figura 5. Hora Certa - HTML5 - Roulette - Cor: Ciano
  • Figura 6. Notícias - HTML5 - Roulette - Cor: Amarelo
  • Figura 7. Previsão do Tempo - HTML5 - Roulette - Cor: Azul


Orientação: Vertical

Clique em uma das imagens para visualizá-la em tamanho original
  • Figura 8. Avisos - HTML5 - Roulette - Cor: Salmão
  • Figura 9. Finanças - HTML5 - Roulette - Cor: Verde
  • Figura 10. Galeria - HTML5 - Roulette - Cor: Laranja
  • Figura 11. Hora Certa - HTML5 - Roulette - Cor: Ciano
  • Figura 12. Notícias - HTML5 - Roulette - Cor: Amarelo
  • Figura 13. Previsão do Tempo - HTML5 - Roulette - Cor: Azul

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. Por se tratarem de 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:

Avisos

Finanças

Galeria

Hora Certa

Notícias

Previsão do Tempo

Disponível em "http://wiki.in9midia.com/index.php?title=Templates_do_pacote_Roulette&oldid=3235"