오랫동안 방치해오던 레이아웃을 다시 잡아 작업을 시작한다는게 쉬운 게 아닌것 같습니다.
그렇다고 제가 되게 꼼꼼하게 자세하게 규격화한다거나 작업 방식이 정해져있던 스타일이 아니라
주먹구구식으로 그 틀을 잡아가던 때 만든 레이아웃이다 보니깐, 다시 그 작업을 한다는 게
오히려 새 레이아웃으로 다시 작업 시작하는 것 보다 어려운 것 같습니다.
하지만 처음 만들 때 마음이 이름부터 공식으로 삼은만큼 제가 할 수 있는 최선의 레이아웃을 만들고 싶었던 염원 같은게 이름에 담겨져 있지 않나 싶습니다.
녹색 계통의 컬러셋 작업, 시작해 보렵니다. ㅠ
jQuery를 이용해서 화면의 왼쪽에 가려진 레이어를 '쑝~' 하는 느낌으로 불러오고 싶어 찾아봤는데
jQuery slideToggle 밖에 못 찾아냈습니다.
그래서 여기 저기 물어봤습니다.
일단 사용방법은 알아냈는데, 쿠키까지 구워주는건 못 찾았습니다. -_-a;;
쿠키는 어디에 있는 걸까요 '_'?
1안이 원본이고, 2안이 수정본입니다.
1안 트위터, 링크, SNS, 코멘트 순
2안 코멘트, 링크, 트위터, SNS 순
트위터가 저렇게 들어가니 안 어울리긴 합니다. ㅠㅠ
http://www.toonypaper.com/ 포트폴리오를 보던 중 느림이 똭! 오는 디자인 요소가 있었습니다.
왼쪽 레이어의 열고 닫는 창인데,
Cumulative 레이아웃을 사용하기 전에 Imgur 레이아웃을 사용했었는데 가장 잘 사용한 것이 바로 '트위터 위젯'이었습니다.
Cumulative 레이아웃엔 트위터 위젯을 달만한 공간이 없어 아쉬웠는데, 위 디자인에서 영감을 얻어 작업에 들어가려고 합니다. ^_^
Imgur 레이아웃
1) 의뢰인의 요청에 따라 최신 댓글 위젯 삭제
2) 특정 게시판 최근 게시물 위젯 추가
3) 트위터 위젯 추가
4) 레이아웃 전체 사이즈 1000 으로 조정
추가 의뢰 :
1) 메인용 페이징 컨텐츠 위젯
2) 최신글 위젯 썸네일 출력 (기본 위젯에선 출력 안됨)
이온디 스태블리쉬 레이아웃을 제작하다 보니 그 형태가 블로그로도 손색이 없어
텍스타일 파일을 간단히 추가하여 적용해봤더니 컨텐츠 영역의 표시가 되지 않네요.
아마 정확하게 모든 파일 입력 구조가 맞아 떨어져야 내용이 출력되나 봅니다.
어쨌든 계획에는 집어놓고 레이아웃 제작해보겠습니다.. 벌써 한 달이 지났는데 완성은 -_-..
PlannerXE123 게시판 스킨을 활용하여 Lifepod 스킨을 제작해보자!
1. <load target="css/lifepod.css" /> 추가
■css/lifepod.css
css/lifepod.css 추가
1. 글목록 위에 글 갯수 보여주는 레이어 제거
.infoSum {display:none;}
이온디 포털 메인 2단 레이아웃
설치 경로 : ./layouts/skins/eond_portal_main_2col_right
최근 버전 : ver.0.7