모두 새해 복 많이 받으세요!


    광고



    상단바 색깔을 바꾸는 태그


    요즘 안드로이드 크롬 최신버전이나 삼성 갤럭시 기본 브라우저 최신버전을 사용하면 상단바의 색깔이 변하는 사이트들이 있습니다.

    페이스북, 인스타그램 등등 지원하고있는 사이트들을 접속하면 상단바가 사이트 고유 색상에 맞게 카멜레온처럼 변해서 굉장히 아름답습니다.


    설정되지 않았을 경우 아래의 이미지처럼 약간 회색으로 상단바가 표시됩니다.





    하지만 HTML 태그 한줄이면 아래와 같이 변하죠.

    사이트와 일체감 있죠?


    .


    이렇게 마음대로 색상코드를 입력하여 색깔을 바꿀 수 있습니다.





    적용하기

    적용은 쉽습니다. 딱 한줄만 추가하면 됩니다.


    <html>

      <head>

          <meta name="theme-color" content="#색상코드">

      </head>

    </html>


    저의 경우 <meta name="theme-color" content="#3F51B5">를 사용하고 있죠.




    광고


    Posted by 퍼스나콘

    • 2015.11.16 22:05

      비밀댓글입니다

      • Favicon of https://persnacons.tistory.com BlogIcon 퍼스나콘
        2016.02.07 17:54 신고

        티스토리 자기 블로그의 관리자 모드 - HTML/CSS편집에 들어가서
        head 아래에 <meta name="theme-color" content="#색상코드"> 를 입력하시면 적용됩니다.

        색상코드는 네이버에서 찾아볼 수 있습니다.
        색상코드표 : http://search.naver.com/search.naver?where=nexearch&query=%EC%83%89%EC%83%81%EC%BD%94%EB%93%9C&sm=top_hty&fbm=0&ie=utf8

    • Favicon of https://beautinaru.tistory.com BlogIcon 뷰나루
      2016.02.05 22:14 신고

      안녕하세요~ 블로그가 너무 깔끔하고 이쁘네요, 특히 폰트가 너무너무 맘에 드는데.. 폰트 혹시 뭐 사용하시는지 알 수 있을까요?
      저는 나눔 고딕체 쓰는데, 이렇게 굵으면서 부드럽게 안나오고... 글씨가 뭔가 거칠게 삐죽거리는 느낌으로 나눔고딕이네요 ㅠㅠ
      이렇게 두꺼운 느낌으로 부드럽고 스무디한 글씨체를 찾고 있는데...ㅠ 글씨체좀 알려주시면 정말 감사하겠습니다^^

광고

data-ad-language="ko">