[pc] stylebot (스타일봇) 크롬확장프로그램 - 사이트 스타일을 내 취향대로 디자인 ※ 화면 확대/축소 단축키

stylebot (스타일봇) 크롬확장프로그램

[용도]

 

이용 중인 사이트 디자인을 본인 입맛에 맞게 수정 가능.

활용: (글자색, 배경색, 위치) 변경, 특정요소 숨기기 등.

 

---

[설치]

 

https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha

 

---

[사용법]

 

1. 크롬 우측 상단 stylebot 아이콘 (css 버튼) 클릭

2. Open Stylebot.. 클릭
3. Edit CSS 버튼 클릭 (좌측 맨 하단 위치)

4. 본인 취향대로 스타일 정의 ※ CSS 배우기

5. Save 버튼 클릭

 

---

[백업복원]

 

1. 크롬 우측 상단 stylebot 아이콘 (css 버튼) 클릭

2. Options... 클릭
3. Backup 클릭
4. (백업: Export Styles... 클릭)  (복원: Import Styles... 클릭)

 

---

PS. 버그 해결.

 

크롬에서 유튜브 재생 버튼 정렬 에러 유발.
(210319) https://sir.kr/qa/404745

 

[해결책] 

해당 확장 프로그램 「세부정보」에서 '사이트 액세스' 값 변경.

＊ 변경 전: 모든 사이트에서.

＊ 변경 후: 클릭 시. 

 

PS. 가독성 기능 사용 시 주의사항

루리웹 게시판리스트 배경색 변경

https://homzzang.com/b/free-593

그누보드(sir.kr) 사이트 글자 키우기

 

body {

    background: #f9f9f9;

}

 

/* 리스트 */

.li_title a {

    font-size:16px;

    line-height:2;

}

 

/* 본문 *./

.con_inner *, .vcmt_content {

    font-size: 16px;

    line-height: 2;

}

 

/* 댓글 */

.vcmt_content {

    font-size: 14px;

    line-height: 2;

}

 

/* 사이드메뉴 */

#con_ri #sub_menu ul li a {

    color: black;

}

 

다른 곳도 키우고 싶은 분은 여기 참고 

ps.

귀찮은 분은 아래 방법 이용.

화면 확대 ・ 화면 축소

[화면확대]

방법 1:  Ctrl 키 +  마우스 휠↑

방법 2:  Ctrl 키 +  + 키 (플러스 키)

 

---

[화면축소]

방법 1:  Ctrl 키 +  마우스 휠↓

방법 2:  Ctrl 키 +  - 키 (마이너스 키)

 

---

[원래상태]

Ctrl 키  ＋ 숫자 0 키