Puedes usar CSS con Aspect Ratio
Ejemplo de código: How To - Aspect Ratio / Height Equal to Width
Puedes consultar mi sitio https://businesslab.vn con una relación de 16:10
¿Cómo puedo configurar esto en Discourse? ¿Dónde y en qué CSS debo configurarlo?
Además, existe este pequeño problema al configurar Google Ads:
Supongo que la tarjeta de perfil de la barra lateral debería estar debajo del anuncio, no justo encima.
¡Gracias!
1 me gusta
Hola @codergautam,
He fusionado una corrección para el plugin Discourse Ad - Google Adsense. Por favor, actualiza el tema. 
Puedes cambiar la altura de la imagen 
Necesitas crear un nuevo componente para esto.
-
Ve a
/admin/customize/themes/
Personalizar → Temas -
Haz clic en la pestaña Componentes y luego en el botón Instalar
-
En la ventana emergente, haz clic en el botón Crear nuevo y escribe el nombre del nuevo componente.
-
Haz clic en el botón Crear.
-
El componente ha sido creado. Ahora selecciona el tema FKB Pro para activarlo.
-
Haz clic en el botón Editar CSS/HTML.
-
Haz clic en la pestaña Común y pega el siguiente código en la sección CSS.
Si quieres establecer la altura de la imagen por separado en el escritorio y en el móvil, usa esas pestañas en lugar de Común. Común significa que este código estará activo tanto en el escritorio como en el móvil.
.topic-list {
.main-link {
.link-middle-line {
.topic-image {
height: 280px; // Default 300px
}
}
}
}
Si quieres ocultar la imagen, usa esto
.topic-list {
.main-link {
.link-middle-line {
.topic-image {
display: none;
}
}
}
}
3 Me gusta
Esperamos solucionar incompatibilidades con otros componentes del tema.
¿Cómo redondeas los botones y todo eso? Solo quería hacer esto en mi tema actual.
1 me gusta
Hola @danielabc,
Hay algunos Theme component para redondear cosas.
Hola @xiaokong23357, ¿puedes aclarar a qué Theme component te refieres?
2 Me gusta
2 Me gusta
@Don ¿Cómo introduzco la etiqueta meta HTML enlazada en un tema FBK?
Espero que se resuelva.
1 me gusta
@Don Quiero decir, no sé si el tema puede cargar estas cosas
Recomendación de formato de diseño: Optimizado, simple, compacto y amplio
2 Me gusta
Hola, disculpa la demora… Sí, creo que es posible reemplazar el panel derecho predeterminado con Bloques de Barra Lateral Derecha. Lo revisaré.
3 Me gusta
Una cosa más, @Don
Mi foro utiliza tu tema, ahora mi foro está listo para ser agregado al motor de búsqueda de Microsoft Bing, pero ahora necesita hacer la detección de etiquetas meta HTML para el foro, ¿cómo incorporo esta etiqueta meta HTML al tema?
Es muy necesario ahora y estoy muy agradecido de poder resolverlo.
1 me gusta
Crea un nuevo componente temático en el administrador como el que introduje anteriormente. FKB Pro - Social theme - #88 by Don puedes cambiar el nombre del componente como quieras, pero no pegues el CSS que pegué en la pestaña CSS. Copia y pega la etiqueta HTML Meta tag de Bing en la pestaña HEAD del componente que creaste y guárdalo.
2 Me gusta
1 me gusta
No, como veo que este es un tema. Necesitas crear un componente. ¿Cuál es la otra pestaña o puedes convertir esto en un componente con el botón de convertir que está en la parte inferior de la página. Simplemente sigue las instrucciones que muestro arriba.
2 Me gusta
¡Muchas gracias, problema resuelto!
@Don
3 Me gusta
He fusionado una actualización para añadir: Compatibility with Right Sidebar Blocks theme component by VaperinaDEV · Pull Request #18 · VaperinaDEV/fkb-pro-theme · GitHub
Contiene una configuración: right sidebar blocks enabled. Añadirá soporte para el componente de tema Right Sidebar Blocks y reemplazará la barra lateral derecha predeterminada (panel fkb) con él.
4 Me gusta
Tengo una idea de que la barra lateral puede ser hecha por ti en este estilo y fusionada en un archivo de tema, y las personas que la necesiten pueden activar la función correspondiente en la configuración del tema @Don
2 Me gusta
Hola,
Sí, creo que esto es posible modificando el estilo si te refieres a que el título está separado del contenido y parece que esta barra lateral no es fija.
Intenta algo como esto.
Crea un nuevo componente de tema como este FKB Pro - Social theme - #88 by Don o agrégalo a uno existente.
Escritorio / CSS
.full-width .tc-right-sidebar {
position: relative;
top: unset;
padding: 0;
background: none;
box-shadow: none;
overflow-y: unset;
.rs-component {
h3 {
border-bottom: none;
padding-bottom: 0;
}
> div {
background: var(--secondary);
padding: 1em;
border-radius: var(--d-default-border-radius);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
}
}
2 Me gusta
Para tu información: tanto /login como /signup como enlaces muestran un círculo giratorio, no abren el modal. iPad con todo actualizado.
1 me gusta
Hola Jakke Acabo de revisar esto en tu sitio y los modales aparecen correctamente para mí en /login y /signup.
1 me gusta