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

ED23 아프로

Registered Date

Jan 3, 2018

[이온디 아프로]

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

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

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

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

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님 감사드립니다. (__)



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

Category

advanced

  • 상품카테고리

  • 상태

  • 지원환경