반응형 썸네일2 티스토리 I 마우스 오버시 썸네일이 움직이는 애니메이션 효과 만들기 티스토리 I 마우스 오버 시 썸네일이 움직이는 애니메이션 효과 만들기이번에는 썸네일이나 설명글에 마우스를 올리면 애니메이션 효과를 가지고 좌우로 움직이는 CSS코드에 대하여 알아보겠습니다. 목차 먼저 사용자 스킨에 따라 섬네일의 class가 다르기 때문에 움직이고자 하는 썸네일에 오른쪽 마우스 클릭 후 검사를 통해 정확한 위치를 파악하는 것이 좋습니다. 제 스킨의 경우는 북클럽스킨의 '뉴북'이라. list-type-thumbnail. post-item. thum img입니다.여러분들도 정확한 위치를 찾으셨다면, 우선 메모장에 저장해 두세요. A. 애니메이션 효과 CSS코드 만들기썸네일의 위치를 메모장에 저장하셨다면, 애니메이션 코드를 만들어주도록 하겠습니다. 1. '관리자 홈'에서 꾸미기 > 스킨 .. 2023. 3. 21. 티스토리 북클럽 스킨 I 커버 아이템 뉴스레터 썸네일 정사각형으로 변경 [📌 코드 수정 시 주의사항은 아래 '더보기'를 참고하세요.]더보기1. 스킨 저장.스킨을 변경하기 전에 가장 먼저 해야 할 일은 현재 사용 중인 스킨을 백업하는 것입니다. 스킨 변경 후 문제가 발생하면 변경전 스킨으로 돌아가야 하기 때문에 백업이 필요합니다.스킨을 백업하려면, 블로그 관리자 > 꾸미기 > 스킨 변경을 클릭합니다. 상단에 사용 중인 스킨을 확인할 수 있으며, [보관]을 클릭하면 됩니다. 2. [Ctrl] + [F]를 사용할 때.먼저 코드 탭의 빈 곳을 클릭한 후 [Ctrl] + [F]를 사용하여 검색할 코드를 입력해야 합니다.커버 아이템 뉴스레터 썸네일 정사각형으로 변경홈 설정에서 커버를 선택하고, 커버 아이템을 뉴스레터로 설정 후 뉴스레터의 썸네일 사진의 비율이 마음에 들지 않는다면, .. 2023. 3. 2. 이전 1 다음 반응형
