티스토리스킨수정2 티스토리 스킨 꾸미기. 모바일과 PC에서 다르게 보이도록 하고 싶을 때 주력이 코딩이 아니고 마케팅인데, 어쩌다 시간이 남아서 계속 티스토리 스킨을 만져보고 있네요. 기왕에 블로그를 운영하는 것 조금이라도 더 예쁘고 최적화된 모습으로 만들어 보려는 생각에서 공부 중입니다. 반응형 스킨을 수정하다 보니 반응형도 반응형이지만 모바일과 PC에서 다르게 보이도록 하는 근본적인 원리를 알아야 작업이 가능하다는 생각에 이것저것 시도해 보다가 원점으로 돌아와서 정리하게 되었어요. 여러분들에게도 도움이 되길 바라며 기록으로 남겨봅니다. 아마 CSS 작업을 하다 보면 PC 화면에서 뭔가 나타나도록 한 것을 모바일에서는 보이지 않도록 감추고 싶을 때 @media screen and (max-width: 767px) {} 안에 해당하는 class에 display: none;이라고 정의해 두면 .. 2023. 4. 10. 더보기 티스토리 반응형 스킨에서 모바일의 상단 로고가 고정되어 밀려 올라가지 않게 레이아웃 변경 티스토리 반응형 스킨을 사용하다 보면 모바일에서 로고가 스크롤 되면서 위로 사라지는 것 때문에 약간 불편함(?)을 느끼게 됩니다. 실제 사용자들은 전혀 불편하지 않을 수 있지만, 블로그를 운영하는 입장에서는 상단의 로고가 계속 머물러 있어야 브랜드 이미지를 부각할 수 있기 때문에 로고는 블로그 운영에서 지속적으로 검색 사용자에게 노출되도록 해야 하는 부분이에요. 어떻게 하면 상단의 로고 부분이 고정되어 밀려 올라가지 않도록 할 수 있을까요? 자세히 소스를 뜯어봤더니 살짝 불편한 부분이 보입니다. 상단 로고 부분 이외에 상단의 메뉴도 같이 header 부분으로 묶여 있었습니다. 어쩔 수 없이 상단 로고 부분과 상단 메뉴 부분을 모두 고정시켜서 사용하는 방법으로 header의 inner 포지션을 고정시키는 .. 2023. 3. 14. 더보기 이전 1 다음 반응형 최신글 이미지 제목 글쓴이 등록일
