Arquivo de Sliders - Portal Apper https://portalapper.com.br/centraldeajuda/tag/sliders/ Plataforma de Criação de App Thu, 28 Oct 2021 21:47:25 +0000 pt-BR hourly 1 https://wordpress.org/?v=6.9 https://portalapper.com.br/wp-content/uploads/2020/04/cropped-Portal-Apper_NOVO-Logo_Sem-txt_PA-04_512x512.png Arquivo de Sliders - Portal Apper https://portalapper.com.br/centraldeajuda/tag/sliders/ 32 32 133352939 Aplicar um Banner ou Slider no rodapé (Layout 6) https://portalapper.com.br/centraldeajuda/aplicar-um-banner-ou-slider-no-rodape-layout-6/ https://portalapper.com.br/centraldeajuda/aplicar-um-banner-ou-slider-no-rodape-layout-6/#respond Tue, 03 Apr 2018 13:00:38 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/office/?post_type=epkb_post_type_1&p=14219 O post Aplicar um Banner ou Slider no rodapé (Layout 6) apareceu primeiro em Portal Apper.

]]>

Com este CSS você conseguirá ter um banner ou slider no rodapé da Homepage de seu App, usando o layout 6 (não clicável). Aplique o código deste artigo seguindo as instruções abaixo:

 

1 – Abra o Construtor de Apps

2 – Vá para a sessão CORES

3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA.

4 – Cole o código abaixo (exatamente como esta) no campo em branco.

Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.


.layout.l6 ion-content {
height: 80%;
margin-bottom: 18%;
}

 

5 – Salve.

6 – Vá para a Seção DESIGN (Tema) e mude para o Layout 6 em “Alterar seu layout”.

7 – Em “OPÇÕES DE LAYOUT” na parte superior direta da tela clique em “Ativar Slider” ativando esta opção.

8 – Depois que ativar o Slider, desça a barra de rolagem até o quadro “Configurações do Slider da Homepage” e faça as seguintes configurações:

Sliders em Loop > Pode deixar desligado (se deseja apenas 1)

Duração de cada Slider em seg. > Deixa em 3 segundos (Se for 1 Slider isso não interfere)

Posição de topo > 90%

Opacidade das imagens > 100%

Defina a proporção do Slider na tela > 10%

Agora insira uma imagem usando o botão “MAIS IMAGENS”, se estiver usando a proporção sugerida acima faça a imagem com o seguinte tamanho 900x160px, se não conseguir fazer neste tamanho não terá problema, a ferramenta irá cortar a imagem para você.

Você pode realizar testes com outros tamanhos.

Caso queira mudar o tamanho do banner, basta alterar a “Defina a proporção do Slider na tela” e o valor que esta na propriedade “margin-bottom” dentro do SCSS.

 

9 – Verifique o resultado no simulador ao lado.
Obs. Se caso não houver mudança imediata, por favor clique em F5 ou Ctrl+F5 para atualizar a página e verifique novamente. Se mesmo assim o efeito não estiver ocorrendo verifique o código novamente e salve.

Pronto. 😉

O post Aplicar um Banner ou Slider no rodapé (Layout 6) apareceu primeiro em Portal Apper.

]]> https://portalapper.com.br/centraldeajuda/aplicar-um-banner-ou-slider-no-rodape-layout-6/feed/ 0 14219 Layouts que permitem usar Sliders na Homepage https://portalapper.com.br/centraldeajuda/layouts-que-permitem-usar-sliders-na-home-page/ https://portalapper.com.br/centraldeajuda/layouts-que-permitem-usar-sliders-na-home-page/#respond Fri, 05 Jan 2018 11:30:12 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/.br/?post_type=epkb_post_type_1&p=11383 Abaixo  os Layout’s que permitem configurar Sliders (carrocel) na Homepage do Aplicativo:   Layout 1 Layout 2 Layout 3 Layout 3 Horizontal Layout 4 Layout 4 Horizontal Layout 5 Layout 5 Horizontal Layout 6 Layout 7 Layout 10 Layout 18   Para alterar o Layout do seu aplicativo vá na sessão DESIGN e clique em “ALTERAR O LAYOUT” e depois ative o Slider. Equipe Portal Apper  

O post Layouts que permitem usar Sliders na Homepage apareceu primeiro em Portal Apper.

]]> Abaixo  os Layout’s que permitem configurar Sliders (carrocel) na Homepage do Aplicativo:

 

