![]()
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..
![]()
티스토리의 기본스킨을 사용하다가 개발블로그의 편의성과 가독성을 향상하기 위해 새로운 스킨을 찾던 중 여러 무료스킨 중 hELLO 스킨을 발견했습니다. 스킨 적용 전 / 후 입니다. hELLO 스킨 적용 전에는 화면 비율을 축소해서 사용하고 있었습니다. 제 노트북으로 사용하기에는 화면이 커 비율을 축소해서 사용하고 있었습니다. 제가 필요한 스킨은 카테고리가 한눈에 들어오고, 가독성이 높은 스킨이었습니다. 여러 무료나눔 스킨 중 hELLO가 적합했습니다. 역시 사람들이 많이 사용하는 이유가 있는것 같습니다. 다운 받는 관련 링크를 아래에 첨부하였습니다. ➡️ hELLO 스킨 소개 github 링크 ➡️ hELLO 스킨 소개 티스토리 링크
