etc

블로그 글 작성하다 보면 이미지를 많이 붙여 넣게 된다. 이미지를 삽입하면 본문 너비 폭을 넘어가게 되는데 나는 가로 폭이 넘어가지 않았도록 수정하고 싶었다. 그래서 구글링 하면서 하나씩 배워간다 생각하면서 따라 해봤지만 잘 안되었다. 뭐야..진짜 뭔데(잘 몰라서 속 터짐..ㅜㅜ) 그러던 중 다른 다른 블로거 분이 이미지 2개가 넘어가는게 신경쓰여서 CSS코드를 추가한 것들 보고 따라했는데 되었다. https://changsroad.tistory.com/418#9.%20%EC%9D%B4%EB%AF%B8%EC%A7%80%20%ED%8F%AD%20%EB%A7%9E%EC%B6%94%EA%B8%B0-1 /* 이미지 글 너비 넘어가지 않도록 */ figure.imageblock { max-width: 100%; ..

1. 블로그 관리 -> 스킨편집 -> html편집 위에서 프로필의 스타일을 수정하면 된다. 나는 사이즈만 키우고 싶어 100에서 300으로 늘렸다. 2. sidebar의 너비 조정 /* sidebar */ .w-s { width: 20rem; } /* sidebar */ .w-\[calc\(theme\(width\.s\)\+theme\(spacing\.8\)\)\] { width: calc(20rem + 2rem); } /* sidebar요소 좌우 여백 */ #sidebar .sidebar-element { width: 18rem; padding-left: 1.5rem; padding-right: 1.5rem; } .gap-y-6 { row-gap: 1.7rem; } 기존 16rem에서 20으로 늘렸다...

블로그를 개설한 이유는 그날의 배운 것을 기록하고, 잊지 않고, 다음에 더 보완하여 자기개발을 위한 목적이었다. 그래서 좀 더 손글씨 같은 폰트로 수정을 하고 싶어 찾아보았습니다. 폰트 복사 개발자모드(f12)로 사이드바 위치 확인 → 사이드바 메뉴에서 스킨 편집 → HTML 편집으로 이동 → css 수정 css 코드 상단에 font-face{} 추가 font-family 수정 1. 폰트 복사 폰트 다운로드 필요 없이 소스를 복사하여 사용 할 수 있어 많이 사용하는 무료 폰트 사이트인 '구글폰트'와 '눈누폰트'에서 마음에 드는 폰트를 복사합니다. Google Fonts (구글 폰트) 눈누폰트(상업용 무료 한글폰트) 위의 사진의 웹폰트로 사용에 있는 내용을 복사합니다. 2. 사이드바 메뉴에서 스킨 편집 →..

hELLO스킨의 사이드 바에 블로그이름, 닉네임의 폰트 크기를 수정했다. 개발자모드(f12)로 사이드바 위치 확인 사이드바 메뉴에서 스킨 편집 → HTML 편집으로 이동 → css 코드수정 블로그 이름 "Ppoosumi"의 글꼴 크기(font-size)를 0.8rem → 1.5rem으로 설정하고, 위/아래 간격(padding)을 추가했다. .font-medium { font-size: 1.5rem; font-weight: 500; padding-top: 0.75rem; padding-bottom: 0rem; } 닉네임 "뿌수미"의 글꼴 크기(font-size)를 블로그이름을 키운것에 맞춰 닉네임도 0.875rem → 1rem로 크기를 키웠다. .text-sm { font-size: 1rem; line-h..