sidebar

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으로 늘렸다...

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..