-
티스토리 (안드로이드 크롬) 브라우저의 색상테마 적용유용 2015. 10. 19. 15:44반응형
안드로이드 크롬 브라우저에 (Version 39 이후) 적용된 툴바 색깔.1
크롬에서 특정 페이지를 열면 브라우저 상단과 알림바 부분의 색깔이 변경된다.
또한 다른 앱으로 전환하기 위해서 버튼을 누를 경우 정해놓은 색깔이 앱 상단에 표시된다.
티스토리 스킨 편집으로 간단히 적용할 수 있다.
아래 html 태그를 스킨의 <head> 영역 안에 넣어주면 된다.
<meta name="theme-color" content="#000000">
뒤에있는 #000000 을 원하는 숫자로 바꾸면 색상이 적용된다.
색상에 맞는 숫자는 아래와 같은 사이트에서 찾을 수 있다.
http://html-color-codes.info/Korean/
http://www.w3schools.com/html/html_colors.asp
크롬 설정 중 "탭과 앱 함께 표시"를 "사용하지 않음"으로 할 경우 여러 인터넷 페이지를 하나의 앱으로 묶어서 표시하기 때문에 앱 전환 시 색상 적용이 되지 않는다.
참고로 안드로이드용 크롬 브라우저외에 다른 브라우저에서는 아직까지 적용되지 않은 상태다.
+파비콘 설정은
<link rel="shortcut icon" href="https://hagnod.tistory.com/favicon.ico">
태그의
href="https://hagnod.tistory.com/favicon.ico
부분을 수정하면 된다.
티스토리에 ico 파일을 업로드 하고 해당 파일 이름을 "favicon" 대신 쓰거나, 해당 파일의 이름을 "favicon"으로 설정하면 된다.
- https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android [본문으로]
반응형
