# 새 주제에 ‘새’ 그래픽을 적용하는 방법

**URL:** https://meta.discourse.org/t/how-to-apply-new-graphic-to-new-topics/319983
**Category:** Development
**Created:** [8월 3, 2024, 5:07오후 UTC](https://meta.discourse.org/t/how-to-apply-new-graphic-to-new-topics/319983 "2024-08-03T17:07:44Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![oga](https://avatars.discourse-cdn.com/v4/letter/o/f19dbf/32.png) [@oga](https://meta.discourse.org/u/oga)
#### Post date: [8월 3, 2024, 5:07오후 UTC](https://meta.discourse.org/t/how-to-apply-new-graphic-to-new-topics/319983/1 "2024-08-03T17:07:44Z")

</div>

오늘 커뮤니티에 로그인했을 때, 아래 이미지와 같은 빨간색 “New” 플래그가 표시되어 있는 것을 발견했습니다.

 ![Screen Shot 2024-08-03 at 12.47.23 PM](https://global.discourse-cdn.com/meta/original/4X/e/f/5/ef5c2f9d44ec260426196beeab48b443f1d20d98.png)  
이 빨간색 “New !” 플래그는 어떻게 구현된 것인가요? 매일 기사를 게시할 예정이므로, 새로운 토픽을 표시하는 데 이 플래그를 사용하고 싶습니다. 이 플래그를 생성하는 데 어떤 방법이나 도구가 사용되었나요?  
감사합니다.

---

<div class="post-metadata">

### Author: ![sheng\_hualuo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sheng_hualuo/32/430359_2.png) [@sheng\_hualuo](https://meta.discourse.org/u/sheng_hualuo)
#### Post date: [8월 4, 2024, 8:51오전 UTC](https://meta.discourse.org/t/how-to-apply-new-graphic-to-new-topics/319983/2 "2024-08-04T08:51:47Z")

</div>

```plaintext
.badge-notification.new-topic::before {
    content: "New!";
    position: absolute;
    right: -1.1em;
    top: -0.85em;
    background: var(--quaternary);
    transform: rotate(12deg);
    font-size: var(--font-down-2);
    letter-spacing: .05em;
    padding: .2em .5em;
    border-radius: 4px;
    font-weight: normal;
    color: var(--secondary);
}

```

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/a/0/3a03532ca130baf859b8bb23466203bfe3f2ff6d.jpeg)

---

<div class="post-metadata">

### Author: ![oga](https://avatars.discourse-cdn.com/v4/letter/o/f19dbf/32.png) [@oga](https://meta.discourse.org/u/oga)
#### Post date: [8월 4, 2024, 2:36오후 UTC](https://meta.discourse.org/t/how-to-apply-new-graphic-to-new-topics/319983/3 "2024-08-04T14:36:54Z")

</div>

정말 감사합니다. 이 기능이 컴포넌트로 추가되는 거죠, 맞나요?  
모든 테마에 적용되는 전역 변경 사항인 만큼, 위치가 “head”, “body” 등으로 설정되는 것이 중요한가요?

---

<div class="post-metadata">

### Author: ![sheng\_hualuo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sheng_hualuo/32/430359_2.png) [@sheng\_hualuo](https://meta.discourse.org/u/sheng_hualuo)
#### Post date: [8월 4, 2024, 2:54오후 UTC](https://meta.discourse.org/t/how-to-apply-new-graphic-to-new-topics/319983/4 "2024-08-04T14:54:33Z")

</div>

커스텀 CSS라는 이름의 테마 컴포넌트를 만들고, 필요한 모든 CSS를 추가하는 것을 권장합니다.

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [8월 4, 2024, 10:19오후 UTC](https://meta.discourse.org/t/how-to-apply-new-graphic-to-new-topics/319983/5 "2024-08-04T22:19:32Z")

</div>

안녕하세요, 팁 감사합니다. 다만, 저는 'New’의 프랑스어 번역인 'Nouveau’를 사용하고 있는데, 이 단어가 더 길어서 잘려 보입니다. 이 문제를 해결하는 방법을 알고 계신가요? 감사합니다. @sheng_hualuo

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [8월 4, 2024, 11:10오후 UTC](https://meta.discourse.org/t/how-to-apply-new-graphic-to-new-topics/319983/6 "2024-08-04T23:10:01Z")

</div>

다음 속성을 추가해 보세요

```css
    height: auto;
    width: auto;

```

이것이 의도하신 내용이라면:

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/b/c/fbcd70999f2c1dfb4d67403ec639f75269b0549d.png)

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [8월 4, 2024, 11:16오후 UTC](https://meta.discourse.org/t/how-to-apply-new-graphic-to-new-topics/319983/7 "2024-08-04T23:16:37Z")

</div>

@Arkshine 감사합니다, 잘 작동합니다!

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [9월 3, 2024, 11:16오후 UTC](https://meta.discourse.org/t/how-to-apply-new-graphic-to-new-topics/319983/8 "2024-09-03T23:16:53Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.