 |
Resumen | Añade un fondo vítreo y translúcido al encabezado |
 |
Vista previa | Demo de Vimeo |
 |
Repositorio | https://github.com/denvergeeks/discourse-header-glass |
 |
Guía de instalación | Cómo instalar un tema o componente de tema |
 |
¿Nuevo en temas de Discourse? | Guía para principiantes sobre el uso de temas de Discourse |
Instalar este componente de tema
oh genial. me gusta y puede que lo use en mi foro. tengo encabezados semitransparentes pero me gusta ese efecto de cristal. ¡bien hecho! 
¿el componente tiene alguna configuración?
editar: ya veo que no. ¡me encantan los iconos sombreados!
No hay configuraciones, ¡pero las solicitudes y las PR son muy bienvenidas!
Ah, los iconos de encabezado sombreados… aquí está todo el CSS…
.d-header {
background: rgb(147, 147, 147, 0.39) !important;
-webkit-backdrop-filter: blur(10px) !important;
-moz-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5) !important;
color: rgb(255 255 255) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}
.d-header-icons .d-icon,
.header-sidebar-toggle button .d-icon {
color: rgb(255 255 255) !important;
fill: rgb(255 255 255) !important;
filter: drop-shadow(1px 4px 2px rgba(0, 0, 0, 0.4)) !important;
}
Me encanta este efecto visual. Tengo curiosidad por el aspecto del vidrio de colores.
Ahora quiero hacer un efecto de vidriera 
Ya he bifurcado el código, ¡jaja!
¡genial! gracias por el enlace 
Dios mío. 
Ahora me has inspirado a empezar a construir un nuevo tema para mi foro. 
@Lilly ¡No puedo esperar a ver tu creación! ¡Tú puedes, chica!
meh, el diseño de temas no es realmente mi fuerte. Puedo crearlos, pero prefiero la creatividad de los componentes y las soluciones de tipo funcional, especialmente para otros que definen una necesidad.
Arquitectura del sitio, Navegación, UI / UX: todo es arte funcional 
creado para ayudar a las personas a conectarse de las maneras más satisfactorias.
¡Zoinks! Olvidé publicar un enlace. Agregué configuraciones de color y transparencia por diversión 
¡Zoinks! ¡Gracias @Lilly! He añadido tus ajustes de color y transparencia, y también un ajuste para la sombra paralela en los iconos de la cabecera.
Creo que todavía se ve bien con las sombras, espero poder conseguir un interruptor para ello.
Hola @Monikas, gracias por tus comentarios, pero ¿podrías explicar con más detalle qué te gustaría idealmente en la configuración?
Ah, sí. Ahora he añadido una configuración para la sombra en el borde inferior del encabezado.
