CSS SCSS Snippet: Poner una imagen como fondo de cabecera (header)

¿Te gustaría tener una imagen en la cabecera de tu App?
Muy fácil:
En la pestaña "Colores" con las opciones CSS SCSS avanzada activada, copia y pega el siguiente snippet:

ion-header-bar.bar-custom.bar.bar-header.disable-user-behavior {
background-image: url(http://link-to-image);
background-color: transparent;
background-size: 100% 100%;
}

Atención: sustituye link-to-image con el enlace a tu imagen.
La imagen tiene que tener las siguientes dimensiones: 640x128px
Puedes subir la imagen a cualquier servidor o incluso a una carpeta pública de dropbox, google drive, etc.

Puedes probar con este fondo:
https://dl.dropboxusercontent.com/u/14802863/demo/header-background.jpg

  • 0 Los Usuarios han Encontrado Esto Útil
¿Fue útil la respuesta?

Related Articles

How to create a file uploader page (Dropbox, Google Drive, Onedrive)

There are many ways to insert a file uploader in your App.The best way is to insert an uploader...

How to integrate Twitter in an app

There are two solutions to integrate Twitter in your app: The best solution to get a beautiful...

CSS SCSS Snippet: Personalizar un Menú Horizontal (Layout 9)

Desde la versión QAN 6.4, tienes disponible más opciones de personalización para los...

Ajusta la barra de iconos al slideshow (diapositivas) de la página principal

Los menus (Layouts) 3, 4, 5 y 6 tienen un scroll vertical y se pueden ajustar para mostrarse más...

Cambiar el color de fondo de cada elemento o botón en los menus

Con este snippet puedes cambiar el color de fondo de los botones/funcionalidades de tu app en la...