vGrid Cover 스킨

2015.3.25 업데이트: 가로 640px 이하 디바이스에서 모바일 디자인 약간 추가

 

사용자 삽입 이미지

표지가 이런 모습의 스킨임

 

가로 사이즈 700px의 스킨입니다. 이미지나 미디어 등의 width값을 700px로 주면 좋아요.

 

가장 역점을 둔 것이 표지인데, 표지 기능을 사용하기 위해서는 관리>>플러그인에서 'DYP 블로그의 얼굴 표지' 플러그인을 활성화시키고(클릭해서 불이 들어오면 활성화된 것) 꾸미기>>표지 위젯에서 왼쪽에 생성된 'DYP 블로그의 얼굴 표지:Recent Posts'를 마우스로 붙들고 오른쪽으로 옮겨와야 합니다.(드래그 앤 드롭) 같은 페이지의 '표지를 블로그의 첫 화면으로 사용합니다'를 선택해 주세요.

 

본 스킨의 링크색깔은 전부 #4dcbbb입니다. 다른 링크 색깔을 원할 경우 style.css 파일 중 ctrl+F키로 color: #4dcbbb;라고 쓰인 부분을 찾아서 원하는 링크색으로 바꾸시면 됩니다.(이 때 마지막의 세미콜론 ; 을 삭제하지 않도록 주의하세요)

 

분홍색 쩜쩜쩜으로 된 것은 border-bottom: 2px dotted #ffcfc5; 입니다. 이것도 색깔을 바꿔서 쓸 수 있습니다.

 

블로그 표지 사용이 현재 원활하지 않습니다. 특히 이미지를 자동으로 잘라내는 기능(썸네일 생성)이 불완전한데, 블로그에서 글을 쓰고 이미지를 삽입하면 이미지의 주소가 http://로 시작하는 절대경로가 아니라 /attach 로 시작하는 상대경로인데, 현재 표지 플러그인이 상대경로를 잡아서 이미지로 만들어주질 못 해서...ㅜㅜ 저는 이미지 올리는 경우 썸네일로 지정할 그림에 절대경로를 입력하고 있습니다. 진보블로그 첨부파일의 절대경로는 http://blog.jinbo.net/attach/ 이런 식으로 진행됩니다. /attach 앞에 http://blog.jinbo.net을 붙여주면 되는 거죠...

 

공지사항은 1개만 설정하길 권합니다만 저처럼 나열식으로 여러개 놔둬도 무방합니다. 공지사항 개수 설정은 관리>>꾸미기>>스킨 상세 설정에서 가능합니다.

 

사용법이 어려워서 배포를 망설였으나 도전하실 분은 언제든지 댓글이나 방명록으로 문의해 주세요. 스킨의 간단한 것들을 직접 수정해드릴 수도 있어요.

 

본 표지를 만든 jQuery는 可変グリッドレイアウトのjQueryプラグイン書いたよ에서 가져다 썼습니다. 감사합니다. 그리고 jQuery를 이용해서 블로그 표지를 만드는 것에 동구리님이 도움을 주셨습니다. 항상 감사합니다.

 

이렇게 착착 달라붙는 표지 기능이 재밌어서 만들어봤는데 사람에 따라 복잡해 보인다고 싫어하기도 하네요. 이런 스킨 처음 나왔을 때 열화와 같았던 반응들을 생각해 볼 때 참 실망스러운 센스입니다... ㅋㅋ

"웹web 왑wab / 스킨 디자인" 분류의 다른 글

콩할매 스킨2011/02/22
I Love Iraq 스킨2010/10/15
네이버 나눔손글씨 붓과 펜2010/10/08
사막의 우물 두리반 스킨2010/09/07
샤갈의 마을 위로2010/08/12
진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기