phone_android 습관성 제작 증후군 rss_feed question_answer mail group_add star_border arrow_upward

습작(習作, etude87)
접속 : 2832   Lv. 38

Category

Profile

Counter

  • 오늘 : 3 명
  • 전체 : 4689 명
  • Mypi Ver. 0.3.1 β
[마이피] 마이피 스타일 신상 명세서 (0) 2016/02/15 AM 09:45
■ 스타일 베이스

  본 페이지는 화려한 스타일의 Tistory 스킨 제작자로 유명하신 Estoque님의 루리웹 마이피용 CSS3 스타일 Burarikun을 기반으로 제작되었습니다.

  * http://est0que.tistory.com/1203

  베이스가된 Burarikun과 마찬가지로 반쪽 짜리 반응형 스킨(아래 Estoque님의 Burarikun 제작 후기 참고)이며, 모바일에서 본문 너비의 리사이징이 적용되지 않습니다. 그냥 좌측 상단의 아이콘을 눌러 모바일 페이지로 넘어가시는 것을 추천합니다.

  * http://est0que.tistory.com/1177

  해당 스타일이 적용된 Estoque님의 루리웹 마이피를 방문하고 싶으신 분들은 아래 링크를 참고하세요.

  * http://mypi.ruliweb.daum.net/mypi.htm?id=dplemfc_da

■ 디자인 베이스

  본 스킨의 디자인은 김절망님께서 제작하신 빠르고 가볍고 아름다운 Tistory용 반응형 스킨 Tokii's Room을 기반으로 하고 있습니다. 현재 저도 Tistory 블로그에서 사용중인 녀석으로 기왕 마이피를 꾸민다면 그것과 비슷하게 꾸며봐야 겠다고 생각해 진행하였습니다. 물론 이것은 진정한 반응형 스킨인 Tokii's Room과는 달리 겉모습만 그럴싸하게 수정한 짝퉁에 불과합니다. Tokii's Room의 귀여움은 모든 것을 이깁니다. 해당 스킨이 궁금하신 분은 아래 링크를 참고하세요.

  * http://tokiidesu.com/2

  더불어 김절망님의 새로운 스킨에 대한 후원도 진행중이니 관심있으신분께서는 아래 링크를 참고하세요.(후원 단계에 따라서 무려 Tokii's Room도 줍니다?!)

  * https://tumblbug.com/introindex

■ 기타 참고

  윌리엄메리님의 마이피 다음메뉴 숨기기 게시물을 참고해 Burarikun CSS3 스타일에 누락된 div#mypiHead 관련 구문을 추가했습니다. 어차피 헤더에 가려져 안보이지만, 그래도 로딩과정이나 브라우저 윈도우 리사이징 중 간헐적으로 노출되는 상단의 불필요한 요소가 사라지자 보다 크고 아름다워졌습니다.

  * http://mypi.ruliweb.daum.net/mypi.htm?id=gji1_da&num=972

  위로가기 버튼의 경우는 COCOSOFT님의 강좌를 참고했습니다. 물론 마이피는 자바스크립트를 지원하지 않으므로 간략하게 수정되었습니다만, 버튼 디자인 CSS는 그대로 가져왔습니다.

  * http://cocosoft.kr/353

■ 그 밖에

  에프릴님의 마이피 강좌 및 간단한 마이피 CSS를 소개합니다. 아마도 Burarikun을 사용하지 않았다면 사용했을 마이피용 CSS 스타일입니다. 마이피를 생전 처음 꾸며보게 되면서 많이 구글링을 했는데 그중 가장 깔끔하고 폰트도 큼직큼직해서 모바일 기기에서도 가독성이 보장되는 좋은 CSS 스타일이라고 생각합니다. 게다가 마이피 커스텀과 관련해 이런 저런 팁도 많이 작성되어 있으니 관심 있으신분께서는 참고하시면 될 듯 합니다.

  * http://mypi.ruliweb.daum.net/mypi.htm?id=rokubane&ncate=7

신고

 
X