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

O post Adiciona um efeito de sombra interna nos títulos dos Recursos apareceu primeiro em Portal Apper.

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(http://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 a URL da sua imagem na 2ª linha do código entre os parenteses: (Substitua: “http: // link-da-image” pelo seu próprio link). Se desejar algumas imagens de referencia você poderá baixar no Portal Drive do @flavianodelgado clicando aqui.

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

O post CSS para inserir uma imagem personalizada de fundo no cabeçalho dos recursos apareceu primeiro em Portal Apper.

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 ocorrendo verifique o código novamente e salve.  

Pronto. 😉

O post Ocultar os títulos de todos os recursos apareceu primeiro em Portal Apper.

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

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

O post CSS para alinhar os títulos (cabeçalho) dos recursos apareceu primeiro em Portal Apper.