코딩 (14) 썸네일형 리스트형 티스토리 기본 스킨만으로 예쁘게 만들기 Poster 스킨만큼 잠재력 높은 스킨이 또 없습니다. Poster 스킨을 예쁘게 만드는 법을 알아보겠습니다. 1. 커버 설정 Poster 스킨은 커버 기능이 최고의 하이라이트라고 할 수 있는데, 안 쓰는 분이 많더라고요 😅 꾸미기>스킨 편집으로 들어가셔서 "커버"를 눌러주세요! "커버 아이템 추가" 를 눌러주세요! "슬라이더" 로 설정하고 "저장" 버튼을 눌러주세요! 그리고 한 번 더 "커버 아이템 추가"를 눌러주시고 "리스트" 로 설정하고 저장해주세요! 훨씬 더 깔끔해졌음을 알 수 있습니다. 적용하기 전 모습 또 (저 사진에는 이미 적용되어 있지만) 버튼이 딱딱하지 않고 부드럽게 border-radius를 설정해주겠습니다! 코딩 모르시는 분들도 쉽게 따라하실 수 있어요~ "html 편집"을 눌러주시고.. html 1강ㅣ태그의 의미 html은 문법 없이 적어도 글자가 출력은 되는데요, 작성한 html 파일을 열어보면 그 사실을 알 수 있죠. 파일 탐색기에서 작성한 html 파일을 2번 눌러서 열어보겠습니다. (이런 창이 뜨면 자주 쓰는 브라우저를 선택한 후 "항상 이 앱을 사용하여 .html 열기"를 클릭해주세요.) 잘 열렸네요. 입력한 글자도 잘 출력되는거 같은데... 약간 이상한 점이 있습니다. 줄바꿈이 없어요! 분명 파일에서 줄바꿈을 했는데 말이죠. 이런 것 때문에 html 문법을 배워야 하는 필요성이 생깁니다. 일단 "오늘의 일기" 이걸 다른 것과 구분할 필요가 있어보이네요. "오늘의 일기"는 제목인데 다른 글자랑 다를 게 없어요. 그럼 어떻게 구분시키냐고요? 바로 "태그"로 구분시킵니다. 태그 "오늘의 일기" 이걸 제목으로.. html 0편ㅣ환경 설정 코딩은 vsc로 코딩하는게 좋기 때문에, vsc를 다운로드해야 합니다. 검색창에 vsc를 검색하고 맨 위에 있는 링크를 들어가주세요. Download for Windows 를 누르세요. 다운로드가 완료되었으면 파일을 여세요. 약관을 동의하고 "다음" 을 누릅니다. "바탕화면에 바로가기 만들기" 를 누르고 "다음" 을 누릅니다. "설치" 를 누르세요. 파일 다운로드가 시작됩니다. 보통 1분이 안걸리니 다른거 하고 계시면 됩니다. 다 다운로드 되었으면 "종료"를 누릅니다. 실행되면 이런 창이 뜨는데요, "파일>폴더 열기"를 누르세요. 폴더 열기 창이 열리면 우클릭하고 "새로 만들기>폴더"를 눌러주세요. 원하는 이름을 입력해주세요. 저는 webcoding으로 하겠습니다. "폴더 선택"을 눌러주세요. 폴더가 성.. 웹폰트 깨짐 현상 해결방법 보통의 웹폰트는 크기가 15px 아래로 내려가면 폰트가 깨지는데요, p, a, h1, h2, h3, h4, h5, h6 { transform: skew(-0.1deg); } 이렇게 하시면 웹폰트 깨짐 현상이 해결됩니다! css가 글자들을 0.1도 기울리면서 깨짐 현상이 아주 쉽게 해결됩니다! (가끔씩 0.01도 이렇게 알려주는 경우도 있던데, 0.01도를 기울여도 그대로인 폰트들이 가끔 있어서 0.1도를 돌리는 것을 추천드립니다 :D) 감사합니다! 이전 1 2 다음
