파이어폭스4 Stylish 플러그인 사용법과 탭 높이 조절, 테마변경 방법






오늘은 드디어 제가 어제 예고했던
파이어폭스의 플러그인 Stylish 를 설치를 하고,
기본 사용법과 더불어 탭 높이를 조절해 보도록 하겠습니다.

파이어폭스 4를 처음 설치하고 조금 불편했던것이 ...
바로 탭 높이가 너무 좁아서 시각적으로 좋지 못하다는 점이었습니다.
( 맥용 파이어폭스 기준 )
윈도우용 파이어폭스는 설치해보지 않아 잘 모르겟습니다 ^^;;;

하지만 Stylish 플러그인 사용법은 동일하기 때문에 눈여겨 보세요!!


완성본 입니다.
왼쪽이 기본설치된 탭 높이. 오른쪽이 수정 후 탭 높이가 되겠습니다.

단순 CSS 형태를 조금 바꿔 보여주는 형태만 바뀌기 때문에
언제든지 원상복귀 - 적용 - 원상복귀 - 다시 적용 이 가능합니다.

일단 플러그인을 설치를 해야겟죠?
어렵지 않습니다 ^^



  파이어폭스 Stylish 플러그인 설치하기




먼저, 도구탭에서 부가기능을 클릭해주세요.


위 처럼 새로운 페이지 형태로 출력이 되더군요.
검색창에 Stylish 를 치세요 !





그러면 위처럼 해당 플러그인이 검색이 되겟죠~
아이콘이 S 를 뜻해주기 때문에 더욱 정감이 가는 플러그인 !


더블 클릭을 해주세요~





저는 이미 설치가 되어있기 때문에 '설치' 라는 버튼이 없습니다만,
처음 설치하시는 분들은 '설치' 또는 '사용' 이라는 버튼이 있을 겁니다.
그걸 클릭해 주셔요 ^^

자! 그럼 잠시 기다리면... 설치가 끝이 나게 됩니다.
혹시 파이어폭스를 재시작 하라는 메시지가 나오면 재시작 해주시구요~


이제 부가기능이 우측 최상단 툴바에 표시가 될 겁니다 ^^
윈도우 용 파이어폭스는 아마도 아래쪽 최하단 오른쪽에 있을려나 ^^?
잠깐 !!!!
플러그인 툴바가 없다구요???


메뉴 근처에서 마우스 우클릭을 하면 '부가 기능 모음' 이라는 항목이 있죠.
이 부분을 체크해주시면 부가기능 탭이 다시 생겨납니다 ^^


이제 Stylish 버튼위에 마우스를 올리시고 ~ 우클릭 !



스타일 관리를 눌러주세요.


우측 하단에 '새 스타일 작성 ' 클릭 !


위와같이 입력을 해주시면 됩니다 ^^
height: 40px 부분이 높이값에 해당됩니다.
입맛에 맞게 적절히 조절해 가며 맞춰보세요~~~~




그러면 완성 !! ^^^


다시 원상복귀 시키는 방법은요~?


마찬가지로 우클릭 후 체크버튼을 해제시키면 적용되었던 스타일이 해제됩니다.

참 쉽죠 ^^?

탭 높이 뿐만 아니라 다른 여러가지 속성값들도 많이 있으니,
적절히 조절해서 자기 자신이 사용하기에 적당하게 활용하세요 !!!


  파이어폭스 Stylish 플러그인 응용하기





이 플러그인을 조금만 더 응용하면 아래처럼 활용할 수 있어요 ^^

< 페이스북 기본 테마 >



< 페이스북 테마 : 아이폰 인터페이스 >




< 페이스북 테마 : Dark & Gray >



< 페이스북 테마 : Dark Shiny Black >


이 외에도 테마들이 셀 수도 없을만큼 참 많이 있답니다 ^^

테마설정법은 Stylish 플러그인만 설치되어 있다면...
단 한번? 두번? 의 클릭으로 적용할 수 있기 때문에....
자세한 설명은 생략한다 (feat.김화백)

저는 가독성에 영향을 주지 않는 차원에서
아이폰 인터페이스 테마를 사용 중!

테마는 아래 주소에서 모두 구경하고 적용할 수 있어요!!!
http://userstyles.org/







