티스토리 상단 네비게이션바 글 갯수에 괄호 기호 넣는 방법

Fastboot v1.6.2 스킨을 사용하고 있는데 아래 이미지에서 보듯 상단 네비게이션 바에 글 갯수가 덩그러니 3으로만 표시되어있습니다. 스마트폰 설명서3.. 뭔가 1, 2도 있어야 할 것 처럼 보이는 느낌을 지우지 못해, 찾던 중 알게된 방법입니다. 스마트폰 설명서(3)처럼 상단 네비게이션 바에서 글 카운터에 괄호를 넣는 방법입니다. 방법은 정말 간단하니 따라해주세요.

상단 네비게이션 바에서 덩그러니 3만 있는 것보단 (3)으로 표시되는게 더 보기도 좋고 깔끔한 법..!

1. 티스토리 관리에서 HTML/CSS편집 메뉴에 들어갑니다.

2. CSS편집에서 CTRL + R을 눌러 secondNav 라고 검색해서 찾아줍니다.

3. 위 2번에서 네모친 박스 부분에 아래와 같이 일부 내용을 수정 및 추가하여줍니다.

Fastboot 스킨 상단 네비게이션바 글 카운터에 괄호표시 소스.txt

첨부물의 내용은 아래와 같습니다.

#secondNav .c_cnt{font-size:12.0px; font-family:NanumGothic}

#secondNav .c_cnt:before {content: "(";}

#secondNav .c_cnt:after {content: ") ";}

여기서 글씨크기는 12px. 글씨 폰트는 나눔고딕체로 설정하겠다는 의미입니다. 그리고 그 아래에는 ( ) 괄호 기호를 넣겠다는 의미입니다.

 

4. 정상적으로 스마트폰 설명서(3) 처럼 괄호가 붙은 것을 확인할 수있습니다.