유머천국 코하비닷컴
https://cohabe.com/sisa/415797

오유 네비게이션 셀프 교체

오유 생활을 하다보면 불편한 점 중의 하나가
게시판들이 전부 아이콘으로 되어있어서 직관적이지 않다는 것이죠.

그래서 커서를 아이콘 위에 대고 주욱 움직이면서 팝업글씨로 찾거나,
아니면 그냥 자주 가는 게시판만 찾아가거나, 그냥 베오베/베스트 목록만 보다가 나가게 됩니다.
혹여 상단 공간이 좁아서 아이콘까지 사라진 경우에는 out of sight, out of mind...

그래서 이참에 오유 네비게이션 형태를 뜯어고쳐봤습니다.


c1-01.jpg

이랬던 오유가,

c2-01.jpg

이렇게 바뀌게 됩니다


직관적이지 않던 아이콘 메뉴바 제거하고,
한 눈에 모든 메뉴를 카테고리별로 구분해서 확인 가능합니다.
만들고나서 알았는데, 처음 보는 게시판들도 많이 있군요.

하루동안 테스트하며 써봤는데, 완전 편리함!



적용 방법은 간단합니다.
크롬에서 확장프로그램 설치하고 테마 추가가해주면 끝.

크롬 확장프로그램 : Stylish
위 링크 클릭하고 들어가서 '크롬에 추가' 버튼 클릭
웹사이트의 css 설정을 수정해서 화면에 다르게 보여지도록 수정해주는 확장 프로그램입니다.
평점 4.34에 사용자만 180만명이 넘는 믿고 쓰는 프로그램임

적용방법 : 테마 설치
위 링크 클릭하고 들어가서 측의 파란색 'Install Style' 버튼을 클릭

직접 한땀 한땀 발로 적어내린 만든 코드입니다.
설치하시기 편하라고 플러그인 웹사이트에 업로드했어요.
(별거 없는 내용이지만 꼬릿말에도 원본코드 올려놓음)


써보시고서 별로다 싶을 경우
크롬 주소창 우측에 stylish 아이콘 우클릭후 플러그인 자체를 삭제하거나,
stylish 아이콘 클릭 후 installed 탭에서 deactivate 버튼(사용중지) 또는 휴지통 아이콘(테마삭제) 클릭하시면 됩니다

css 코드를 볼 줄 아신다면,
메뉴별로 아이콘을 보이게 한다든가, 특정 카테고리를 지워버린다든가
메뉴 카테고리 크기나 위치를 바꾼다든가 하는게 모두 가능합니다.

크롬 주소창 우측의 stylish 아이콘 클릭후 installed 탭에서 수정버튼(연필모양) 클릭해서 css 수정하거나
아니면 Create New Style 메뉴를 클릭해서 아예 자신만의 css 설정을 적용시킬 수 있습니다.

참고하시라고 주석 최대한 달아서 css 원본 코드 꼬릿말에 넣어놓았으니,
꼬릿말 소스보기 버튼 클릭해서 확인해보세요.



원래는 직접 뜯어 고쳐쓴다는 의미로 DIY 게시판에 올렸었으나 주제 때문에 게시판 미아가 된 듯한...
그래서 오유 생활에 흥미로운 자료 컨셉으로 오유 간판 게시판에 올려봅니다

괜찮은 것 같다 싶으면 많은 분들 사용해보시라고 추천! ㅋㅋ


-------------------
게시판 찾기 버튼 없앴다가 다시 살렸습니다.
게시판을 이름으로 검색할 수 있는 기능이었군요

수정하기 전에 설치하신 분들은
요 페이지 들어가서 업데이트 버튼 누르시면 됩니다.
댓글
  • 222222222222 2017/11/02 13:23

    베스트 가면 천궁을 든 그 분들이 오시겠죠?

    (o6IAbz)

  • 펀치킹 2017/11/02 13:37


    이런 유익한 글이 베스트를 안간다면 어느 글이 가겠는가?
    이 턱시도 가면께서 막타를 후려쳐서 베스트로 보내겠다!
    HAHAHAHAHA

    (o6IAbz)

  • 루시안츠 2017/11/02 13:39

    와 엄청나네요

    (o6IAbz)

  • 그리운민주 2017/11/02 13:43

    대박 대박입니다. 우와 존경스럽습니다.

    (o6IAbz)

  • kein 2017/11/02 13:51

    와아 이런 게 가능했군요. 좋은 정보 감사합니다!

    (o6IAbz)

  • goldtokki 2017/11/02 13:52

    정성엔 추천!!!

    (o6IAbz)

  • 설향 2017/11/02 13:54

    .게시판메뉴

    (o6IAbz)

  • 영문과숫자만 2017/11/02 13:56

    이거 만든다고 어제 퇴근하고 꼼지락거리며 하루를 보냈는데, 반응이 좋으니 기쁘네요 :)
    꼬릿말에 원본 코드 올려놓았으니, 크기/위치/색상을 직접 커스터마이징해서도 사용 가능합니다.
    그럼 모두들 즐거운 오유생활 하세요 !!

    (o6IAbz)

  • 다그런거야 2017/11/02 14:02

    작성자님..
    미확인 쪽지 하나 와 있네요..
    얼른 확인 해 보세요...

    (o6IAbz)

  • 티타노마키아 2017/11/02 14:04

    정성글은 ㅊㅊ
    그래도 전 아이콘이 좋아요~

    (o6IAbz)

  • 나슬라이드 2017/11/02 14:12

    굳이...

    (o6IAbz)

  • OMG큭 2017/11/02 14:18

    저거 게시판 글자들 가나다순으로 정열하면 찾기 더 편할거같아요!

    (o6IAbz)

  • 맥시멈크리티컬 2017/11/02 14:31

    글보다 아이콘이 더 직관성 좋다고 하지 않나...? 아닌가

    (o6IAbz)

  • 유겐 2017/11/02 14:36

    너무 멋져...

    (o6IAbz)

  • 금가루소년 2017/11/02 14:36

    차라리 이게 훨씬 나은 듯. 차단 시킨 게시판은 외부 목록애도 아예 안뜨게 바뀌었으면 좋갰네요.

    (o6IAbz)

  • 표준설계도 2017/11/02 14:39

    우와~ 감사합니다!! 한눈에 보기 편해요!!

    (o6IAbz)

  • 윤쓰 2017/11/02 14:49

    익스프롤러 쾌적해서 익스로 넘어왔는데
    다시 크롬으로 가야 할 이유가 생겼네요 ㅋ

    (o6IAbz)

  • 1122 2017/11/02 14:56


    이렇게는요.

    (o6IAbz)

  • 등짝스매셔 2017/11/02 14:59

    컴게가 작아졌어....ㅠㅠ

    (o6IAbz)

  • 멸살 2017/11/02 15:03

    오유를 컴터로 안들어오는 이유가 저런 아이콘이 너무 너저분해였는데
    정말 좋네요. 직관적이고.

    (o6IAbz)

  • 운동권 2017/11/02 15:11

    .

    (o6IAbz)

  • 운동권 2017/11/02 15:11

    고마워요

    (o6IAbz)

  • BoA* 2017/11/02 15:14

    쩌...쩐다.

    (o6IAbz)

(o6IAbz)