상위 기여자 사이드바 배경

디스코urses팀, 안녕하세요. 도움이 필요합니다. Foum에 ‘Top-contributor-sidebar’ 테마를 추가했는데, 배경색을 추가하거나 변경하는 방법을 알고 싶습니다. 스타일을 사용자 지정할 수 있는 방법이 있을까요?

@Nestor_Matias님, 환영합니다! :smiley:

배경색을 말씀하시는 건가요?

상대적으로 쉬운 작업이라면 아래 가이드가 도움이 될 수 있습니다 :wink:

@ondrej 감사합니다. 하지만 저는 이 TOP CONTRIBUTORS 테마의 배경만 변경해야 합니다. 일반적인 테마 Top contributors와 마찬가지로 흰색으로 보인데, 이 부분을 커스터마이즈하고 싶습니다.

포럼 주소를 보내주시면 도와드리겠습니다.

hi @ogulcan1787 저는 Localhost:4200에서만 테스트하고 있지만, 도움이 좀 필요해요. Sublime 테마를 사용 중인데 왜 카테고리 박스 색상이 변하지 않는 건지 알 수 있을까요? 도와주실 수 있나요?

편집이 아주 쉽습니다.

페이지에 있는 상태에서 키보드의 F12 키를 누르세요.

콘솔 왼쪽 상단의 이 아이콘을 클릭하세요.

그다음 편집할 영역을 선택하세요.

오른쪽의 코드를 변경해 보세요.

Ekran görüntüsü 2024-06-04 175948

원하는 대로になったら 코드를 복사하세요.

Ekran görüntüsü 2024-06-04 180123

관리자 > 사용자 정의 > 테마로 이동하여 CSS HTML 편집을 클릭하세요.

> 데스크톱

붙여넣기 후 저장하세요.

사이트에서 저장한 내용을 즉시 확인할 수 있습니다.

찾고 있는 코드는 인터넷에서 찾을 수 있습니다. 예를 들어, 배경색을 변경하려면 Google에서 "배경색 변경 코드 CSS"라고 검색해 보세요.

찾을 수 있는 코드는 "background-color: #fff"입니다.

편집된 필드에 찾은 코드를 추가하여 원하는 배경색을 지정할 수 있습니다.

모국어가 영어이므로 훨씬 더 쉽게 자료를 찾을 수 있습니다.

저는 코딩 지식이 전혀 없이 프로필에서 사이트를 편집했습니다. 당신도 할 수 있습니다.

행운을 빕니다.

좋은 작업이네요. 스크린샷이 포함된 멋진 게시물입니다 :+1: :slight_smile:

릴리, 고마워. 도움이 되었길 바라. :hugs:

hi @ogulcan1787 감사합니다. 하지만 제 질문을 제대로 이해하지 못하신 것 같아요. 저는 Sublime 테마를 사용 중인데, 이 테마에는 CSS 편집 옵션이 없습니다. 참고로 Default 테마를 사용하지는 않습니다.


더 명확하게 설명드린 것 같네요😊

해당 테마의 css를 수정할 필요가 없습니다. 직접 테마 컴포넌트를 만들어 테마에 추가할 수 있습니다.

아마도 이렇게 해볼 수 있을지도 몰라요.

직접 디자인을 만들어 보는 것이 가장 좋다고 생각해요. 사실 그렇게 어렵지 않거든요.

hi @ogulcan1787 정말 감사합니다. 도움이 됐어요. 하지만 카테고리 박스에는 작동하지 않아요. 검사(investigation)를 보면 동적(dynamic)인 것으로 표시되는데, 색상이 다르게 보임에도 불구하고 해당 색상이 표시되거나 작동하지 않아요. 어떻게 수정해야 할지 모르겠어요. 도와줄 수 있을까요? pls

이렇게 만들고 싶은데, 도와주실 분 없나요? please?

카테고리 설정에서 카테고리 배지 색상을 변경할 수 있습니다.


해당 카테고리로 이동한 후 렌치 아이콘을 클릭하고 다른 배경색을 선택하세요.

@Moin 물론 제가 처음에 한 일이 바로 그것이었어요. 그 다음에는 수동으로 시도해 봤는데, 보시는 것처럼 CSS가 동적으로 생성되더라고요? 혹시 이 부분 도와주실 수 있는 분 계신가요? 제발요.

.categor-boxes .category-box border-top: 2px solid #colorcode;

이 코드들은 모두 동일한 색상을 적용합니다.

하지만 @Moin의 조언을 따르는 것이 더 좋을 것 같습니다.

@ogulcan1787 물론 이 방법을 이미 시도해 봤지만 작동이 안 돼요. 뭘 더 해야 할지 모르겠어요.