쿠폰창 커스텀용 애드온

STOVE Store

커뮤니티 게시판 글상세

Indie Talk

글상세

Indie Talk

[FreeTalk] 쿠폰창 커스텀용 애드온 [21]

7월 10일자 업데이트를 통해서, 더 이상 애드온이 필요 없을 정도로 쿠폰창이 확장되었습니다.

업데이트 감사합니다.


그럼에도 혹시라도 더 넓은 쿠폰창을 원하시는 분들을 위한 커스텀 애드온을 공유드립니다.



가로폭과 세로폭 모두 조절할 수 있는 애드온 입니다.




■ 적용 방법


1. 일단은 아래의 이미지를 다른 이름으로 저장해 주세요.




  1. 다운 받은 이미지의 확장자를 (기존 png에서) .zip으로 바꿔주세요.
         확장명을 변경하면 사용할 수 없을 거라는 협박은 상큼하게 무시해 주세요 ㅋㅋ


※ 혹시 확장자가 안보이시는 경우는?

윈도우 탐색기 > 상단의 ... > 옵션 > 보기 > 알려진 파일 형식의 파일 확장자명 숨기기 의 체크 박스 해제.




  1.  그리고 적당한 폴더에 압축을 풀어주시면 파일 3개가 나올 겁니다.

가능한 해당 폴더에는 이 파일 3개만 있게 고유 폴더로 해 주시는 편이 좋습니다.




  1. 사용하시는 브라우저(크롬 또는 엣지)를 켜서,  chrome://extensions/  주소창에 넣어주세요. (크롬 엣지 둘 다 같은 주소입니다.)


  1. 개발자 모드를 켜고 > 압축 풀린 파일 로드 버튼 > 아까 파일 3개가 들어 있던 폴더에 가서 “폴더 선택” 을 눌러 주시면 끝입니다.


< 크롬의 경우 >



< 엣지의 경우 >




이게 끝입니다. 이제 쿠폰창에 가서 확인해 보시면 (아마도) 잘 출력 될 것입니다.


혹시라도 불안하신 분은 “세부 정보”로 들어가서 “사이트 엑세스”를 “특정사이트”로 바꿔 주시고 Stove의 주소를 넣어주시면,오직 스토브에서만 해당 애드온이 동작하게 제한 할 수도 있습니다.


다시 한번 적지만 진짜 css를 덮어씌우는 것 뿐이라, 이걸로 막 웹페이지 깨지고 해킹당하고 보안 뚫리고 그런거 없습니다.


※ 삭제 및 원상태로 돌아가기

chrome://extensions/ 에서 “Stove Coupon window expander” 아래 있는 “제거”를 눌러주시면,

스타일 오버라이드는 완전 제거 및 기존 환경으로 복원 됩니다.

압축을 풀었던 폴더는 직접 지워주셔야 합니다.


※ 주의 할 것

이 애드온은 Full-HD (1920×1080)의 해상도와 전체화면 창을 기준으로 스타일을 맞춰 놨기에,

다른 해상도, 다른 확대 배율 및 부분 창 화면의 웹 브라우저에서는 하단의 “선택 쿠폰 적용” 버튼을 못 누를 수도 있습니다.


이런 경우는 Ctrl+휠로 확대 배율을 조절하셔도 되고, 아래의 커스텀 편집을 이용하시면 됩니다.

※ 개발자 모드 Off

애드온을 추가한 다음에는 개발자 모드를 Off 로 하여도 애드온은 계속 적용되니, 

개발자 모드에 관한 경고가 거슬리시는 분은, 애드온을 추가한 뒤 개발자 모드 Off로 해주셔도 됩니다.



■ 커스텀 편집을 해 보자!


아까 압축 푼 파일을 넣어 놓은 폴더에서 ‘styles.css’ 파일을 메모장 등으로 열어주세요.



쿠폰명 가로폭 조절할 필요가 없어졌습니다 ^^


- 초록색

width : 기본 팝업창의 가로폭 입니다.

max-height : 최대 높이를 무력화하는 하는 내용입니다.

height : 팝업창의 높이를 조절하는 부분입니다.


 - 주황색

height : 쿠폰 리스트(표)의 출력 높이 조절입니다.

너무 크게 잡으면 “선택 쿠폰 적용” 버튼이 저기 아래로 내려갈 수 있으니 조심히 조절해 주세요.




편집한 뒤 저장하시고, chrome://extensions/ 에 가서 “다시 로드”를 해 주셔야 정상적으로 적용됩니다.



JS로 쿠폰 숨기기를 만들어 보려고 했지만... 보안으로 JS 애드온이 막혀 있어 실패 했습니다. ㅠㅠ

그냥 제가 모르는 분야라 못하는 걸지도 모르겠지만요. 궁금하신 점은 언제든 댓글로 남겨주세요.




촉촉한감자칩

🫡🫡🫡 즐겜을 위해 하루하루 살아가고 있습니다.

미소녀 게임, 건설 경영 게임을 사랑합니다!


Post 21
Notification has been disabled.

플레이크 응모 시작한 뒤로 너무나 많은 천원 할인 쿠폰에 쿠폰 일일이 찾아 누르는 것도 귀찮았는데

올려주신 프로그램 덕분에 한결 나아졌습니다

천원 쿠폰 확률 또 조정되었는지 다시 쏟아지기 시작하더라고요 ㅋㅋㅋㅋㅋ









이전에 받아서 쓰고 있었는데 이제 styles.css 열어서 세로폭만 조절해서 쓰면 되려나요 ㅋㅋ


네! 이번에는 세로값만 조정해 주시면 깔끔하게 잘 나올겁니다 ㅎㅎㅎ

전에 올려주신 거 잘 쓰고 있었는데 업데이트 감사합니다

잘 쓰고 계시다니, 감사합니다! ㅎㅎㅎ


귀찮아서 다시 해야하나 싶었는데, 덕분에 쉽게 수정했습니다.

저는3840x2160 배율 100% 변태라서... 28개씩 나오게 해놨네요`



지난번 스샷에서도 경악했지만, QHD 커스텀 쿠폰창은 정말 ㅎㄷㄷ 합니다 ㅋㅋㅋㅋㅋㅋㅋ


profile image

촉촉한감자칩아~ 전 QHD가 아니라 UHD 입니다.




스토브에서 유효기간순 정렬도 업데이트 되길 기대해봅니다.

유효기간 정렬 있으면, 월말에 출책쿠폰 녹일 때 진짜 너무 편할 것 같습니다!


Indie Talk's post

List
작성 시간 07.10.2024
image
+2

프메2 출시! [4]

07.10.2024
2024.07.10 15:21
작성 시간 07.10.2024

신작 선발대 2주차 라인업은 기대가 좀 더 되네요 [8]

07.10.2024
2024.07.10 14:43
작성 시간 07.10.2024
image
+6

쿠폰창 커스텀용 애드온 [21]

07.10.2024
2024.07.10 14:40
작성 시간 07.10.2024
image
+1

2025년 상반기 출시 예정 비주얼 노벨 [Eternal ONE] 트레일러 및 기타 소식 [7]

07.10.2024
2024.07.10 12:10
작성 시간 07.10.2024
image
+4

미리 보는 BIC2024, 지스타2024 [7]

07.10.2024
2024.07.10 11:26