Tema Aria

Voglio usarlo con il tema air perché mi piacciono le caselle e la configurazione delle categorie.

2 Mi Piace

Quindi desideri che nessuna area grigia si sovrapponga all’immagine di sfondo?

Se è così, useresti lo stesso codice sopra, ma rimuoveresti la proprietà clip-path.

html .background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: url(https://d11a6trkgmumsb.cloudfront.net/original/3X/8/3/8352b68….jpeg);
    background-size: cover;
    clip-path: unset;

Questo in realtà sta molto bene con la tua immagine!

8 Mi Piace

Ah, ho capito, grazie!

4 Mi Piace

5 post sono stati uniti in un argomento esistente: Search banner theme component

come applicare questo codice? dove metterlo esattamente per favore

Sentiti libero di leggere gli argomenti seguenti per farti un’idea migliore di come personalizzare l’aspetto del tuo sito :+1:

Così come questi:

Guida per designer ai temi di Discourse

Guida per sviluppatori ai temi di Discourse

2 Mi Piace

Grazie mille @jordan.vidrine, ho implementato le modifiche e questo potrebbe non riguardare necessariamente il tema, ma il mio banner versatile, ma lo sfondo è duplicato anche sul mio banner versatile e questa è l’unica modifica che ho apportato in discourse air

    left: 0;
    height: 100vh;
    width: 100vw;
    background: #003366;
    clip-path: ellipse(148% 70% at 91% -14%);
    background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg);
    clip-path: unset;
  }
}

Questo è come appare ora la mia pagina: devo cambiare qualcosa nel banner versatile o nel tema air?

Non ho un’immagine di sfondo o un colore impostato per il banner versatile.

Qualsiasi suggerimento?

1 Mi Piace

Puoi provare background-size: cover; o giocare con le variazioni di questo.

Ulteriori informazioni qui potrebbero anche essere utili background-size | CSS-Tricks

2 Mi Piace

Ah, capito, lo farò. È il ridimensionamento quando ingrandisco l’immagine, si ripete semplicemente:

Pensi che dovrei rimuovere anche il padding di altezza e larghezza?

Giocherò con background-size: grazie!

2 Mi Piace
 .background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg);
    background-size: cover;
    clip-path: unset;

Funziona perfettamente, grazie!

3 Mi Piace

Qualcuno sa come cambiare la dimensione e il colore del testo dell’intestazione nella pagina principale?

Ti indirizzerei qui per farti capire meglio come funziona Discourse e come personalizzare aree del sito.

5 Mi Piace

Un post è stato unito a un argomento esistente: Dark / Light mode toggle component

Avete qualche idea su come cambiare il colore di questo carattere quando creiamo un componente per esso? Questo problema si verifica solo su mobile… quindi il componente può essere solo per il design mobile

pulsante di ricerca

ricerca nel piè di pagina

2 Mi Piace

Hmm :thinking: , è difficile dire dallo screenshot in quale pagina ti trovi o a quale font specifico ti riferisci. Nell’immagine che hai condiviso ci sono 4 o più elementi di testo diversi che potrebbero essere personalizzati.

Sembra che tu sia interessato a personalizzare parecchio Discourse per te stesso, il che è fantastico :raised_hands:

Ti suggerirei di leggere i seguenti argomenti per farti un’idea migliore di come personalizzare l’aspetto del tuo sito :+1:

Così come questi:

Guida per designer ai temi di Discourse

Guida per sviluppatori ai temi di Discourse

1 Mi Piace

Jordan, vedo che i tuoi messaggi precedenti e l’ultimo menzionano tutti di leggere di più, lo capisco e lo rispetto, ma ti prego di notare che non sono un designer e ho passato quasi una settimana a personalizzare il tema con le mie conoscenze di base… e non sono ricco da spendere 500 dollari per personalizzare la mia “comunità non a scopo di lucro”.

Quindi, ti prego di considerare di aiutarci in questo, sarà apprezzato non per me, ma per gli altri utenti della community a cui piacerà sicuramente il tuo tema con le loro conoscenze di base nella personalizzazione.

La cosa migliore di Discourse è che, sebbene ci sia ovviamente una curva di apprendimento (come con qualsiasi cosa tecnica al giorno d’oggi), sei molto capace di personalizzare le cose che desideri personalizzare. Te lo prometto!

Scriviamo questi argomenti per aiutare la nostra community a imparare a fare le cose da soli, e a volte quando le cose diventano un po’ troppo difficili, siamo sempre qui per aiutare.

Detto questo, l’aiuto che stai chiedendo può sicuramente essere ottenuto leggendo gli argomenti che ho collegato in precedenza!

6 Mi Piace

È possibile riportare il numero di visualizzazioni insieme all’ultima attività e al numero di risposte?

2 Mi Piace

Dovresti essere in grado di farlo in un componente del tema. Al momento non sono al computer, ma se ispezioni l’elemento dell’elenco degli argomenti con un ispettore del browser come Chrome, dovresti essere in grado di vedere quali righe sono state nascoste con CSS. Puoi quindi selezionare quelle righe per renderle visibili con un componente del tema personalizzato.

4 Mi Piace

Ciao, uso Air Theme con il componente del tema Topic List Thumbnails Theme Component - theme - Discourse Meta in modalità griglia. Tuttavia, la disposizione degli argomenti è diversa nella vista griglia rispetto ad altri temi.
ad esempio,


altro tema con il componente,

È un problema o ci sono componenti tematici suggeriti per mostrare le miniature degli argomenti?

1 Mi Piace