Layout 1

Layout 2

Layout 3

Layout 3 Horizontal

Layout 4

Layout 4 Horizontal

Layout 5

Layout 5 Horizontal

Layout 6

Layout 7

Layout 10

Layout 18

 

Para alterar o Layout do seu aplicativo vá na sessão DESIGN e clique em “ALTERAR O LAYOUT” e depois ative o Slider.

Equipe Portal Apper

 

O post Layouts que permitem usar Sliders na Homepage apareceu primeiro em Portal Apper.

]]> https://portalapper.com.br/centraldeajuda/layouts-que-permitem-usar-sliders-na-home-page/feed/ 0 11383 Atualização Plataforma – v4.12.16 https://portalapper.com.br/centraldeajuda/atualizacao-plataforma-v4-12-16/ https://portalapper.com.br/centraldeajuda/atualizacao-plataforma-v4-12-16/#respond Fri, 06 Oct 2017 17:48:40 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/.br/?post_type=epkb_post_type_1&p=12323 6 DE OUTUBRO DE 2017   NOTAS DA ATUALIZAÇÃO:   Geral > Sessão Design – Correção Corrige a altura e posição superior não correta do Slider da Homepage .   Recurso > Pasta – Correção Corrige problema de pasta não abrindo após melhoria do campo de pesquisa no carrocel.     Ps: Se observou a necessidade de alguma correção que não foi listada acima, favor informar a nossa equipe de suporte, se caso já informou favor aguardar as próximas atualizações. Estamos trabalhando diariamente para que você tenha o melhor.   Equipe Portal Apper

O post Atualização Plataforma – v4.12.16 apareceu primeiro em Portal Apper.

]]> 6 DE OUTUBRO DE 2017

 

NOTAS DA ATUALIZAÇÃO:

 

Geral > Sessão Design – Correção

Corrige a altura e posição superior não correta do Slider da Homepage .

 

Recurso > Pasta – Correção

Corrige problema de pasta não abrindo após melhoria do campo de pesquisa no carrocel.

 

 

Ps: Se observou a necessidade de alguma correção que não foi listada acima, favor informar a nossa equipe de suporte, se caso já informou favor aguardar as próximas atualizações. Estamos trabalhando diariamente para que você tenha o melhor.

 

Equipe Portal Apper

O post Atualização Plataforma – v4.12.16 apareceu primeiro em Portal Apper.

]]> https://portalapper.com.br/centraldeajuda/atualizacao-plataforma-v4-12-16/feed/ 0 12323 Página Personalizada https://portalapper.com.br/centraldeajuda/pagina-personalizada/ https://portalapper.com.br/centraldeajuda/pagina-personalizada/#respond Mon, 28 Aug 2017 04:59:34 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/.br/?post_type=epkb_post_type_1&p=10500 Veja aqui a documentação do recurso Página Personalizada

O post Página Personalizada apareceu primeiro em Portal Apper.

]]>
ícone

Página Personalizada

O Recurso Página Personalizada permite que você exponha o seu negócio de várias maneiras. Você pode escrever um artigo com uma foto, publicar uma galeria de fotos, publicar um vídeo diretamente nessa página e/ou adicionar botões de “clique único” ou link para qualquer site externo e muito mais. Chamamos este recurso de “Recurso Coringa” por suas inúmeras aplicações e possibilidades.

Adicionando o Recurso

Primeiro, clique em     para adicionar o recurso em seu aplicativo.

Nota: Este recurso não é real time, mas o usuário pode a qualquer momento segurar e arrastar para baixo a página para atualiza-la.

 

Aproveite este recurso que é tão completo.

Criando uma página

Criando uma Página

Primeiro você precisa criar uma nova Página Personalizada:

Em seguida, você deve nomear seu recurso, em “Nome da página”.

Uma página personalizada é composta de blocos independentes. Assim, você pode criar quantos blocos necessitar na mesma página.

Exemplo:

Bloco de Texto “Sobre nós”

Bloco de Imagem “Fotos do lugar”

Bloco de Endereço “Endereço do local com botão que ativa o GPS”

Bloco de Contato “Botão de Telefone que direciona a discagem”

E etc…

Texto

  • Texto

Para criar um bloco de Texto você deve clicar em  , um novo documento de texto aparece e você pode escrever seu artigo nele.

Um Editor de texto CKEditor.

Você poderá formatar seu texto com bastante liberdade. Por exemplo: Negrito, Itálico, alinhamentos, cores, tamanho e muito mais.

