TutorialsPoint 헤더 및 사이드 메뉴 삭제 on Chrome

TutorialsPoint의 온라인 IDE는 메뉴가 많기 때문에 화면이 작다고 보기 어렵다(왼쪽 그림).
따라서 헤더 및 사이드 메뉴를 제거합니다 (오른쪽 그림).



Minimalist for Everything 사용



Chrome 확장 Minimalist를 설치.

설정
  • 모듈 추가


  • 옵션 추가

  • CSS 옵션에 추가할 항목
    div.panel.layout-panel.layout-panel-north,
    div.panel.layout-panel.layout-panel-west.layout-split-west,
    div.panel.layout-panel.layout-panel-east.layout-split-east,
    div.panel-header
    {
       display: none !important;
    }
    
    div.panel.layout-panel.layout-panel-south.layout-split-south
    {
        height: 30% !important;
    }
    

    HeadJS에 추가할 항목
    setEditorTabSize('2');
    

    좋은 웹페이지 즐겨찾기