카테고리
Twip 스킨

머티리얼 알림 스킨 (2021년 1월)

깔끔하게 만든 머티리얼 알림 스킨 입니당! Chrome 버전에 CSS 오류가 있어서 수정했습니다! 또한 영상 후원 부분도 잘 되는 것도 확인 했습니다

/* 연결 상태 표시 비활성화 */
div#Connecting {
  display: none
}

/* 이미지 표시 비활성화 */
#image-wrap {
  display: none !important
}

body,
h1,
h2,
#comment {
  font-family: 'NanumSquare' !important
}

body {
  text-align: center;
  font-size: 2em !important
}

h1 {
  font-size: 1em !important
}

html,
body,
#body {
  display: flex;
  align-items: center;
  height: 100vh;
}

#alertbox {
  display: flex;
  position: relative
}

#wrap {
  justify-content: center 
}

.layout-above #alertbox #text-wrap #alert-text {
  border-top: 0.25em solid #f68484;
  background-color: rgba(255,255,255,1);
  margin: 2em;
  box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.25)
}

h1,
h2,
#nickname,
#amount,
#comment {
  text-shadow: 0 0 0 rgba(0,0,0,0) !important
}

깔끔하게 만든 머티리얼 알림 스킨 입니당

2021년 1월 기준으로 현재 Twip 버전에 맞게 수정했어요!

하루 제작

하루 입니다!
Twitch 스트리머이며 사진 보정과 영상 보정 도와드리고 있어요

One reply on “머티리얼 알림 스킨 (2021년 1월)”

안녕하세요
복잡했던 트윕 알림들이 깔끔해져서 정말 잘 사용하고 있어요
그런데 후원이나 영상후원 말고는 글자들이 박스가 아니라 글자만 떠서 보기 어려울 때 있더라구요
후원처럼 상자에 담겨서 나올 수 있나요?

좋아요

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Google photo

Google의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

%s에 연결하는 중