스토브 쿠폰창 확장 - 크롬 애드온

STOVE Store

커뮤니티 게시판 글상세

Indie Talk

글상세

Indie Talk

[FreeTalk] 스토브 쿠폰창 확장 - 크롬 애드온 [35]


음... 빨리 고쳐줄 거라 생각하고 그냥 쓰고 있었는데, 이번 뽑기에 인디 1천 원 쿠폰이 쌓이면서 심하게 귀찮아져서 그냥 만들었습니다.
좁은 쿠폰창이 불편하신 분들은 임시 조치로 이걸 사용하시라고 공유 드립니다.

크롬 애드온이다보니 크롬에서만 쓸 수 있습니다.
라고 말하기엔 엣지도 크롬 기반이라, 결국 둘 다 된다는 말입니다....

아무튼, 쿠폰창을 아래와 같이 보여주는 애드온 입니다.






해킹과 전혀 무관하고 (아마도) 벤 당할 일 도 없는 정말 순수한 CSS 오버라이드 애드온일 뿐이지만,
혹시 불안하시면 그냥 패스하세요 ㅎㅎ


■ 적용 방법


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



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

※ 혹시 확장자가 안보이시는 경우는?
윈도우 탐색기 > 상단의 ... > 옵션 > 보기 > 알려진 파일 형식의 파일 확장자명 숨기기 의 체크 박스 해제.




  1.  그리고 적당한 폴더에 압축을 풀어주시면 파일 3개가 나올 겁니다.
가능한 해당 폴더에는 이 파일 3개만 있게 고유 폴더로 해 주시는 편이 좋습니다.




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

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

< 크롬의 경우 >




< 엣지의 경우 >




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

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

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


※ 삭제 및 원상태로 돌아가기
chrome://extensions/ 에서 “Stove Coupon window expander” 아래 있는 “제거”를 눌러주시면,
스타일 오버라이드는 완전 제거 및 기존 환경으로 복원 됩니다.
압축을 풀었던 폴더는 직접 지워주셔야 합니다.


※ 주의 할 것
이 애드온은 Full-HD (1920×1080)의 해상도와 전체화면 창을 기준으로 스타일을 맞춰 놨기에,
다른 해상도, 다른 확대 배율 및 부분 창 화면의 웹 브라우저에서는 하단의 “선택 쿠폰 적용” 버튼을 못 누를 수도 있습니다.

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


■ 커스텀 편집을 해 보자!


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




각 스타일이 덮어씌우는 영역을 보기 쉽게 옮겨 놨습니다. (마지막꺼 들여쓰기 안한거 거슬리네요 ㅋㅋㅋ)

 - 빨간색
width : 기본 팝업창의 가로폭 입니다.
max-height : 최대 높이를 무력화하는 하는 내용입니다.
height :  팝업창의 높이를 조절하는 부분입니다.

 - 주황색
height : 쿠폰 리스트(표)의 출력 높이 조절입니다. 너무 크게 잡으면 “선택 쿠폰 적용” 버튼이 저기 아래로 내려갈 수 있으니 조심히 조절해 주세요.

 - 보라색
width : 쿠폰 이름이 뜨는 부분의 가로폭입니다. 나름 크게 잡아서 왠만하면 한 줄로 나올텐데, 그래도 두 줄로 나오는 쿠폰명이 있고 불편하면 그 때 조절해 주세요.

 - 녹색
width : 그냥 표의 “쿠폰명”이 하단과 일치하도록 이쁘게 바꾼 겁니다. 안 건드려도 됩니다 ㅋㅋㅋ
   혹시 건드리실 거면, 보라색 부분의 width와 같은 값을 넣어주시면 됩니다.


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


■ 끝!


그럴 일은 거의 없겠지만,

혹시 질문이나, 사용 중에 문제가 있으시거나, 추가로 수정해 주었으면 하는 부분이 있다면...
댓글로 알려주셔도 못 고쳐드릴 확률이 높습니다.



그리고 저는 지금 월루 하면서 이걸 쓰고 있네요 ㅋㅋㅋㅋ

그냥 CSS 오버라이드라서, 자유롭게 편집, 수정, 배포하셔도 상관 없습니다.
즐거운 스토브 생활 되세요!

촉촉한감자칩

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

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


Post 35
Notification has been disabled.






선생님 필터 기능도 알려주세요 ㅋㅋㅋ

스토브에서 불편한건 촉감님에게~

웹 페이지는 정말 어렵군요. HTML이나 CSS 까진 어떻게든 알겠는데,

한번 해볼까? 하고 자바 스크립트 조금 만지다가 정신이 혼미해 졌습니다 ㅠㅠ

그리고 웹 페이지의 필터는, 전형적인 자바 스크립트 ㅠㅠ

그냥 CSS 오버라이드 해주는 애드온에서 멈춰야 할 것 같아요 ㅋㅋㅋㅋ

profile image

촉촉한감자칩콘솔에서 할 수 있는 것이 한정 되다 보니...

저는 자바 스크립트를 쓰긴 하지만 머리가 아프네요


profile image

돔돔군

오  감사합니다 바로 해야겠네요. 이야 적용하니 진짜 신세계네요. 감사합니다

잘 적용된다니 다행입니다 ㅎㅎㅎ



능력자!!


와.. 넓어진 쿠폰창! 진심으로 감사합니다!!

스토브 보고 있습니까?!


