스타일러스 (브라우저 擴張機能)

위키百科, 우리 모두의 百科事典.

Stylus
開發者 Jason Barnabe
貯藏所
運營 體制 마이크로소프트 윈도우
種類 브라우저 擴張 機能
라이선스 프리웨어
웹사이트 公式 / wiki

CSS 編輯을 통해 웹사이트 或은 特定 웹페이지를 使用者가 願하는 色相, 模樣으로 인터페이스를 自由 롭게 리 디자인 可能한 웹 브라우저 擴張 프로그램이다. 2005年에 製作된 스타一理視 의 後續 프로그램으로 機能+便利性이 더 좋아졌다.

使用 方法 [ 編輯 ]

使用하는 브라우저( Chrome , Firefox )의 스타일러스 擴張機能을 設置하여 CSS 코드를 直接 만들거나 다른 유저가 製作한걸 設置하면 된다.
코드를 直接 만들境遇

  • 1. 리디자인하고싶은 웹사이트에서 CSS檢絲器(Ctrl+Shift+C or 禹클릭-要素檢事)를 열어 編輯할 코드를 複寫한다. [1]
  • 2. 스타일러스 아이콘 클릭 - (새로 만드는 境遇) '適用對象URL' 클릭 or '管理'-'새 스타일 作成' 클릭. (再編輯 할 境遇) 이름 禹클릭.(或은 鉛筆模樣 단추 클릭)
  • 3. 複寫한 코드를 '스타일 修正' 編輯窓에 붙여넣기 [2] 하고 코드 맨 뒷자리에 !important 붙이기. (該當 사이트 html 要素에 !important가 없거나 經路가 같거나 더 複雜하거나 새로운 코드인 境遇는 붙일필요없다)
  • 4. 適用 對象에 URL指定 - 이름 指定 [3] - 貯藏(Ctrl+S).
웹사이트마다 HTML 要素가 많이 다르기 때문에 이런 境遇 各 웹사이트마다 따로 만들어서 適用해야 한다. (아래 適用 例示 參照)
또한 웹사이트가 업데이트되면서 一部 要素가 바뀌는데 스타일러스에서 適用한 一部 코드가 適用이 안되거나 問題가 생기는 境遇가 있어서 이럴경우 다시 修正해야 한다. (特히 유튜브,트위터,네이버가 자주 바뀌고 南間,다음,11st等도 가끔 바뀜)

  • 使用하다가 特定사이트에서 보기不便해지는 問題가 생길경우 스타일러스를 非活性化 시키면 되는데 活性化/非活性化를 쉽게 하는 方法은 옵션에서 短縮키를 播幅은 F1 [4] , 크롬은 Alt+1 로 指定해주면 된다.
  • 옵션: 코드가 많을경우 코드編輯時 速度가 느려질수있으므로 모두 체크解除하는것을 推薦한다.

유저 스타일 (userstyles) [ 編輯 ]

스타일러스or스타一理視 유저가 製作하여 登錄한 코드 스타일이다.

設置하면 製作者가 새로운 코드를 업데이트視 設置한 유저들度 自動으로 최視버전으로 업데이트된다.

옵션에서 自動업데이트 間隔이 基本的으로 24時間으로 設定되있다. 업데이트가 最大限 빨리 되게 하려면 1時間으로 設定한다.

같이 보기 [ 編輯 ]

各州 [ 編輯 ]

  1. 播幅의 境遇 檢査器-規則 右側 인라인:(數字) 는 스타일러스에서 適用한것.(하지만 낮은숫자인경우 該當 사이트에서 適用한 境遇가 많다)
  2. 코드가 많아 로딩이 오래걸리는 賞탱에서 스타일러스 窓을 열자마자 붙여넣기하면 코드가 重複 追加되는 버그現象이 있다. 그레서 마지막 섹션 題目에 마지막 섹션 番號를 적어서 重複複寫되었느지 確認 必要.
  3. '適用對象URL'을 클릭한 境遇 URL과 이름이 自動으로 만들어져서 便利하다. 一致하는 URL을 適用시키고 싶다면 그냥 'URL'을 選擇하고 URL住所 뒤에 私選(/)을 넣어야 認識된다.
  4. F入力後 數字 1을 入力하면 된다. (크롬은 F1~12, 單一 短縮키 適用 不可能)

外部 링크 [ 編輯 ]

  • 디시위키-스타일러스 (모든 사이트에 對한 다크 모드, 廣告 除去, 空間 最適化, 訪問링크 色變更, 이미지 自動擴大, 숨겨진 內容 미리보기 시스템css에 對한 紹介)
  • 디시위키-CSS (스타일css를 만들때 有用한 情報)