meltdown 이글루스 반응형 스킨


거의 완성되었습니다. 자잘하게 수정해야 될부분은 있는데 크게 문제시 되진 않고요, 일부 이글루스 기본 스타일 요소가 어느정도 남아있긴하지만 더 이상은 손 안댈 생각입니다.


meltdown 이글루스 반응형 스킨


관리페이지에서 보면 사이드바가 옆말고도 본문의 상단과 하단에 추가 되었습니다. 와이드 위젯은 상단이나 하단만 쓸수 잇는 병신력 충만한 이글루스 구조때문에 이렇게 만들었습니다.


우선 변경사항부터 알아보겠습니다. 사이드바에 최상단 로고가 이미지 파일로 바뀌었습니다. 기존의 로고는 CSS3 transform속성인 screw를 사용해서 기울인 글자를 구현했지만 이게 브라우저나 운영체제를 심하게 타서 이미지 파일로 교체하였습니다. 기본이미지 크기는 가로 780px이미지 이며 레티나 디스플레이를 위해서 @2x형식으로 축소시켜서 사용중입니다.


그 외에도 사이드바 소제목의 폰트를 Ostrich sans lined 로 바꾸었습니다. 캘린더도 스타일을 적용해서 정상적으로 뜹니다.


meltdown 이글루스 반응형 스킨


이전에 없던 카운터가 생겼습니다. 이글루스에서 제공하는 여러사이드바 위젯들도 모두 css스타일이 적용 되었습니다.


meltdown 이글루스 반응형 스킨


로그인시에만 보이는 검색창도 스타일이 적용되었고, 기존 리스트 형태로 뜨던 태그 목록도 인라인 리스트로 변경했습니다.


meltdown 이글루스 반응형 스킨


태그 클라우드 페이지도 대폭수정이 되었습니다. 폰트스타일 변경과, 태그 뒤쪽에 콤마가 자동으로 추가 됩니다.


meltdown 이글루스 반응형 스킨


검색페이지도 대폭 수정되었습니다. 검색창 크기를 크게 바꾸었고, 검색 결과 섬네일 이미지와 제목의 스타일을 변경하였습니다.


meltdown 이글루스 반응형 스킨


아카이브도 바뀌었습니다. 본문의 스타일과 최대한 비슷하게 맞추었습니다.


약 일주일 정도 롱텀 테스트 기간을 가지고 스킨을 배포할 생각입니다.

이글루스 스킨 실험실: http://est0que.egloos.com/