블로그 관리 (Blog Management)/BiCute Skin

BiCute 스킨 ver.2.0 - 대규모 업데이트

BiCute 2022. 5. 19. 15:00
반응형

BiCute 스킨에 많은 부분 변화가 있었습니다.

전체적으로 모바일에서 보기 좋아졌으며, 효과들이 단순화 되었습니다.

추가로 게시물의 스타일을 조금은 애플스럽게(?) 변경하였습니다.

 

상세한 변동 내용은 아래와 같습니다.

 

 

커버 스타일

Ver. 1 Ver. 2

(1) 전체적인 마우스 오버 효과 삭제

  썸네일에 검게 테두리가 나타나는 효과 / 제목에 배경 색이 슬라이드 되는 효과 제거.

  마우스 포인터에 효과를 주어 링크 위로 마우스가 올라가면 포인터가 변하도록 변경

 

(2) 반응형 1:1 비율 3단 포스터

  하단 제목을 삭제 / 이미지로 표시 / 게시물간 여백 조절

 

(3) 단순 텍스트 타입 스타일 변경

  하단 날짜 삭제 및 모바일에 어울리는 디자인으로 변경

 

 

본문 스타일

(1) 폰트 색상 조절을 통하여 라이트 모드와 다크 모드 어디에서든 읽기 편해졌습니다

 

(2) 타이틀 스타일 변경

 

(3) 제목 스타일 변경

  각각의 개성이 있던 제목 스타일을 깔끔하게 크기 순으로 변경

  제목 3은 링크에 어울리는 리본형 버튼으로 작성 (TOC 미반영)

 

(4) 본문 스타일 변경

  일반 본문은 색상 조절이 조금 있었으며 큰 변동은 없습니다.

  코드 블럭은 좌우 여백을 삭제하여 이미지, 표등과 동일한 너비를 사용합니다.

 

(5) 새롭게 추가된 스타일

  굵게 작성할 경우 검은색으로 강조.

  이탤릭체로 작성할 경우 해당 글자에 그라데이션 효과가 적용됩니다. (주의.일반 이탤릭체처럼 기울지 않습니다)

 

다크 모드 샘플

 

 

더보기 & 및줄 스타일 은 추후 변경될 예정입니다.

 

 

 

반응형