![]()
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..
![]()
1. 깃허브 아이콘 다운로드 2. 코드 수정 1. 깃허브 아이콘 다운로드 https://fontawesome.com/ 2. 위치확인 F12 관리자 페이지로 들어가 내가 넣고 싶은 위치를 확인 하고, 해당 위치의 코드에 깃허브 주소를 추가합니다. 3. html 편집 Font Awesome 아이콘 클래스를 사용하여 깃허브 아이콘을 추가합니다. 다른 sns 를 추가하고 싶으면 a태그를 추가하여 사용하면 됩니다. - Font Awesome 라이브러리가 추가되어 있지 않으면, HTML 상단 header에 아래 코드를 추가하여 이미지를 다운로드하여 해당 펭이지에 업로드하는 과정을 거칠 필요 없이 라이브러리를 사용하여 코드만 추가하여 바로 가져와 사용 합니다. - 깃허브 주소를 추가하고, 아이콘를 추가합니다. Git..
