Arquivo de Cabeçalho - Portal Apper

Para criar um efeito de sombra interna nos títulos dos recursos, aplique o código deste artigo seguindo as instruções abaixo:

1 – Abra o Construtor de Apps

2 – Vá para 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.

i.icon.ion-ios-arrow-back, span.default-title.ng-binding, span.nav-bar-title.ng-binding, button.button.button-clear.header-item {

color: #887f77 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);

}

5 – Salve.

6 – 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. 😉

6 de março de 2018

Publicado por flavianodelgado em 6 de março de 2018

Categorias

Biblioteca de SCSS/CSS

Adiciona um efeito de sombra interna nos títulos dos Recursos

Para criar um efeito de sombra interna nos títulos dos recursos, aplique o código deste artigo seguindo as instruções abaixo: 1 – Abra o Construtor de Apps 2 – Vá para 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. i.icon.ion-ios-arrow-back, span.default-title.ng-binding, span.nav-bar-title.ng-binding, button.button.button-clear.header-item { color: #887f77 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7); } 5 – Salve. 6 – 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 […]

30 de janeiro de 2018

Publicado por flavianodelgado em 30 de janeiro de 2018

Categorias

Biblioteca de SCSS/CSS

CSS para inserir uma imagem personalizada de fundo no cabeçalho dos recursos

Para inserir uma imagem personalizada de fundo no cabeçalho de todos os recursos do seu aplicativo, 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. .bar.bar-custom { background-image: url(https://link-da-image); background-color: transparent; background-size: 100% 100%; } Como criar uma imagem: a – Basta criar uma imagem de fundo no tamanho 640x128px. b – Hospedar esta imagem na Internet (em seu blog ou site) c – Cole […]

23 de janeiro de 2018

Publicado por flavianodelgado em 23 de janeiro de 2018

Categorias

Biblioteca de SCSS/CSS

Ocultar os títulos de todos os recursos

Para ocultar os títulos de todas os recursos do seu aplicativo, 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. .title.header-item { display: none; } 5 – Salve. 6 – 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 […]

21 de dezembro de 2017

Publicado por flavianodelgado em 21 de dezembro de 2017

Categorias

Biblioteca de SCSS/CSS

CSS para alinhar os títulos (cabeçalho) dos recursos

Se você deseja que os textos dos títulos da barra superior (cabeçalho) de todos os recursos, estejam alinhados para direita, esquerda ou centralizados, 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 está) 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. .bar.bar-custom .title { text-align: center; } Se desejar alinhar o título para esquerda, substitua a palavra “center” por “left”, ou se desejar alinhar para a direita substitua a palavra “center” por “right”. […]