분명 뭔가 유저들이 모르는 사정이 있어서 수정이 어려운 걸 겁니다. 당장에 위의 임시조치만 봐도 해상도에 따라서, 또는 부분 창 화면에서는 쿠폰 적용 버튼도 못누르니까요 ㅎㅎㅎ

일단 이걸로 버티면서 응원을 합시다! ㅋㅋㅋㅋ


너무 좋은 에드온이네요. 한동안 뽑기 안 하다가 최근에 많이 돌리는데 이 중복불가 천원 할인쿠폰이 쿠폰창에 자리를 많이 차지하네요ㅋㅋㅋ

이 쿠폰 처리할 수 있는 뭔가도 생겼으면 좋겠네요

중복 불가 천원 쿠폰이 참... 나쁜건 결코 아닌데, 30연차로 너무나 많이 쏟아지다보니 ㅋㅋㅋㅋ

오늘 쿠폰 쓰려고 보다가 이건 좀 아닌 것 같아 에드온을 만들었네요.


근데... 적어주신 댓글 읽다가 문득 든 생각이,

"이거 조금만 수정하면 1천원 쿠폰만 안 보이게 온오프 기능 만들 수 있을 것 같은데?"

 자바 스크립트를 잘 모르지만, 시간 날 때 GPT의 도움이라도 받아서 한번 도전해 봐야 겠습니다!

좋은 아이디어 감사합니다 ㅋㅋㅋ

profile image

촉촉한감자칩오 너무 좋은데요?? 그냥 숨기기만 가능해도 쿠폰창 보는 게 더 편해질 것 같습니다.

아주 잘되네요 !!! 감사합니다 ㅎㅎ
이제 쿠폰 남은 사용 기한이랑 추천 쿠폰 옆에 출석 쿠폰 일괄 사용하기랑 남은 기한 순, 금액 순 등등 목차 정리랑 쿠폰명 옆에 기본적으로 중복 가능, 불가능 보이도록 만들어주시면 될것같습니다?...........;;;

그건 자바스크립트 영역이라 제가 감당할 수준이 안되네요 ㅋㅋㅋㅋㅋㅋㅋ


바로 테스트 하러!!

오.... 이건 부담스러울 정도의 격찬이신데... 이러다 작동 안하면 숨을 곳을 찾아야 겠군요 ㅋㅋㅋㅋㅋㅋ

제발 작동 할 겁니다 ㅋㅋㅋㅋㅋ 제발......

profile image

촉촉한감자칩

아쉽게도 잘 작동하네요 ...;;;


profile image

결말포함

저는 확장자를 7z 로 변경하니 가능했습니다.

혹시 몰라 'style.css'의 코드 텍스트를 그대로 붙여서 탬퍼몽키 스크립트로 만드니, 당연한 일이지만, 될 턱이 없었습니다.


탬퍼몽키가 뭔지 몰라 검색해 보니 재밌는 확장프로그램이네요 ㅎㅎㅎ 개발팀에서 쓰던 비슷한 걸 본 기억이...

아마 css 말고 자바 스크립트를 올려야 할 것 같은데... 그건 아예 제가 감당할 범주에서 완전히 벗어나니 도움을 드리긴 어렵겠네요 ㅎㅎ


그런데 확장자 7z로 변경하면 되신다는 건, 압축 해제 프로그램을 특이한 걸 쓰시는 건 아닐지 궁금함을 더합니다 ㅋㅋㅋㅋ

profile image

촉촉한감자칩7-Zip 쓰는데, 국내는 반디집 쓰시는 분들도 꽤 있긴 하지만, 전세계적으로는, 오픈소스라 무료이기도 해서, 이거 많이 쓰는 걸로 알고 있습니다...

zip 확장자로는 압축파일로 열 수 없다고 오류 뿜다가, 7z로 되는 거 보고 7-Zip으로 압축하시고 확장자를 잘못 말씀하신게 아닐까 생각했는데, 그냥 제가 특이한 케이스를 겪은 것 같네요...

 7-Zip은 문제가 생기지 않는 이상 컴퓨터에 처음 깔고서 최신 버전으로 갱신을 하는 일이 없으니, 버전에 관련된 걸까요...


profile image

CiaRl저도  반디집 쓰고 있네요, 위 파일도 반디집으로 zip 압축을 하긴 했습니다.

7z 과 zip 파일은 근본 알고리즘이 같아서, 압축만 풀리면 상관 없긴합니다.

그래도 zip에서 오류가 나고 7z에서 정상작동하는건 신기하긴 하네요 ㅋㅋㅋ


예전에 7z 압축률이 환상적이라서 자주 사용했는데,

요즘은 zip 파일을 압축 안풀고 실시간으로 볼수 있을 정도로 PC 파워가 좋아져서 이젠 zip 파일만 쓰게 되더라고요 ㅎㅎㅎ



능력자 ㄷㄷ



잘 쓸게요 감사합니다!!!


Indie Talk's post

List
작성 시간 06.04.2024

화요일입니다. [7]

06.04.2024
2024.06.04 10:18
작성 시간 06.04.2024

벌써 화요일! [6]

06.04.2024
2024.06.04 08:34
작성 시간 06.04.2024
image
+7

스토브 쿠폰창 확장 - 크롬 애드온 [35]

06.04.2024
2024.06.04 07:31
작성 시간 06.04.2024
image

아니 진짜 플레이크가 복사가 된다고??? [19]

06.04.2024
2024.06.04 05:56
작성 시간 06.04.2024
image

다음에 해볼 게임은 [9]

06.04.2024
2024.06.04 05:09