예시
------------------------------CSS START --------------------------------------
--bg-img: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSJQQrx7Le2-SS_MQq5fDnQMza62W5KU62ZPbEvYVZfLlUhxf49);
/** 이모티콘창에서 보이는 이모티콘 이미지 수정 **/
.fr-command.fr-emoticon[data-param1=D.AESuppy] > img {
width: 30px !important;
height: 30px !important;
padding-left: 30px;
background-image: var(--bg-img);
background-size: 100%;
}
/** 글작성 후 보이는 이미지 수정**/
.fr-emoticon.fr-deletable > img[alt=D.AESuppy]{
width: 50px !important;
height: 50px !important;
padding-left: 50px;
background-image: var(--bg-img);
background-size: 100%;
}
--------------------------END CSS ---------------------------------------
DAE.Suppy. 라고 댓글이나 글에 입력했을때 나오는 이모티콘을 변경하는 CSS 입니다.
여기에다가 그냥 적으면 이모티콘으로 변할까봐 . 붙여서 사용했습니다 ㅠㅠ 이모티콘은 DAESuppy 입니다
DAE.Suppy. 적힌곳에 타 이모티콘 네임을 적으시면 해당 이모티콘을 원하는 그림으로 수정하실수 있습니다. 예를들어 [data-param1=블러드트레일(영어로)] 적으시면 블러드트레일 이모티콘이 타 이모티콘으로 대체 됩니다.
스트리머 분들의 구독티콘이 별로 없을경우 위 CSS로 안쓰시는 이모티콘을 원하시는만큼 바꾸실수 있습니다.
gif도 되니 움짤을 이모티콘만으로도 추가하실수 있게됩니다.
댓글 10개 ▼