하루의 CSS 테마: Google 검색 머티리얼 테마

css_file_icon

이번에는 제가 직접 CSS를 작성해서 Google 검색 머티리얼 테마으로 바꿔주는 CSS 파일을 올려드릴게요!

기존의 Google 검색의 디자인이 2017년 지금 시대엔 맞지 않고, 오히려 검색하다 보면 피곤할 정도의 느낌을 주기 때문에 머티리얼 테마 버전을 제 입맛에 맞게 수정해서 바로 적용이 가능하도록 수정 해 보았어요!

css_google_01

그래서 적용 시키면 위와 같은 디자인으로 바뀌어 집니다! 이와 같은 디자인을 계속 쓰고 싶으신 분들을 위해 방법을 알려드릴게요!

확장 프로그램 설치

css_howto_01.png

우선은 여러분의 브라우저에서 Stylish 라는 확장 프로그램 (Extension) 을 설치해야 합니다! 확장 프로그램은 아래에 맞는 브라우저에 따라 설치 해 주시면 돼요!

Chrome 기반 브라우저: Chrome 웹 스토어
Firefox 기반 브라우저: Firefox 공식 부가 기능 사이트
Safari 브라우저: Apple 공식 사이트 또는 개발자 홈페이지
Opera 브라우저: Opera 공식 추가 기능 사이트

CSS 테마 적용 방법

css_google_02

 

파일은 Stylish 공식 사이트에서 업로드를 해 두었어요!
설치 방법은 아래 링크로 가서, Install Style을 클릭 해 주시면 OK!

Stylish 공식 – Google 검색 머티리얼 테마 다운로드 및 설치

그러면 아래와 같이 테마가 적용이 됩니다!

css_google_03.png
보기에는 괜찮아 보이는 테마지만, 아직까지 버그가 있어서 (예: 도서 항목) 이 부분에는 어떻게든 고쳐보려고 합니다! 혹시 프로그래밍 실력이 되시는 분 계시면 저에게 이메일 또는 댓글로 연락 해 주시면 됩니다!

아무튼 유용하게 사용하시길 바랄게요! (>~< )

Advertisements

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

%s에 연결하는 중