FKB Pro - Tema social

[Don]

@Paracelsus

¿Es posible tener columnas de ancho fijo en un ancho de pantalla mínimo (o varios, usando por ejemplo reglas css de medios) en modo escritorio? El ancho flexible me da un poco de dolor de cabeza en monitores muy grandes (24 o 27’') y el “espacio muerto” entre las tres columnas es un poco incómodo.

Hola @Paracelsus, gracias por tus comentarios. He fusionado una corrección Fix: main-outlet width on larger screen by VaperinaDEV · Pull Request #7 · VaperinaDEV/fkb-pro-theme · GitHub

@Paracelsus

La vista previa del tema en nuestro foro no se muestra con 3 columnas, solo un diseño de una columna. Sospecho que hay algún problema de CSS, pero todavía estoy tratando de resolverlo.

¿Puedo comprobar esto de alguna manera?

@Paracelsus

¿Es el tema compatible con el componente para bloques del lado derecho Bloques de barra lateral derecha - theme-component - Discourse Meta? Si es así, hace que la columna derecha sea más útil/rica en funciones.

Le echaré un vistazo.

[tmn (Tran Nhat)]

alguna sugerencia.

[darkpixlz (Pyx)]

Acabo de intentar instalarlo en mi sitio y se ve realmente pequeño.

[Don]

Sí, lo arreglaré pronto.

[Paracelsus]

@Don

@Paracelsus

¿Es posible tener columnas de ancho fijo en un ancho de pantalla mínimo (o varios, usando por ejemplo reglas css de medios) en modo escritorio? El ancho flexible me da algunos dolores de cabeza en monitores muy grandes (24 o 27’') y el “espacio muerto” entre las tres columnas es un poco incómodo.

Hola @Paracelsus, gracias por tus comentarios. He fusionado una corrección Fix: main-outlet width on larger screen by VaperinaDEV · Pull Request #7 · VaperinaDEV/fkb-pro-theme · GitHub

@Paracelsus

La vista previa del tema en nuestro foro no se muestra con 3 columnas, solo un diseño de una columna. Sospecho que hay algún problema de CSS, pero todavía estoy tratando de resolverlo.

¿Puedo comprobar esto de alguna manera?

@Paracelsus

¿Es el tema compatible con el componente para bloques laterales derechos Bloques de barra lateral derecha - theme-component - Discourse Meta? Si es así, hace que la columna derecha sea más útil/rica en funciones.

Le echaré un vistazo.

Gracias por la corrección, ahora está mejor.
Intentaré proporcionarte una URL donde puedas ver el problema de la columna única.

[Don]

Hola, fusioné algunas correcciones:

Merge pull request #8 from VaperinaDEV/fix-layout-take-2

UX: fix some styling issue with categories

[tmn (Tran Nhat)]

Solo busqué en Meta y encontré este foro. Esto es lo que estaba buscando.
https://community.bettercentury.org/

[Don]

Ah, ya veo Esto parece Fakebook, un tema para amantes de las redes sociales Creo que buscas eso.

[tmn (Tran Nhat)]

Hola @Don. Muchas gracias por tu tema.

[darkpixlz (Pyx)]

Todavía tengo algunos problemas.

[Tiago_santos]

¡Felicidades @Don, estoy muy, muy feliz con tu tema. Es hermoso y elegante y el sitio también ha aumentado las puntuaciones en Core Web Vitals y Google Speed Insights.
Muchas gracias por todo, realmente admiro tu trabajo en la comunidad de Discourse.
Saludos desde Brasil

[Don]

@darkpixlz

Todavía tengo algunos problemas.

¡Gracias @darkpixlz! Actualizaré el tema para que funcione con la barra lateral.

---

@Tiago_santos, me alegra mucho que te guste ¡Muchas gracias!

[Tiago_santos]

Hola @Don
¿Cómo solucionar este error (campo número de tarjeta de crédito en negro) suscripción a Discourse

[Don]

Gracias. He enviado una corrección para esto… por favor actualiza el tema.

[Tiago_santos]

perfecto, es hermoso, muchas gracias

[Tiago_santos]

Hola @Don
Estoy siguiendo esta publicación para los anuncios del plugin de discourse (anuncios internos)

[PAID] Make House Ads Responsive

If you read House ads post, they give you the way to set a desktop picture and a mobile one. <a href="" class="banner-ad" target="_blank"> <img class="desktop" src=""> <img class="mobile" src=""> </a> Just set the images for each (Less width for phones and more width for desktop) and thats it! I personally use this dimensions: Mobile: 1282x311 Desktop 755x90 Then create a component and add this CSS: $cta-background-color: #FE4644; $cta-text-color: #FFFFFF; .banner-ad { displa…

Aparentemente, el plugin de anuncios no es compatible con fakebook pro (errores)

En la versión móvil, la imagen está fuera de la pantalla (grande)

En el tema fakepro no se puede diferenciar qué imagen es móvil y qué imagen es de escritorio

¿Puedes revisarlo, por favor?

[Don]

Hola Tiago,

¿Podrías aclararlo un poco? Algunas capturas de pantalla, tu código real y dónde aparece tu anuncio serían de gran ayuda. Gracias

[Tiago_santos]

Hola, lo siento mucho

La imagen es más grande en la versión móvil
en el tema predeterminado funciona normalmente

Mi código (anuncios de casa)

<a href="https://cursos.growthafiliados.com.br" class="banner-ad" target="_blank">
    
    <img class="desktop" src="https://growthafiliados.com.br/uploads/default/original/2X/3/33bcb1003b66be344648d3ba84d1e05f8bf36c75.png" style="display: block; margin-left: auto; margin-right: auto;width: auto;">
    
</a>

Móvil

incluso si cambio desktop a mobile en el código anterior, el problema persiste

Escritorio (está bien)

[Don]

Hola,

Sí, creo que porque también tienes que usar CSS para hacerlo adaptable.

Algo como esto debería funcionar:

<a href="https://cursos.growthafiliados.com.br" class="banner-ad" target="_blank">
  <img class="banner-img" src="https://growthafiliados.com.br/uploads/default/original/2X/3/33bcb1003b66be344648d3ba84d1e05f8bf36c75.png">
</a>

Común / CSS

.house-creative.house-post-bottom {
  max-width: calc(#{$topic-body-width} + (#{$topic-body-width-padding} * 2) + (12px * 2));
  margin: 8px 0 8px auto;
  .mobile-view & {
    max-width: 100%;
    .banner-ad {
      .banner-img {
        max-width: 100%;
      }
    }
  }
}

[Tiago_santos]

Muy bien. Muchas gracias.
Funciona perfectamente.
Una vez más, muchas gracias por su atención. Su tema de Discourse es el mejor.