상단 메뉴에 배경색 추가하기

가이드/tokii in folio2017.08.24 02:05

상단 메뉴에 블로그의 대표색을 추가 해보세요. 블로그가 더욱 돋보입니다.


상단 메뉴에 배경색 추가하기

  1. 티스토리에 로그인 후 관리자 메뉴에서 꾸미기 > HTML/CSS 편집으로 이동합니다.
  2. HTML 탭에서 bodyheader-background 클래스를 추가합니다.
    <body class="site-blog header-background">
      ...
    </body>

배경색 변경하기

  1. CSS 탭에으로 이동합니다.
  2. CSS 탭의 맨 아래에 다음 코드를 추가합니다.
  3. #f00를 변경하고자 하는 생상코드를 입력합니다.
    /* 상단 메뉴 > 배경색 변경 */
    body.header-background .header {
      background-color: #f00 !important;
    }
    

Tip: 배경색이 밝아 제목과 메뉴가 안보일 경우

상단 메뉴의 배경색이 밝아 글씨색이 보이지 않는다면 타이틀과 메뉴 버튼을 어두운 계열로 변경해보세요.

  1. HTML 탭에으로 다시 이동합니다.
  2. bodyheader-bright 클래스를 추가합니다.
    <body class="site-blog header-bright">
      ...
    </body>

작성자

Posted by 9월 'ㅅ')/

태그

관련 글

네이버톡톡

네이버 톡톡

댓글 영역

티스토리 툴바