Section.G
article thumbnail
반응형

안녕하세요? 오늘도 개발에 매진하고 있는 @Eruis입니다.

현재 개발 중인 Section.G만의 독창적이고 개성있는 스킨의 스틸컷을 잠깐 보여드리겠습니다.


이 스킨의 개발 및 안정화가 완료되면 추후에 적용될 예정입니다.




사진 1. PC화면에서의 상단 메뉴 디자인

마우스 오버를 하면 하위 메뉴가 나옵니다.




사진 2. 화면을 밑으로 스크롤 하면 상단 메뉴바가 블로그 제목, 검색, 이메일 문의 등만 나오도록 간략해집니다.

메뉴를 표시하고 싶다면 PC는 블로그 제목에 마우스 오버를 하시거나 스마트폰과 마찬가지로 좌측 상단 메뉴 버튼을 누르시면 됩니다.





사진 3. 이번 스킨도 마찬가지로 반응형 웹으로써 모바일 환경을 지원합니다.




사진 4. 모바일 화면에서 메뉴 버튼을 누르면 오프캔버스 형식으로 메뉴가 출력됩니다.



사진 5. 검색 버튼을 누르면 화면 전체에 별도로 검색창이 출력됩니다. (PC, 모바일 공통)


사진 6. 현재 개발이 완료된 덧글 목록의 디자인입니다.

평소에는 댓글 관련 메뉴가 숨겨져 있지만, 관련 덧글에 마우스를 오버하면 메뉴가 페이드인 되면서 출력됩니다.


현재 치환자와 세부 디자인 그리고 CSS 파일 최적화 작업 등을 진행하며 꾸준히 개발하고 있습니다.

많은 기대와 사랑 부탁드립니다.















반응형
profile

Section.G

@Eruis

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!