티스토리스킨편집6 [티스토리 스킨 편집] 제목 잘리지 않게 하는 방법 (제목 말 줄임표 없애기) 지금 사용하는 북클럽 스킨을 살펴보니 게시글의 제목이 한 줄 이상 넘어가게 되면 이처럼 말줄임표를 붙이면서 첫 줄에서 넘어가는 문장을 자동적으로 생략하고 있다. 그냥 보기엔 게시글의 높이가 통일성 있어 보여서 좋을진 모르겠으나 내 경우 '블로그 꾸미기'카테고리에서 간단한 팁을 공유하는 게시글에는 다른 게시글과의 구분과 노출을 위해 '티스토리 스킨 편집'이라는 문구를 제목 맨 앞에 넣곤 하는데 그러면 이처럼 정작 전달해야 할 정보가 전해지지 않는다. 상단 메뉴... 블로그 폰... top 버튼... 스크롤시... 나도 나지만 방문자들이 보기엔 이게 뭐야? 싶을지도. 이제 시작단계라 지금은 게시글이 몇 없다지만 나중에 점점 게시글은 쌓이기 시작하는데, 제목이 계속 이렇게밖에 안 보인다면 나도 내 글을 몰라볼.. 2020. 10. 17. [티스토리 스킨 편집] 상단 메뉴 없애기(초⭐️간단!!) 티스토리 블로그에 관심을 가진지도 어언 한 달. 처음엔 Odyssey 스킨을 사용하다가 애드센스에는 Book Club 스킨이 좋다는 얘기를 듣고서는 북클럽 스킨을 조금씩 손보며 계속 사용하고 있다. 아마 많은 블로거들이 나와 같은 이유로 북클럽 스킨을 사용하고 있는 듯하다 :) 북클럽 스킨을 적용하고 스킨 편집 > 홈 설정에서 홈 화면 글 수를 9개로 늘리면 이렇게 콘텐츠의 길이와 사이드바의 길이가 얼추 보기 좋게 맞춰진다. 여기서 난 잘 사용하지 않는 상단의 메뉴도 없애볼까 한다. 관리 화면에서 홈, 태그, 방명록 대신 자주 쓰는 다른 메뉴를 넣을 수 있긴 하지만 북클럽 스킨 특성상 사이드바에 이미 카테고리가 있기도 하고... 또 메뉴가 많아서 주요 메뉴를 상단에 집어넣으면 이 상단바가 유용하겠지만 난.. 2020. 10. 15. [티스토리 스킨 편집] 블로그 폰트 바꾸기(+무료 한글폰트 사이트) 블로그를 꾸밀 때 수고 대비 가장 큰 효과를 볼 수 있는 걸 찾아본다면 바로 블로그의 폰트를 바꾸는 게 아닐까 싶다. 지금 쓰는 스킨도 새로 만든 것이 아니라 기존의 티스토리 스킨인 Book Club스킨에서 하나 둘 고친 것이다 보니 기본 스킨에서 솔직히 큰 차이는 없달까? (아무리 이것저것 뜯어고쳐봤자 전체적인 구조가 변하질 않았으니ㅠ) 그래서 스킨을 입히자마자 처음 시도한 건 바로 폰트 바꾸기~ 일단 무료 한글 폰트 사이트에 접속한다. 상업적 이용 가능한 무료 한글 폰트 모음 사이트 눈누 상업적으로 이용할 수 있는 무료 한글 폰트를 모아 놓은 사이트 눈누 noonnu.cc 이미 알 사람은 다 아는 무료 한글 폰트 사이트 '눈누'. 무료 한글 폰트가 귀하디 귀한 요즘 같은 때에 상업적 이용도 가능한 데.. 2020. 10. 14. [티스토리 스킨 편집] top 버튼 꾸미기(CSS3 animation) 지금 사용 중인 스킨은 티스토리에서 만든 스킨 중 Book Club. 이 스킨의 하단(footer) 오른쪽을 보면 페이지가 아무리 길더라도 클릭 한 번에 페이지 맨 위로 갈 수 있는 버튼이 하나 있다. 여기에 마우스를 올려보면 이렇게 버튼 색깔이 바뀌는 것은 좋긴 하나, 크기도 작고, 페이지를 최하단까지 내려야 이 버튼을 볼 수 있기 때문에 나는 이걸 좀 더 내 취향에 맞게, 쓰기 편하게 바꿔보려 한다. (Home 키가 없는 키보드 특성상 commnad + 위 화살표를 눌러야 하는데 귀찮다. 그냥 클릭 한 번으로 끝내고 싶다.) 우선 이번에 수정할 내용 첫 번째로는 간단하게 페이지 어느 부분에서도 간편하게 맨 위로 갈 수 있도록 스크롤을 하거나 창 크기를 조정해도 항상 그 위치에 고정하는 것. 그리고 마.. 2020. 10. 12. [티스토리 스킨 편집] 스크롤시 배경 고정하기 웹페이지 만들때 은근슬쩍 한두번 쓰곤 했던 css 기술 중, 바로 생각나는 것 하나를 꼽아보라면 바로 스크롤시 배경 고정하기! 아직도 이해 못하고 있는 패럴랙스는 솔직히 어지러운 느낌이라 별로 좋아하지 않는데 이건 그냥 css에 한 줄만 써 넣으면 되는데다 보기에 어지럽지 않고, 기본적인 기술에 비해 좀 있어보이는 스킬이라 부분부분 쓰곤 했다. 보통 배경사진을 집어 넣으면 이런식으로 스크롤을 내릴 때 사진도 당연히 같이 움직이는데, 스크롤 해도 저 빨간 테두리의 배경만 딱풀로 붙인것처럼 딱! 고정시키고 싶을 땐 background-attachment: fixed; 이 한 줄이면 끝난다. 우선 편집할 페이지를 켜놓은 상태에서 f12를 눌러 관리자모드를 실행시켜주고 (이제껏 크롬만 99%사용하다가 티스토리 .. 2020. 9. 19. 티스토리 블로그 꾸미기 시작! 요즘 초등학생들은 코딩 교육이 필수라는데 나는 아주아주 예전에 초등학교를 졸업한지라 내게 HTML의 마지막 기억은 ＜marquee＞태그랄까ㅋ (왜 차고 많은 것들 중 하필 이걸까ㅋ) 그래서 그동안 네이버 블로그보다 더 취향에 맞게 꾸밀 수 있는 티스토리를 하고 싶어도 스킨을 건들 줄 몰라 그동안 만들어놓기만 하고 방치 아닌 방치ㅠㅠ ... 하다가! 얼마 전 좋은 기회가 되어 HTML5와 CSS3, 그리고 아주아주아주 약간의 JavaScript를 배울 기회가 생겼다 :) 그래서 조금씩 차근차근 나만의 블로그를 새로 꾸며보면서 그새 다 까먹은 웹디자인 복습을 해보려 한다. 티스토리에는 웹디자인 배웠답시고 처음부터 스킨 만든다며 괜히 나댈 필요 없이 블로그 관리 > 스킨 변경에 들어가 보면 적용 버튼 하나로 .. 2020. 9. 18. 이전 1 다음
