- [css] 모바일 브라우저 상단 색상을 지정해보자2020년 05월 28일
- TheStorybook
- 작성자
- 2020.05.28.:18
삼성 기본 브라우저와 크롬 브라우저의 경우 위와 같이 상단바와 하단 메뉴 색상을 지정할 수 있습니다.
방법은 매우 간단합니다.
<head></head> 사이에
<meta name="theme-color" content="#색상코드">
위 코드를 넣으시면 됩니다.
색상코드는 #CA2327 과 같은 컬러 HEX 코드를 하세요!
XE 레이아웃에서는 아래와 같이 레이아웃 파일에 코드를 입력하시면 됩니다.
{@ Context::addMetaTag('theme-color', '#CA2327'); }
참고로 모든 브라우저에서 지원하는 것이 아니니...
일단 기본적으로 크롬, 안드로이드 코드인 것 같더라구요.. 아마 안드로이드 기반에서만 적용되지 않을까 생각되네요 ㅎ
별 건 아니지만 자신의 사이트를 강조할 수 있습니다!!+_+
^__________^*
좀 더 확인해보니 안드로이드 롤리팝부터 지원하는 것 같습니다 :)
'작업 소스들' 카테고리의 다른 글
box (박스) 테두리 그림자 만들어주는 사이트 (0) 2020.07.16 Javascript&CSS〃웹사이트 로딩중 이미지 (0) 2020.06.16 CSS / CSS로 문자열 자르기 - 한 줄인 경우, 여러 줄인 경우 (0) 2020.05.22 네이버 스와이프 메뉴 구현하기 (4) 2020.05.22 스크롤을 감지하여 사이트의 헤더를 보이거나 숨기기는 기능 (0) 2020.05.18 다음글이전글이전 글이 없습니다.댓글
스킨 업데이트 안내
현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)