티스토리스킨3 [티스토리 스킨 편집] 글 제목(타이틀) 가독성 높이기 내가 지금의 스킨에서 이것저것 고친다는 것은 보통 '더 예쁜 블로그'를 만들고자 할 때와 '더 보기 편한' 블로그를 만들고자 할 때인데 오늘은 바로 더 보기 편한 블로그를 만들고 싶을 때 이야기이다. 지금 사용하는 북클럽 스킨에서 게시글이 보이는 페이지인데 좀 극단적인 예시를 가져오긴 했지만 제목 부분, 타이틀 영역의 글씨가 생각보다 눈에 확 띄지 않는 편이다. 그나마 폰트 크기가 큰 글 제목은 그렇다 쳐도 그 위의 카테고리 정보나, 그 아래의 작성자와 날짜 등의 정보는 크기도 작을뿐더러 투명도까지 적용되어 있어 한눈에 확 들어오지 않는다. 이런 건 답답해서 싫어하는 성미이기에 바로 수정에 들어갔다. 개발자 도구(F12)를 열어 왼쪽 상단의 아이콘을 클릭해준 뒤 타이틀 영역을 클릭해보면 ...라 쓰인 곳.. 2020. 12. 20. [티스토리 스킨 편집] 스크롤시 배경 고정하기 웹페이지 만들때 은근슬쩍 한두번 쓰곤 했던 css 기술 중, 바로 생각나는 것 하나를 꼽아보라면 바로 스크롤시 배경 고정하기! 아직도 이해 못하고 있는 패럴랙스는 솔직히 어지러운 느낌이라 별로 좋아하지 않는데 이건 그냥 css에 한 줄만 써 넣으면 되는데다 보기에 어지럽지 않고, 기본적인 기술에 비해 좀 있어보이는 스킬이라 부분부분 쓰곤 했다. 보통 배경사진을 집어 넣으면 이런식으로 스크롤을 내릴 때 사진도 당연히 같이 움직이는데, 스크롤 해도 저 빨간 테두리의 배경만 딱풀로 붙인것처럼 딱! 고정시키고 싶을 땐 background-attachment: fixed; 이 한 줄이면 끝난다. 우선 편집할 페이지를 켜놓은 상태에서 f12를 눌러 관리자모드를 실행시켜주고 (이제껏 크롬만 99%사용하다가 티스토리 .. 2020. 9. 19. 티스토리 블로그 꾸미기 시작! 요즘 초등학생들은 코딩 교육이 필수라는데 나는 아주아주 예전에 초등학교를 졸업한지라 내게 HTML의 마지막 기억은 <marquee>태그랄까ㅋ (왜 차고 많은 것들 중 하필 이걸까ㅋ) 그래서 그동안 네이버 블로그보다 더 취향에 맞게 꾸밀 수 있는 티스토리를 하고 싶어도 스킨을 건들 줄 몰라 그동안 만들어놓기만 하고 방치 아닌 방치ㅠㅠ ... 하다가! 얼마 전 좋은 기회가 되어 HTML5와 CSS3, 그리고 아주아주아주 약간의 JavaScript를 배울 기회가 생겼다 :) 그래서 조금씩 차근차근 나만의 블로그를 새로 꾸며보면서 그새 다 까먹은 웹디자인 복습을 해보려 한다. 티스토리에는 웹디자인 배웠답시고 처음부터 스킨 만든다며 괜히 나댈 필요 없이 블로그 관리 > 스킨 변경에 들어가 보면 적용 버튼 하나로 .. 2020. 9. 18. 이전 1 다음