다모앙 웹사이트 모양을 손쉽게 바꿀 수 있는 스타일봇 적용하기

Lv.1 제3인생 (172.♡.34.24)

2024년 3월 30일 PM 06:50 · 수정됨(04. 13. 01:31)

조회 1,900 공감 0

모두의 자게의 공지사항에 있는 글 내용을 쉽게 따라할 수 있도록 재구성했습니다.

원글: https://damoang.net/free/12275 


1. 스타일봇 확장 프로그램 설치하기

https://chromewebstore.google.com/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=ko&utm_source=ext_sidebar 


2. 설치한 확장프로그램 고정하기

4a9ca4efe9d466eb89af6af24e8894ae_1711792314_6151.png
 


3. 스타일봇 아이콘 클릭 > 옵션 메뉴 클릭 > 스타일 메뉴 클릭하기

4a9ca4efe9d466eb89af6af24e8894ae_1711792325_8729.png
 


4. 새 스타일 추가 후 화면과 같이 붙여 넣고 저장하기

4a9ca4efe9d466eb89af6af24e8894ae_1711792339_3959.png
 


<붙여 넣을 내용은 아래에서 복사하세요>

/* 1500값을 원하는 크기로 바꿔주세요*/

.container {

    max-width: 1500px !important;

}

/* 메뉴가 왼쪽에 있는걸 선호하시는 분. 오른쪽을 원하시면 0을 2로 하시거나 빼시면 됩니다.*/

.order-2 {

    order: 0 !important;

}

/* 검색메뉴 항상 보임 */

#boardSearch {

  display: block;

}

/* 글씨 크기 변경입니다. 0.8em 1.1 등등으로 변경하시면 돼요  */

:root {

--bs-body-font-size: 0.9em;

--bs-body-line-height: 1.2;

}



5. 다모앙 사이트로 돌아와서 변경된 화면 확인하기


6. 제가 설정한 값은...

* 화면 사이즈 1200px

* 글자 크기 1.10em

30e8b0b6d4f59c19c408218aadedf3af_1711792387_0055.png
 

댓글 (26)

  • 거친날개

    거친날개 Lv.1

    24.03.30 · 162.♡.186.6

    바로 적용했습니다 ! {emo:onion-061.gif:50}
  • 제3인생 Lv.1 → 거친날개 작성자

    24.03.30 · 162.♡.90.240

    저도 이번에 저런 확장도 있구나를 배웠습니다. ㅎㅎ
  • 파란하늘

    파란하늘 Lv.1

    24.03.30 · 162.♡.91.70

    잘 적용됩니다...정말 신기한것이 많네요 ^^
  • 제3인생 Lv.1 → 파란하늘 작성자

    24.03.30 · 172.♡.210.98

    그쵸. 저도 신기하더라고요.
  • 코른종자

    코른종자 Lv.1

    24.03.30 · 172.♡.207.76

    엣지에서 잘 적용 했습니다. 감사합니다!
  • 제3인생 Lv.1 → 코른종자 작성자

    24.03.30 · 172.♡.210.85

    엣지에서도 잘 되는군요. ㅎㅎㅎㅎ
  • 희망

    희망 Lv.1

    24.03.30 · 172.♡.222.115

    잘 적용했습니다.가독성이 좋아졌네요 감사합니다.
  • 제3인생 Lv.1 → 희망 작성자

    24.03.31 · 172.♡.210.98

    대박 신기한 툴이죠. ㅋ
  • 통통한새우

    통통한새우 Lv.1

    24.03.30 · 172.♡.211.98

    파폭에도 잘 적용되네요.
    고맙습니다. ^^
  • 제3인생 Lv.1 → 통통한새우 작성자

    24.03.31 · 172.♡.210.98

    저도 크롬에 1개, 파폭에 1개 넣어놨습니다.

댓글을 작성하려면 이 필요합니다.