호기심 가득! 모지모지!

브라우저의 기본기능 개발자도구를 이용해서 CSS를 쉽게 편집하는 방법을 올려봅니다. 일반적으로 소스보기 후 해당 소스를 하나하나 찾아가며 수정하는 분들이 혹 있으실까바 조금은 편한 방법을 소개해드립니다. 이미 어느정도 HTML을 만질 수 있는 분들은 해당사항이 안될지도 모르겠네요. 위의 사진처럼 익스플로러11 기준, 오른쪽 상단을 보시면 톱니바퀴가 보이실겁니다. 클릭하시고 보시면 메뉴에 개발자도구가 있습니다. (타 브라우저도 비슷한기능들이 있습니다.) 그리고 익스 버전별로 메뉴 모양이 조금씩 다른데 기능은 거의 동일하게 들어가 있습니다. 클릭하시면 아래처럼 브라우저의 하단에 창이 열립니다. 새창으로도 열리기도 하지요~ 옵션에서 변경가능합니다만 설명은 생략할게요~ 개발자도구 창을 보시면 맨앞에 DOM탐색기..

티스토리 반응형#2을 쓰다보니 먼가 아쉬운것들이 많이 있네요. 그래서 자꾸 고치게 됩니다.^^ 새로운 글이 떳을 경우, NEW아이콘이 붙어야 먼가 살아있는 블로그 같은 느낌이 드는 건 저만 그런걸까요?ㅎ 그래서 좀 뒤져봤습니다. 매우 간단합니다. 일단, 100줄 근처를 찾아봅니다. .tt_category li a .c_cnt와 .tt_category li a img의 속성이 display:none으로 되어있을겁니다. .tt_category li a .c_cnt는 카테고리의 글수를 표시하는 것이고, .tt_category li a img이 바로 New 아이콘을 표시해주는 부분입니다. 저는 글수는 필요없어서 그대로 두고, img를 보여주기 위해 위와 같이 변경해주었습니다. 소스 .tt_category li ..