#만들다/투네이션 위젯 스킨 (5) 썸네일형 리스트형 투네이션 채팅 위젯 스킨 - ZSNES ㅋ투네이션 전용 채팅창 위젯 스킨인 ZSNES 스킨을 소개합니다. ZSNES는 SNES (슈퍼 닌텐도)의 에뮬레이터인데, 이 프로그램에 쓰인 디자인을 거의 그대로 구현해 만든 스킨입니다. 잘 쓰시기 바랍니다. 스킨 적용 방법 적용 방법은 간단합니다. 우선 투네이션의 위젯 메뉴에서 채팅창을 선택해 주시고, 반드시 채팅 표시 스타일을 "두 줄 상자 테두리" 또는 "한 줄 상자 테두리" 적용해 주시기 바랍니다. 적용 후 이제 CSS 코드를 복사합니다. CSS 코드를 복사 후 OBS에서 추가한 투네이션 채팅창 위젯의 속성에 들어가서 CSS 코드를 붙여넣습니다. @import url('https://unpkg.com/galmuri@latest/dist/galmuri.css'); :root { --plus: 5px.. 투네이션 채팅 위젯 스킨 - SMW 투네이션 전용 채팅창 위젯 스킨인 SMW 스킨을 소개합니다. 누구나 잘 아는 게임인 슈퍼 마리오 월드에서 보이는 턴 블록 기반으로 제작한 스킨입니다. 잘 쓰시기 바랍니다. 스킨 적용 방법 적용 방법은 간단합니다. 우선 투네이션의 위젯 메뉴에서 채팅창을 선택해 주시고, 채팅 표시 스타일을 한 줄 상자 테두리 또는 두 줄 상자 테두리를 적용해 주시기 바랍니다. 적용 후 이제 CSS 코드를 복사합니다. CSS 코드를 복사 후 OBS에서 추가한 투네이션 채팅창 위젯의 속성에 들어가서 CSS 코드를 붙여 넣습니다. @import url('https://unpkg.com/galmuri@latest/dist/galmuri.css'); #div_content { padding: 20px; } .chat-doubleli.. 투네이션 채팅 위젯 스킨 - SMB1 투네이션 전용 채팅창 위젯 스킨인 SMB1 스킨을 소개합니다. 누구나 잘 아는 게임인 슈퍼 마리오 브라더스의 스킨입니다. 잘 쓰시기 바랍니다. 스킨 적용 방법 적용 방법은 간단합니다. 우선 투네이션의 위젯 메뉴에서 채팅창을 선택해 주시고, 채팅 표시 스타일을 한 줄 상자 테두리 또는 두 줄 상자 테두리를 적용해 주시기 바랍니다. 적용 후 이제 CSS 코드를 복사합니다. CSS 코드를 복사 후 OBS에서 추가한 투네이션 채팅창 위젯의 속성에 들어가서 CSS 코드를 붙여 넣습니다. @font-face { font-family: 'NeoDunggeunmo'; src: url('https://unpkg.com/@noonnu/neodunggeunmo@0.0.1/NeoDunggeunmo.woff') format('.. 투네이션 채팅 위젯 스킨 - Neon 투네이션 전용 채팅창 위젯 스킨인 Neon 스킨을 소개합니다. 네온사인 감성 느낌 그대로 구현을 해서 투네이션 채팅 스킨에 적용시켰습니다. 잘 쓰시기 바랍니다. 스킨 적용 방법 적용 방법은 간단합니다. 우선 투네이션의 위젯 메뉴에서 채팅창을 선택해 주시고, 채팅 표시 스타일을 한 줄 상자 테두리 또는 두 줄 상자 테두리를 적용해 주시기 바랍니다. 적용 후 이제 CSS 코드를 복사합니다. CSS 코드를 복사 후 OBS에서 추가한 투네이션 채팅창 위젯의 속성에 들어가서 CSS 코드를 붙여 넣습니다. @font-face { font-family: 'SEBANG_Gothic_Bold'; src: url('https://unpkg.com/@noonnu/sebang-gothic_bold@0.0.1/SEBANG_Go.. 투네이션 채팅 위젯 스킨 - Classic 95 투네이션 전용 채팅창 위젯 스킨인 Classic 95 스킨을 소개합니다. 윈도우 95부터 사용한 사람이라면 익숙할 수밖에 없는 레트로 디자인을 기억할 겁니다. 그 향기를 그대로 전해드리기 위해 새로 만들었습니다. 원래 아이콘까지 바꾸려고 했는데 픽셀 아트 작업까진 귀찮아서 이건 나중에 고려해 보려고 합니다. 또한 지금 버그인지 모르겠는데 유튜브 채팅 스킨도 적용되는지 확인해보려고 했으나 작동이 안되어서 일단 트위치 기준으로 제작했습니다. 여튼 잘 쓰시기 바랍니다. 스킨 적용 방법 적용 방법은 간단합니다. 우선 투네이션의 위젯 메뉴에서 채팅창을 선택해 주시고, 반드시 채팅 표시 스타일을 "두 줄 상자 테두리"를 적용해 주시기 바랍니다. 적용 후 이제 CSS 코드를 복사합니다. CSS 코드를 복사 후 OBS.. 이전 1 다음