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

반응형





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

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

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


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

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

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



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




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


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





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


더블 클릭을 해주세요~





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

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


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


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


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



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


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


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




그러면 완성 !! ^^^


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


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

참 쉽죠 ^^?

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


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





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

< 페이스북 기본 테마 >



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




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



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


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

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

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

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







반응형

댓글(10)

Designed by JB FACTORY