[안내] 8월 30일(수)부터 커뮤니티 게시판은 '자유게시판'에 통합되었습니다.

기존 게시글과 댓글은 그대로 확인할 수 있으며, 신규 게시글 및 댓글 작성은 자유 게시판을 이용 부탁 드립니다.

AD

정보 나눔 이모티콘 커스텀 CSS

왘카
2019-03-06 11:34:47 5087 26 10

예시

------------------------------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개  
이전 댓글 더 보기
▼아랫글 트게더 상단 배너만들기 0114생일챙겨주세요
공지사항자유게시판질문 답변튜토리얼정보 나눔TGD 템플릿Twip 템플릿
4
정보 나눔
:root를 활용한 투명도 미세팁 [1]
Million_Air
01-07
8
02-10
1
정보 나눔
트게더 pc css 공유합니다. [1]
블루블라
09-27
5
정보 나눔
트게더 모바일 css 공유합니다. [5]
블루블라
09-26
1
정보 나눔
크게 안꾸며도 이쁘게 보이는법
0114생일챙겨주세요
04-13
3
정보 나눔
FontAwesome [1]
Million_Air
11-19
1
06-12
4
정보 나눔
게시판 랭킹 숨기기
잉게더
06-12
6
06-07
6
정보 나눔
Sketch v0.0.1 [2]
befreeX
03-31
2
정보 나눔
특정 글 숨기기 [6]
잉게더
03-23
16
정보 나눔
언어 배우기 좋은곳 [3]
0114생일챙겨주세요
03-12
4
정보 나눔
상단영역 반짝이는 효과 주기 [1]
0114생일챙겨주세요
03-07
5
정보 나눔
로고 우측에 이미지 추가
Moderator 우연의일치
03-07
11
03-06
»
정보 나눔
이모티콘 커스텀 CSS [10]
왘카
03-06
17
정보 나눔
트게더 상단 배너만들기 [3]
0114생일챙겨주세요
03-05
7
정보 나눔
읽은 글 색상 변경 [1]
Moderator 우연의일치
03-04
3
정보 나눔
공지 배경에 그림 넣는 법
Moderator 우연의일치
03-02
2
정보 나눔
배경에 색이나 이미지 넣을 때 [5]
Moderator 우연의일치
03-02
7
정보 나눔
왼쪽 배너 하단부 라운딩
Moderator 우연의일치
03-02
2
정보 나눔
위로가기 버튼 수정하기 [3]
0114생일챙겨주세요
03-02
7
정보 나눔
CSS 무료소스 사이트
0114생일챙겨주세요
03-02
인기글