댓글(10)

  • 2011.03.24 17:08 신고

    글 잘 읽었습니다. 그런데 궁금한 것이 있는데요, 위의 아이폰 테마는 페이스북 프로그램만 테마를 입히는 것입니까? 아니면 파이어폭스4 브라우저 전체 스킨을 입히는 것입니까?

    저는 전체 스킨이 필요한데요... 아이폰 테마로...

    • 2011.03.24 17:11 신고

      안녕하세요 반갑습니다 ^^
      위 테마에 들어가서 정보를 읽어보면 설명이 나와있지만...
      facebook.com 으로 접속되는 모든 경로에만! 적용이 됩니다 ^^;;

      제 블로그에 페이스북 소셜댓글이 달려잇는데, 이 부분에도 적용이 되어버리죠 ㅋㅋㅋ

      파이어폭스 전체 브라우저 테마는 Stylish 보다는,
      테마 Persona 로 하시면 될거 같습니다 ㅎㅎ

    • 2011.03.24 17:15 신고

      감사합니다. 저도 자세히 보니 특정 사이트 꾸미는데 쓰이는 것이네요... 혹시 전체 테마를 바꾸는 (아이폰 스타일로) 곳이 어딘지는 잘 모르시나요?

      persona가도 없는 것 같아서요...

    • 2011.03.24 17:20 신고

      아마 persona 에도....
      아이폰 인터페이스 같은 테마가 없을지도 모르겟네요...
      쉽게 찾아지진 않네요 ㅎㅎㅎ

      Stylish 외에 일반적인...
      그러니까 버튼이나 파이어폭스 자체의 테마를 변경해주는 또 다른 플러그인들이 많이 있습니다.
      저도 3.6 버전까지는 크롬인터페이스를 사용하다가 4로 넘어오면서 사용하지 못하게됫는데...
      아직 4는 초기인 만큼... 조금 더 기다려봐야할거 같아요^^

    • 2011.03.24 17:21 신고

      아..네 감사합니다.

  • 2011.03.24 17:25 신고

    아..이건 좀 관계가 없지만, 혹시 티스토리 글 쓰시고 프린트 하시지 않으세요? 티스토리는 프린트 기능을 지원해 주지 않아서 캡쳐 해서 하는데 여간 불편하네요... 다른 사람은 Addthis를 써보라고 하는데, 그건 관리자가 아닌 사람들도 프린트 할수가 있어서 그건 좀 아닌 것 같고... 혹시 방법이 있을까요? CSS를 수정하라는 말씀은... 그건 어려워서 못합니다.ㅎㅎ

    • 2011.03.24 17:52 신고

      아하, 저는 프린트 하지는 않은데...
      그러고보면 지금까지 단 1번도 프린트 한적이 없네요;;;

      저같은 경우에는 딱히 프린트 할 필요를 못느끼고잇습니다 ㅋㅋㅋ

      공식적인 프린트 기능을 지원해주지 않아서...
      쉬운방법은 그냥 긁어서 복사 -> 붙여넣기 후 출력이..
      가장 편하고 좋을거 같긴 합니다 ㅋㅋㅋㅋ

  • 2011.03.24 21:10 신고

    말씀하신 탭 높이는 윈도우즈 7 기준으로는 괜찮아 보입니다.
    다만 상단 탭 + 메뉴 부분의 인터페이스 뭐랄까 적응이 안된다고 할가요? ㅎㅎ
    그리고 또 한가지 IE 랜더링으로 바로 교체할 수 있는 부가 기능이 호환은 된다고 나오는데 동작을 하지 않아서 >.< 별동 IE 브라우저로 실행이 되는 것이 좀 귀찮네요.

    • 2011.03.24 21:22 신고

      스크린샷을 봣는데, 윈도우용 파이어폭스4는 기존 테마도 은근 이쁘드라구요 ㅠㅠㅠㅠㅠ
      근데 탭+메뉴에 적응이 안되는군요 크크크크크
      제가 3.6버전 쓸때는 fx 크롬 테마를 썻엇습니다만... 지금 파이어폭스4용도 잇긴 한데... 윈도우즈만 지원하고 MAC 은 지원을 안하네요 ㅠㅠㅠ 어휴....ㅋㅋㅋ

      저도 윈도우 쓸땐 파이어폭스에서 IE 탭으로 변환하여 사용햇던적이 많앗지요~ 아주 좋은 기능인데.... ㅋㅋㅋ
      이젠 IE 가 필요할 땐 윈도우 자체를 부팅을 따로해야되는 경우라.... 전 그냥 IE 7 설치해놓고 필요할 땐 그거 씁니다 ㅋㅋㅋ

  • 현민
    2012.07.25 11:41

    탭 높이 조절이 않되는데요?

Designed by JB FACTORY