Thème Air

Je veux utiliser ceci avec le thème air car j’aime les boîtes et la configuration des catégories.

2 « J'aime »

Vous souhaitez qu’il n’y ait pas de zone grise empiétant sur l’image d’arrière-plan ?

Si c’est le cas, vous utiliseriez le même code ci-dessus, mais vous désactiveriez la propriété 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;

Cela rend vraiment bien avec votre image !

8 « J'aime »

Ah d’accord, merci !

4 « J'aime »

5 messages ont été fusionnées dans un sujet existant : Composant de thème de bannière de recherche

comment appliquer ce code ? où dois-je le mettre exactement s’il vous plaît

N’hésitez pas à parcourir les sujets suivants pour mieux comprendre comment personnaliser l’apparence de votre site :+1:

Ainsi que ceux-ci :

Guide du designer pour les thèmes Discourse

Guide du développeur pour les thèmes Discourse

2 « J'aime »

Merci beaucoup @jordan.vidrine, j’ai donc implémenté les changements et ce n’est peut-être pas nécessairement sur le thème, mais sur ma bannière polyvalente, mais l’arrière-plan est également dupliqué sur ma bannière polyvalente et c’est le seul changement que j’ai apporté sur 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;
  }
}

Voici à quoi ressemble ma page maintenant : est-ce quelque chose que je dois changer dans la bannière polyvalente ou quelque chose sur le thème de l’air ?

Je n’ai pas d’image d’arrière-plan ni de couleur définie pour la bannière polyvalente.

Des suggestions ?

1 « J'aime »

Vous pouvez essayer background-size: cover; ou jouer avec des variations de celui-ci.

Plus d’informations ici pourraient également être utiles background-size | CSS-Tricks

2 « J'aime »

Ah, je comprends, je vais le faire. C’est la taille lorsque je dézoome, l’image se répète simplement :

Pensez-vous que je devrais également supprimer le padding de hauteur et de largeur ?

Je vais jouer avec la taille de l’arrière-plan : merci !

2 « J'aime »
 .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;

Fonctionne parfaitement merci !

3 « J'aime »

Quelqu’un sait comment changer la taille et la couleur du texte de l’en-tête sur la page d’accueil ?

Je vous redirais ici pour mieux comprendre le fonctionnement de Discourse et comment personnaliser des zones du site.

5 « J'aime »

Un message a été fusionné dans un sujet existant : Composant de basculement mode sombre / clair

Avez-vous une idée de comment changer la couleur de cette police lors de la création d’un composant pour cela ? Ce problème ne se pose que sur mobile… donc le composant ne peut être que pour la conception mobile.

bouton de recherche

recherche du pied de page

2 « J'aime »

Hmm :thinking: , il est difficile de dire d’après votre capture d’écran sur quelle page vous vous trouvez, ou à quelle police de caractères spécifique vous faites référence. Sur l’image que vous avez partagée, il y a 4 éléments de texte ou plus qui pourraient potentiellement être personnalisés.

Vous semblez très intéressé par la personnalisation de Discourse, ce qui est formidable :raised_hands:

Je vous suggère de lire les sujets suivants pour mieux comprendre comment personnaliser l’apparence de votre site :+1:

Ainsi que ceux-ci :

Guide du designer pour les thèmes Discourse

Guide du développeur pour les thèmes Discourse

1 « J'aime »

Jordan, je vois que vos messages ci-dessus et précédents mentionnent tous de lire davantage, je comprends cela et je le respecte, mais veuillez noter que je ne suis pas designer et que j’ai passé près d’une semaine à personnaliser le thème avec mes connaissances de base… et je ne suis pas assez riche pour dépenser 500 $ en personnalisation pour ma « communauté à but non lucratif ».

Donc, si vous pouviez nous aider à ce sujet, ce serait apprécié, pas pour moi, mais pour les autres utilisateurs de la communauté qui aimeraient certainement votre thème avec leurs connaissances de base en personnalisation.

La meilleure chose à propos de Discourse est que, bien qu’il y ait bien sûr une courbe d’apprentissage (comme pour tout ce qui est technique de nos jours), vous êtes tout à fait capable de personnaliser les choses que vous souhaitez personnaliser. Je vous le promets !

Nous écrivons ces sujets pour aider notre communauté à apprendre à faire les choses par elle-même, et parfois, lorsque les choses deviennent un peu trop difficiles, nous sommes toujours là pour vous aider.

Cela dit, l’aide que vous demandez peut certainement être obtenue en lisant les sujets que j’ai liés plus tôt !

6 « J'aime »

Est-il possible de réintroduire le nombre de vues aux côtés de l’activité la plus récente et du nombre de réponses ?

2 « J'aime »

Vous devriez pouvoir le faire dans un composant de thème. Je ne suis pas actuellement sur un ordinateur, mais si vous inspectez l’élément de la liste des sujets avec un inspecteur de navigateur comme Chrome, vous devriez pouvoir voir quelles lignes ont été masquées avec CSS. Vous pouvez ensuite cibler ces lignes pour les rendre visibles avec un composant de thème personnalisé.

4 « J'aime »

Salut, j’utilise le thème Air avec le composant thématique Topic List Thumbnails Theme Component - theme - Discourse Meta en mode grille. Cependant, l’agencement des sujets est différent en mode grille par rapport aux autres thèmes.
par exemple,


autre thème avec le composant,

Est-ce un problème ou existe-t-il un composant thématique suggéré pour afficher la miniature du sujet ?

1 « J'aime »