Ya sabes que puedes personalizar el aspecto de tu App todavía más desde la sección Colores/Personalización Avanzada de tu Panel Frontoffice. Si tienes conocimiento básico o avanzados puedes personalizar la app como quieras, pero como todo el mundo no es un experto en CSS/SCSS, aquí tienes tres pequeños trucos: Transforma el estilo de tu Catálogo Personalizar el reproductor de vídeos …
Más trucos para personalizar tus Apps QAN
Entra ahora en soporte.quieroapps.com y en la sección quieroapps/trucos, puedes encontrar algunos trucos nuevos que hemos publicado esta semana: Ajusta la barra de iconos al slideshow (diapositivas) de la página principal Cambiar el color de fondo de cada elemento o botón en los menus Poner una imagen grande y amplia como fondo para toda la App
Truco: Poner una imagen como fondo de cabecera (header) en tu app
¿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 …
Truco: Utilizar Google Fonts Css en tus Apps
Como ya sabes, desde las últimas actualizaciones de QAN6, puedes personalizar totalmente colores y estilos CSS de tu App. Sólo tienes que ir a la sección “COLORES”, activar las opciones de CSS AVANZADA y añadir los códigos necesarios de Google Fonts. Aquí tienes un ejemplo: @import ‘https://fonts.googleapis.com/css?family=Aclonica|Cabin+Sketch|Farsan|Gloria+Hallelujah|Leckerli+One|Prompt|Reenie+Beanie|Ubuntu’; h2 { font-size: 20px !important;; font-family: Prompt !important; } h3 { font-size: 16px …
Truco: Cómo personalizar el menú horizontal (layout 9)
Como ya sabes, a partir de la versión QuieroApps Neutrino 6.4, tienes una opción nueva en tu menú, concretamente en la sección “Colores”, para activar la personalización avanzada de tu App por CSS/SCSS. Esto quiere decir que puedes modificar la apariencia de los menús/layouts disponibles. Aquí tienes un truco para ajustar en la misma línea horizontal el icono y el …