라이믹스/XE의 다양한 모듈, 스킨, 애드온 등의 자료를 판매해보세요.

콘텐츠 수 461

ED23 아프로

등록일

2018-01-03

[이온디 아프로]

"내 홈페이지를 뽐뿌처럼"

커뮤니티 사이트에 어울리는 이온디 아프로 레이아웃입니다.

뽐뿌 사이트에 착안해서 제작한 레이아웃입니다.

기능은 뽐뿌를 닮았고, 디자인은 애플사이트의 메뉴바를 가져왔습니다.

eond_aphro.zip

[다운로드]

eond_aphro.1.0.zip



[업데이트 내역]

v.1.0 https 이슈 및 언링크 js 제거 (2018.04.13)
v.0.9.6 일부 CSS 수정 (2016.06.15)
v.0.1 처음 만듦 (2014.09.20)

screenshot_1.png 

i_1.png

아프로 레이아웃은 i사이트 운영자님의 의뢰로 개발을 시작하게 되었습니다. 의뢰하신 사이트는 "'뽐뿌'와 비슷하되, '뽐뿌'는 아니어야 한다."였습니다. -_-ㆀ

개발은 2013년 8월 15일경부터 시작했는데, 뽐뿌의 가장 큰 특징이 포럼 메뉴 아래의 서브 메뉴 출력 방식이었습니다.

 screenshot_2.png 

'뽐뿌'와 달라야 한다는 디자인도 디자인이었지만 이 부분이 사실은 가장 큰 개발 관건이었지요.

개발 당시 의뢰도 간간히 들어와서 답변도 하느라 개발이 좀 늦어진 것도 있고 예상 외 의뢰건 때문에 컨디션이 난조였던 때라

일주일의 개발 시간보다 한 주를 더 개발에 소요하게 되었습니다.

 

i_2.png 

레이아웃을 개발할 때 고려한 점이 몇 가지 있습니다.


1) 메뉴의 범용성, 어떠한 사이트든 메뉴 수에 상관 없이 메뉴바에 각 넓이가 동일하게 적용되어야 한다.

2) 포럼 형식의 서브 메뉴 구성, 사용자가 서브 메뉴를 쉽게 포럼 메뉴 형식으로 바꿀 수 있어야 한다.

3) 웹표준, 크로스 브라우징이 되어야 한다.

4) 서브 메뉴의 출력 위치


첫번째, 메뉴의 범용성은 XE 묻고 답하기의 Summer 님께서 전적으로 코딩해주셨습니다. -_-;

http://www.xpressengine.com/qna/22260906

혼자서 끙끙대다가 CSS3 속성으로 편하게 작성하다 썸머님의 깨알같은 코딩력으로 아프로 레이아웃의 메뉴바가 탄생할 수 있었습니다.


두번째, 포럼 형식의 서브 메뉴는 좀 삽질을 하는 어려움이 있었습니다만 다행히 잘 성공했습니다.

http://eond.com/xe_forum/339886 이 글과 스케치북 레이아웃에서 코딩법을 참조했습니다.


세번째, 웹표준은 이제 당연한 거지만 크롬에만 맞춰 작업하다보면 인터넷 익스플로러의 함정에 빠져 허우적 거릴 수도 있습니다. -_-a;


네번째, 서브 메뉴의 출력 위치의 float 을 제대로 설정하지 못해 하루 정도는 개발이 지체 되었습니다. 

이 부분은 생각 못했었는데 발생하다보니 개발하는데 애로점이 좀 있었습니다.


다행히도 레이아웃을 만들기 전에 생각했던 개발의 난점들을 모두 해결했기에 아프로 레이아웃이 탄생할 수 있었습니다.

이 자리를 빌어 개발에 도움을 주신 Summer님 감사드립니다. (__)



네이버에 이온디를 검색해주세요
미리보기
파일 다운로드하기 전 사용하실 도메인 주소를 입력 후 다운로드 가능합니다.
파일 이름 잔여일 상태 다운로드
eond_aphro.0.9.zip - - 다운로드
eond_aphro.1.0.zip - - 다운로드
eond_aphro.zip - - 다운로드
분류 커뮤니티레이아웃
판매자 이온디
사용자평점 0점 / 총 0명 참여
판매포인트 500P
상품카테고리 레이아웃 
상태 판매종료 
소개 커뮤니티 사이트에 어울리는 이온디 아프로 레이아웃입니다. 
설치경로 ./layouts/eond_aphro 
버전 1.0 
라이센스 LGPL 
지원환경 XE1, RX 
개발자  
구매 페이지  
미리보기 http://eond.com/eond_aphro 
구성품  
문의  
라벨 best 
외부URL  
네이버에 이온디를 검색해주세요

분류

고급

  • 상품카테고리

  • 상태

  • 지원환경

List of Articles
번호 분류 제목 사용자평점 포인트
상품 커스터마이징 건에 대해서
이온디샵에서 개발자/디자이너 여러분의 컨텐츠를 판매하세요.
포인트샵 오픈마켓입니다. 구매를 원할 경우 포인트를 충전해주세요.
19 최근게시물위젯스킨 뉴스 스타일 위젯 스킨(ewcePresian) [3] 50P
» 커뮤니티레이아웃 ED23 아프로 500P
17 서비스상품 XE 복구 서비스 500P
16 누리고상품 이온디 컨텐츠샵(누리고 마켓 관리자 스킨) 30P
15 누리고상품 누리고 마켓 관리자 스킨 30P
14 애드온 비회원 댓글보기 차단 애드온 / 로그인 후 댓글 보는 애드온 [8] 100P
13 애드온 이온디루팡 로그인 애드온 [4] 50P
12 위젯 이온디 사이트맵 위젯 100P
11 사이트맵위젯스킨 이온디루팡사이트맵스킨 10P
10 게시판 XE 웹툰 리스트 스킨 [4] 200P
9 상담위젯스킨 팝업레이어형태 빠른상담글쓰기 100P
8 레이아웃 이온디 로그인2 100P
7 게시판 기도력 스킨 1,000P
6 최근게시물위젯스킨 마이노트 최근게시물 위젯 10P
5 달력게시판 라이프팟 플래너 스킨 [1] 무료
4 레이아웃 이온디 엑소 레이아웃 1,000P
3 포털레이아웃 이온디 루팡 레이아웃 [1] 500P
2 서비스상품 위젯 스킨 제작 1,000P
1 서비스상품 데이터베이스 이전 3,000P