'CSS' 태그의 글 목록

본문 바로가기

CSS

티스토리 블로그 파비콘/아이콘 업데이트 스토리 - 다크모드 업그레이드 최종 마무리 티스토리 블로그 다크모드 변환 과정에서 버그 슈팅을 이것 저것 하고 있는데, 이제 거의 완성한 느낌입니다. 더 손 볼 곳이 별로 없다는 느낌을 받네요. 마지막으로 그동안 손대지 않았던 파비콘, 아이콘 부분을 살펴 봤습니다. 여러 선배 블로거들의 안내에 따라 제 블로그를 상징하는 무료 아이콘 (www.iconfinder.com/free_icons)을 골라 다운 받았고, 특히 16x16 픽셀로 압축했을 때 여전히 가독성이 살아 있을 만한 파비콘 후보를 선정했습니다. 파비콘은 홈페이지를 대표하는 작은 아이콘인데 favorite icon의 약자로 favicon입니다. 다음과 네이버의 D와 N 글자를 떠올리면 무슨 기능을 하는지 쉽게 짐작이 가능합니다. 김선생 FixnSolve 사이트에 맞춰 당연히 K 글자를 선.. 더보기

티스토리 구글서치콘솔 '클릭할 수 있는 요소가 서로 너무 가까움' 오류 해결법 그동안 구글서치콘솔에서 "클릭할 수 있는 요소가 서로 너무 가까움"이라는 오류 경고(레트 라이트)를 받은 것은 한참.. 한 1년 이상 된 것 같습니다. 오류가 모바일 tag 페이지에 있다는 얘기였는데.. 살펴봐도 크게 문제로 보이지 않아 그냥 무시하고 있었습니다. 그런데 최근 css 실력이 부쩍 늘었으니.. 오늘 한번 이 문제를 살펴 봤습니다. 일단 태그 페이지 테스트 해 보면 아래와 같은 메시지가 뜹니다. 그런데 의외로 해법이 간단하던데요? 아래 라인을 왓에버 스킨 css 맨마지막에 추가해 주니.. tag "페이지가 모바일 친화적임"이라는 그린라이트 결과로 변했습니다. @media screen and (max-width: 767px) { .tags .items a { margin-left: 20px; .. 더보기

티스토리 왓에버 스킨 숨겨진 버그 잡기 - 다크모드 2탄 티스토리 블로그를 시작한 지 1년 3개월이 넘어가고 있습니다. 홈페이지 관리는 20여년 전 재미삼아 html를 건들어 본 것이 전부였는데.. 그때 배운 약간의 html 지식으로 그동안 어떻게 최소한의 관리만 하며 버텨 왔습니다. 최근 블로그 스킨을 다크모드로 업그레이드(?) 변경을 하며 (drkimfixnsolve.tistory.com/142) 이것 저것 숨겨진 버그들이 저절로 나타나는 바람에.. (SONYLOVE님의 댓글에 자극도 받고..) 어쩔수 없이 버그잡기를 시작했습니다. html 만으로는 힘들고 css 파일을 수정해야 하고.. 약간의 자바 지식도 필요한 것 같습니다. 당연히 저는 css나 자바 등에 경험이 전혀 없지만.. 기존에 있는 스킨 파일 내용들과 적당히 비교하며 이것 저것 바꿔가며 실험했.. 더보기

김선생 FixnSolve 티스토리 블로그 다크모드 출시~ 또하나의 에너지 절약 아이템 요즘 다크모드가 유행인 것 같습니다. 맥도 다크모드를 지원하고, 애플 iOS 최신버젼도 다크모드를 지원하고 있습니다. 요즘 모바일 다음도 다크모드로 전환 중인 것 같습니다. 어떻게 보면 다크모드가 글읽기에는 더 편한 느낌이죠. 백그라운드를 밝힐 필요가 없으니 에너지도 많이 절약될 것 같습니다. 친환경, 에너지 절약을 중시 여기는 돋보기김선생.. 이런 시대 조류에 발맞춰 김선생 FixnSolve 블로그 다크모드를 출시해 봅니다. 왓에버 (whatever) 스킨에서 메뉴 하나만 바꾸면 되는 일이고요.. 스킨 편집에서 "밝은"을 "어두운"으로 바꾸면 됩니다. 글자색을 좀 더 눈이 편하게 살짝 밝은 그레이로 바꿨습니다. css 편집에서 아래 color code를 #808080에서 #bbbbbb로 바꿨습니다. 아.. 더보기

티스토리툴바