 |
요약 | 헤더에 유리처럼 반투명한 배경을 추가합니다 |
 |
미리보기 | Vimeo 데모 |
 |
리포지토리 | https://github.com/denvergeeks/discourse-header-glass |
 |
설치 가이드 | 테마 또는 테마 컴포넌트 설치 방법 |
 |
디스코URS 테마를 처음 접하시나요? | 디스코URS 테마 사용 입문가이드 |
이 테마 컴포넌트 설치
16개의 좋아요
오, 멋지네요. 이걸 좋아해서 제 포럼에서도 써볼 것 같아요. 저는 반투명 헤더를 쓰고 있는데, 그 유리 효과가 정말 마음에 들어요. 잘 만들셨네요! 
이 컴포넌트에 설정 옵션이 있나요?
수정: 이제 보니 설정이 없네요. 그림자가 있는 아이콘이 정말 좋아요!
설정값은 없지만, 요청이나 PR은 언제든 환영입니다!!!
아, 그림자 처리된 헤더 아이콘이군요… 모든 CSS 코드를 여기에 올립니다…
.d-header {
background: rgb(147, 147, 147, 0.39) !important;
-webkit-backdrop-filter: blur(10px) !important;
-moz-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5) !important;
color: rgb(255 255 255) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}
.d-header-icons .d-icon,
.header-sidebar-toggle button .d-icon {
color: rgb(255 255 255) !important;
fill: rgb(255 255 255) !important;
filter: drop-shadow(1px 4px 2px rgba(0, 0, 0, 0.4)) !important;
}
3개의 좋아요
이 시각 효과가 정말 좋아요. 컬러 글래스 룩에 대해 궁금하네요.
이제 스테인드 글래스 효과를 만들어 보고 싶어요 
1개의 좋아요
이미 코드 포크해놨어요 ㅋㅋ
1개의 좋아요
2개의 좋아요
좋아요! 링크 공유해줘서 고마워요 
1개의 좋아요
1개의 좋아요
아니, 진짜. 
이제 내 포럼을 위한 새 테마를 만들겠다는 영감을 얻었어. 
4개의 좋아요
@Lilly 네가 만든 걸 볼 날을 손꼽아 기다리고 있어! 진짜 대단해, 여사님!!!
1개의 좋아요
음, 테마 디자인은 내 전문 분야가 아니야. 만들 수는 있지만, 컴포넌트나 함수형 타입 솔루션의 창의성을 더 좋아해. 특히 다른 사람이 필요를 정의해 줄 때 말이야.
3개의 좋아요
사이트 구조, 내비게이션, UI/UX — 모두 가장 만족스러운 방식으로 사람들이 연결될 수 있도록 만들어진 기능적 예술입니다. 
5개의 좋아요
어머! 링크를 올리는 걸 깜빡했네요 - 재미로 색상과 투명도 설정을 추가했어요 
4개의 좋아요
우와! @Lilly님 감사합니다! 색상과 투명도 설정을 추가했고, 헤더 아이콘의 그림자 설정도 함께 추가했습니다.
3개의 좋아요
그림자가 있는 것도 여전히 괜찮아 보인다고 생각해. 스위치를 달 수 있으면 좋겠다.
1개의 좋아요
안녕하세요 @Monikas님, 피드백 주셔서 감사합니다. 그런데 설정에서 구체적으로 어떤 기능을 원하시는지 좀 더 자세히 말씀해 주시겠어요?
2개의 좋아요
아, 그렇군요. 이제 헤더 하단 가장자리의 그림자 설정을 추가했습니다.
1개의 좋아요