특정 주제의 배경을 어떻게 변경하나요?

Background of topic color change 주제에서 계속 논의하고 있습니다:

안녕하세요, 특정 주제의 배경을 어떻게 변경할 수 있나요?

아니면요. 저는 코딩을 못 합니다. 특정 하위 카테고리의 주제 배경을 커스터마이징하는 CSS 코드는 무엇인가요?

답변 주셔서 감사합니다!

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

은 다음과 같이 동작합니다:

카테고리별 클래스는 <body> 태그에서 찾을 수 있습니다.


첫 번째 게시물만 강조하고 싶다면:

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

토픽 목록에서 카테고리별 토픽의 배경을 변경하려면, 링크한 토픽의 방법을 사용하면 됩니다.

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

은 다음과 같이 동작합니다:

정말 감사합니다 :+1:
반드시 시도해 보겠습니다!

색상 대신 이미지를 추가할 수 있을까요?

또 다른 질문: 특정 하위 카테고리의 배경을 사용자 지정하는 코드는 무엇인가요?
감사합니다

안녕하세요,

카테고리 설정을 사용하여 카테고리 배경 이미지를 설정할 수도 있습니다.

네, 작동했습니다 :+1:. 하지만 페이지를 공개하면 배경이 여전히 흰색으로 남아 있어요 :point_down:

공개 페이지의 기능은 매우 제한적입니다.
예를 들어, YouTube 비디오 미리보기는 표시되지 않고(비디오 배너만 표시됨), 이미지 캐러셀을 만들 수 없습니다(모든 이미지가 페이지 아래로 연속 배치됨).
이 부분에 대해 다음 질문이 있습니다: 공개 페이지의 기능을 제가 직접 개선할 수 있나요, 아니면 공개 페이지를 개선하기 위한 기존 코드가 이미 있나요?
이 문제에 대해 별도의 게시글을 작성하는 것이 나을지도 모르겠습니다 :thinking:

게시된 페이지는 주제 자체와 별도로 스타일을 지정해야 하지만, 각 게시된 페이지에는 고유한 ID가 있으므로 일부 CSS를 통해 이를 조정할 수 있습니다. 예를 들어:

.published-page {
  &.testing-published-page.topic-276.foo {  /*이것은 주제 제목+주제 ID+카테고리 슬러그로 구성된 내 페이지 ID입니다*/
    background-color: #c4ddc4;

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

    blockquote {
      background-color: #facccc;
      border: 5px solid #fb7878;
    }
  }

감사합니다. 답변 정말 감사드립니다.
게시된 페이지가 원본 게시물의 디자인을 자동으로 상속하도록 코드를 수정할 수 있을까요?

답변해 주셔서 감사합니다!
이 기능을 기억해냈습니다. 이 함수는 특정 카테고리의 모든 주제에 배경을 설정합니다. 특정 게시글에만 적용되도록 배경을 게시글 편집기에서 코드로 설정할 수 있을까요? 전체 섹션의 배경을 커스터마이징하지 않고요.

어떻게 작성되는지 대략적이고 더 구체적인 텍스트를 보여줄 수 있을까요? 그렇지 않으면 제가 알 수 없거든요.

주제 제목 = kody-css-dlya-nastrojki-oformleniya-temy
카테고리 슬러그 = staff
주제 ID = image

이것이 제가 게시한 페이지입니다 :point_down:

브라우저 인스펙터에서 해당 페이지의 세부 정보를 확인해 보셨나요?

아니요, 이해가 안 되어서요.
이런 걸 말씀하시는 건가요? :point_down:

브라우저에서 ID를 가져왔습니다 :point_up_2:
image

CSS 실력이 아직 스니펫이나 간단한 수정 수준에 머물러 있어서, 기초조차 가르치기에는 적임자가 아닌 것 같습니다. :slightly_smiling_face:

몇 가지 유용할 수 있는 가이드가 있습니다.

한 가지만 더 여쭤봐도 될까요? 당신 말고는 아무도 답해 주지 않을 것 같아서요. 버튼에 비슷한 깜빡임(플레어) 효과를 만드는 방법은 무엇인가요?
Button-whatsapp gif

여기 내 버튼 코드입니다

[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;
    }
}

여기서는 Discourse 관련 도움을 받을 수 있지만, CSS 트릭에 대해서는 다른 곳에서 찾아봐야 합니다. 저는 그냥 Google과 https://css-tricks.com/ 을 이용합니다.

안녕하세요. 정보를 알려주셔서 감사합니다 :raised_hands:
코드를 이해하는 것보다는 전문가를 고용하는 것이 나을 것 같아요. Мне нужно было решить вопрос с кодом кнопки. 이 시점에서는 버튼 코드 문제를 해결해야 했습니다.

CSS 수정이나 그 이상의 작업에 대해 누군가를 고용해야 한다면, Marketplace 채널에 게시하거나 나에게 개인 메시지를 보내 주세요.