CSS 디자인 15.7k 0

예시

------------------------------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도 되니 움짤을 이모티콘만으로도 추가하실수 있게됩니다.