Este CKEditor te permite trabalhar com alguns códigos HTML, para ativar o editor de HTML neste recurso, você deve clicar no botão “FONTE”.

Você poderá também inserir uma imagem no texto usando o botão destacado na imagem abaixo, e ainda inserir um Link Interno. Para saber mais sobre Link Interno clique aqui.

Inserindo uma imagem no Bloco Texto:

1 – Clique no botão destacado na imagem abaixo.

2 – Em seguida, insira a imagem desejada nesta seção. Para fazer isso, clique no ícone  que permite que você insira sua foto ou imagem.

Após ter inserido, você poderá escolher seu alinhamento e tamanho:

O resultado é este:

Mais...

Mais:

Você também pode adicionar em seu bloco de texto um link para um site (URL).

No CKEditor clique no simbolo de Link , clicando deve aparecer uma janela semelhante a imagem abaixo.

Você precisa escolher o protocolo que deseja integrar “http://” se você quiser integrar. Em seguida, escreva no URL o link.

Ex:

https://www.exemplo.com

Imagem

  • Imagem

Criar uma galeria de fotos é muito fácil. Para fazer isso, clique em  e depois em “mais imagens”.

Você pode adicionar uma descrição a sua imagem, se quiser. Se desejar criar mais galerias, basta clicar em .

 

Importante: Você poderá verificar que em cada seção que adicionar ao lado superior direto tem um simbolo de uma seta com duas pontas, apontando para cima e para baixo, este recurso serve para você mover a ordem das seções. Segure e arraste para cima ou para baixo e depois solte no local (ordem) que deseja e salve o recurso.

Vídeo

  • Vídeo

A criação de um bloco de vídeo também é muito fácil. Para fazer isso, clique em .

  • Aqui você precisará escolher o tipo de vídeo que deseja integrar em sua Página Personalizada: Vídeos do YouTube, Vídeos de Podcast ou seus próprios vídeos.

    Youtube:

    Insira uma palavra chave para uma pesquisa e aperte Enter no teclado ou insira sua URL do vídeo do Youtube no campo e salva sua Página Personalizada.

  • Você pode criar quantos blocos de vídeos que necessitar.

    Podcast:

    Digite seu endereço URL de podcast de vídeo (no formato .xml) no campo apropriado

  • Em seguida, pressione “Enter”. Selecione o vídeo que você deseja integrar à sua Página Personalizada. Em seguida, clique em “Salvar”.(Exemplo de URL de Podcast vídeo: http://www.feedforall.com/rss-video-tutorials.xml) 

    Meu vídeo:

    Para incluir um vídeo, você precisará colar o endereço URL do seu vídeo em “Vídeo URL”.

  • Depois de ter colado a URL do seu vídeo, você poderá escrever uma pequena descrição e adicionar uma imagem de capa.(Exemplo de uma URL de vídeo: site.com/exemplo.mp4.mp4)

Endereço

  • Endereço

Para criar um novo endereço clique em .

Graças a esta seção você pode adicionar o endereço do seu local e um botão para localizar, este botão ainda direciona o usuário para o GPS que traça a rota pegando a localização do usuário com destino do endereço colocado. Você também pode colocar um número de telefone e um site.

Botões

  • Botões

Primeiro clique em .

Você poderá adicionar um botão para uma Ligação (Telefone), para um E-mail ou para abrir um Site (LINK).

Opções de personalização: Inclua um ícone e/ou Inclua um título.

Anexos

  • Anexo

Primeiro clique em .

Nesta seção você poderá adicionar arquivos a esta página (por exemplo: arquivos PDF, Word, etc…) que o usuário poderá baixar em seu dispositivo.

Inclua um título.

Slider

  • Slider

Primeiro clique em .

Com o Slider você poderá criar um com carrocel com várias imagens. (O usuário poderá arrastar para ver as imagens do carrocel).

Perguntas mais frequentes

Neste recurso posso colocar códigos?

Sim.

Você pode criar um bloco de texto e clicar em “FONTE” e aplicar seu código HTML.

Dica: Sempre use um bloco de notas para editar e guardar seu código, se caso o código se perder você o terá guardado em sua máquina.

Pronto, crie grandes projetos. 😉

O post Página Personalizada apareceu primeiro em Portal Apper.

]]> https://portalapper.com.br/centraldeajuda/pagina-personalizada/feed/ 0 10500