본문 바로가기

카운터2

현재 접속자 현황 - whos.amung.us 오늘 얼마나 놀러들 오셨나~ 이번주는 방문자가 몇이나 되나~ 늘 관심이 가는 내용이죠? 그러나 이런것 외에도... 지금 당장 롸잇나우 몇명이나 내 블로그를 보고 있지?!! 이런게 궁금할 때 쓸 수 있는 무료 서비스(위젯)가 있어 소개합니다. whos.amung.us - free real-time stats! Free real-time analytics for your website or blog! No account required. Customize your free widget and get started! See where your visitors are from and what pages are most popular on your website. whos.amung.us 가입도 필요 없고, 설치.. 2020. 9. 14.
CSS Counter (카운터) 활용법 요즘처럼 블로그 포스팅을 할때 h 태그를 이용해서 체계적인 글을 쓰는게 대세인 상황에서, 누군가는 제목들에 자동으로 번호가 붙여지길 원할 수도 있겠죠? (전 글을 막 써서 전혀 안필요함..ㅋ) 아마도 그럴때 유용하게 쓰일 수 있는 CSS의 counter 라는 아이가 있습니다. 아래 예시(result)와 사용된 html 및 css를 참고해 보세요. See the Pen css counter by Alex Park (@alikong) on CodePen. 키 포인트는 counter-increment: - 이용할 카운터 정의 (1씩 늘어나는걸 기본으로 하지만 증가/감소 값 지정도 가능) counter-reset: - 카운터 값 초기화 content: counter('...') - 카운터 값 표시 이렇게 3가지.. 2020. 9. 6.