Comment puis-je changer l'arrière-plan d'un certain sujet ?

En poursuivant la discussion du fil Background of topic color change :

Bonjour, comment puis-je changer l’arrière-plan d’un sujet spécifique ?

1 « J'aime »

Ou. Je ne sais pas coder. Quel serait le code CSS pour personnaliser l’arrière-plan des sujets d’une sous-catégorie spécifique ?

Merci pour votre réponse !

1 « J'aime »
.category-support .topic-post {
    background: red;
}

fait :

La classe spécifique à la catégorie se trouve dans la balise <body>.


Si vous souhaitez mettre en surbrillance uniquement le premier message :

.category-support .topic-post:first-child {
    background: red;
}

Si vous souhaitez modifier l’arrière-plan des sujets spécifiques à une catégorie dans une liste de sujets, alors le sujet que vous avez lié est la solution.

.category-support.topic-list-item {
    background: red;
}

fait :

4 « J'aime »

Un grand merci à toi :+1:
J’essaierai sans faute !

Puis-je ajouter une image à la place d’une couleur ?

Autre question : quel est le code pour personnaliser l’arrière-plan d’une sous-catégorie spécifique ?
Merci

Bonjour,

Vous pouvez également utiliser les paramètres de catégorie pour configurer une image d’arrière-plan pour la catégorie.

1 « J'aime »

Oui, ça a fonctionné :+1:. Mais quand je rends la page publique, le fond reste blanc :point_down:

La fonctionnalité de la page publique est très limitée.
Par exemple, l’aperçu de la vidéo YouTube n’est pas affiché (seule la bannière de la vidéo est affichée). Vous ne pouvez pas créer de carrousel d’images (toutes les images sont placées les unes après les autres en bas de la page).
À partir de là, j’ai les questions suivantes : Est-il possible d’améliorer la fonction de la page publique par moi-même, ou existe-t-il déjà des codes prêts à l’emploi pour améliorer la page publique ?
Peut-être devrais-je créer un post séparé sur ce sujet :thinking:

Vous devrez styliser la page publiée séparément du sujet lui-même, mais chaque page publiée a son propre ID, il est donc possible de les ajuster avec un peu de CSS. par exemple :

.published-page {
  &.testing-published-page.topic-276.foo {  /* c'est l'ID de ma page qui est composé du titre du sujet + ID du sujet + slug de la catégorie */
    background-color: #c4ddc4;

    .published-page-header {
      background-color: #facccc;
    }

    blockquote {
      background-color: #facccc;
      border: 5px solid #fb7878;
    }
  }
1 « J'aime »

Merci, j’apprécie vraiment votre réponse.
Est-il possible de rendre le code de telle sorte que la page publiée hérite automatiquement de la conception du message d’origine ?

Merci pour votre réponse !
Je me suis souvenu de cette fonctionnalité. Cette fonction définit l’arrière-plan de tous les sujets d’une catégorie particulière. Puis-je coder l’arrière-plan dans l’éditeur de publication, uniquement pour un article spécifique. Sans personnaliser l’arrière-plan de toute la section.

Pouvez-vous me montrer un texte approximatif et plus spécifique, comment il est écrit, sinon je ne peux pas ?

titre du sujet = kody-css-dlya-nastrojki-oformleniya-temy
slug de la catégorie = staff
ID du sujet = image

Voici ma page publiée :point_down:

Avez-vous consulté les détails de la page dans l’inspecteur de votre navigateur ?

Non, car je ne comprends pas.
Vous voulez dire quelque chose comme ceci :point_down: ?

J’ai pris l’id du navigateur :point_up_2:
image

Je crains que mes compétences en CSS ne se limitent encore qu’à des extraits et des ajustements, je ne suis donc pas la meilleure personne pour enseigner même les bases. :slightly_smiling_face:

Nous avons quelques guides qui pourraient vous être utiles ?

1 « J'aime »

Puis-je poser une autre question, je crains que personne d’autre ne me réponde sauf vous. Comment faire un scintillement (éclat) similaire du bouton ?
Button-whatsapp gif

Voici le code de mon bouton

[data-theme-button2] {
    display: flex;
    justify-content: end;
    a {
        padding: 10px 50px;
        background: #24E927;
        border-radius: 5px;
        border: 1px solid #004E7D;
        color: #004E7D;
        font-weight: 600;
    }
}

Vous pouvez obtenir de l’aide spécifique à Discourse ici, mais vous devrez aller ailleurs pour obtenir des astuces CSS. J’utilise simplement Google et https://css-tricks.com/.

4 « J'aime »

Bonjour. Merci pour les informations :raised_hands:
Je pense qu’il vaut mieux pour moi d’engager un spécialiste que de comprendre le codage. Il fallait que je résolve la question du code du bouton. À ce moment-là, j’avais besoin de résoudre le problème du code du bouton.

2 « J'aime »

Si vous avez besoin d’embaucher quelqu’un pour des modifications CSS ou plus, vous pouvez poster sur Marketplace et/ou m’envoyer un message personnel.

2 « J'aime »