FKB Pro - Tema sociale

[hoangphuctran93 (Hoàng Phúc Trần)]

Puoi usare il CSS con Aspect ratio
Esempio di codice: How To - Aspect Ratio / Height Equal to Width
Puoi controllare il mio sito https://businesslab.vn con un rapporto di 16:10

[codergautam (gautam)]

Come posso impostarlo in Discourse? Dove e quale CSS devo impostare?

---

Inoltre, c’è questo piccolo problema durante l’impostazione di Google Ads:

Presumo che la scheda del profilo della barra laterale dovrebbe essere sotto l’annuncio, non proprio sopra di esso.

Grazie!

[Don]

Ciao @codergautam,

Ho unito una correzione per il plugin Discourse Ad - Google AdSense. Aggiorna il tema.

@codergautam

C’è un modo per nascondere l’anteprima dell’immagine / renderla più piccola?

Puoi cambiare l’altezza dell’immagine
Hai bisogno di creare un nuovo componente per questo.

1. Vai su /admin/customize/themes/
   Personalizza → Temi

2. Fai clic sulla scheda Componenti e poi sul pulsante Installa

3. Nella finestra popup fai clic sul pulsante Crea nuovo e digita il nome del nuovo componente.
   

   

4. Fai clic sul pulsante Crea.

5. Il componente è creato. Ora seleziona il tema FKB Pro per attivarlo.
   

   

6. Fai clic sul pulsante Modifica CSS/HTML.
   

   

7. Fai clic sulla scheda Comune e incolla il codice seguente nella sezione CSS.
   

   

Se vuoi impostare l’altezza dell’immagine separatamente su desktop e mobile, usa quelle schede invece di Comune. Comune significa che questo codice sarà attivo anche su desktop e mobile.

.topic-list {
  .main-link {
    .link-middle-line {
      .topic-image {
        height: 280px; // Default 300px
      }
    }
  }
}

Se vuoi nascondere l’immagine, usa questo

.topic-list {
  .main-link {
    .link-middle-line {
      .topic-image {
        display: none;
      }
    }
  }
}

[xiaokong23357 (virgil698)]

Speranza di correggere le incompatibilità con altri componenti del tema

[danielabc (Daniela)]

Come si arrotondano i pulsanti e altre cose? Volevo solo farlo nel mio tema attuale

[Don]

Ciao @danielabc,

Ci sono alcuni Theme component per arrotondare le cose.

Discourse Button Styles

This theme component includes basic settings for changing button colors without writing CSS. Github repo: https://github.com/awesomerobot/discourse-button-styles Installation: How do I install a Theme or Theme Component? Preview: Example of what you can style with the settings in this theme [25%20AM] What the settings look like: [37%20AM] There are 6 button sets that can be styled in this component, along with a global style for adding rounded corners to all buttons (border-radius): b…

Rounded Borders for images, oneboxes, blockquotes & more

Created a very simple component to change the borders of images, oneboxes, blockquotes and staff notices shown in topics. Allows change of the following settings set image rounding intensity set image border width set image border color set onebox rounding intensity change onebox border width change onebox border color change onebox background color set rounding blockquotes intensity remove left border from blockquotes set ‘staff color’ rounding intensity topic thumbnail support for: list ro…

---

Ciao @xiaokong23357, puoi chiarire a quale Theme component ti riferisci?

[xiaokong23357 (virgil698)]

Right Sidebar Blocks

Can’t it be displayed on the category list, I installed it here and feel like I haven’t installed it

[xiaokong23357 (virgil698)]

@Don Come introduco il meta tag HTML di binding in un tema FBK?

Spero che venga risolto

[xiaokong23357 (virgil698)]

@Don Intendo, non so se il tema possa caricare queste cose

Raccomandazione formato layout: Ottimizzato, semplice, compatto e ampio

[Don]

Ciao, scusa per il ritardo… Sì, penso sia possibile sostituire il pannello destro predefinito con Blocchi Barra Laterale Destra. Controllerò.

[xiaokong23357 (virgil698)]

Un’altra cosa, @Don
Il mio forum utilizza il tuo tema, ora il mio forum è pronto per essere aggiunto al motore di ricerca Microsoft Bing, ma ora è necessario eseguire il rilevamento dei tag meta HTML per il forum, come posso incorporare questo tag meta HTML nel tema
È molto necessario ora e ti sono molto grato di poterlo risolvere

[Don]

Crea un nuovo componente del tema in admin come questo che ho introdotto sopra. FKB Pro - Social theme - #88 by Don puoi cambiare il nome del componente come vuoi ma non incollare il css che ho incollato nella scheda CSS. Copia e incolla il tag meta HTML di Bing nella scheda HEAD del componente che hai creato e salvalo.

[xiaokong23357 (virgil698)]

@Don

Crea un nuovo componente del tema nell’amministrazione come ho introdotto sopra. FKB Pro - Social theme - #88 by dodesz puoi cambiare il nome del componente come vuoi ma non incollare il css che ho incollato nella scheda. Copia e incolla il Bing nella scheda nel componente che hai creato e salvalo. CSS HTML Meta tag HEAD

Così?

Poi configuro l’html personalizzato e poi devo abilitare il tema prima del captcha?

[Don]

No, per come la vedo io, questo è un tema. Devi creare un componente. Qual è l’altra scheda o puoi convertirlo in un componente con il pulsante Converti che si trova in fondo alla pagina. Segui solo le istruzioni che ho mostrato sopra.

[xiaokong23357 (virgil698)]

Grazie mille, problema risolto!
@Don

[Don]

Ho unito un aggiornamento per aggiungere: Compatibility with Right Sidebar Blocks theme component by VaperinaDEV · Pull Request #18 · VaperinaDEV/fkb-pro-theme · GitHub

Contiene un’impostazione: right sidebar blocks enabled. Aggiungerà un po’ di supporto per il componente del tema Right Sidebar Blocks e sostituirà la barra laterale destra predefinita (pannello fkb) con essa.

[xiaokong23357 (virgil698)]

Ho un’idea, la barra laterale può essere realizzata da te in questo stile e unita a un file di tema, e le persone che ne hanno bisogno possono attivare la funzione corrispondente nelle impostazioni del tema @Don

[Don]

Ciao,

Sì, penso che sia possibile modificando lo stile se intendi che il titolo è separato dal contenuto e sembra che questa barra laterale non sia fissa.

Prova qualcosa del genere.

Crea un nuovo componente del tema come questo FKB Pro - Social theme - #88 by Don o aggiungilo a uno esistente.

Desktop / 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);
    }
  }
}

[Jagster (Jakke Lehtonen)]

Per tua informazione: sia /login che /signup come link danno un cerchio che gira, non aprono la modale. iPad con tutto aggiornato.

[Don]

Ciao Jakke Ho appena controllato questo sul tuo sito e le modali vengono visualizzate correttamente per me su /login e /signup.