팁/튜토리얼

이온디 로그인 v.0.6 (2015년 11월 8일)

2015.10.22 13:16
4,362
0

미리보기 : http://eond.com/login

버전 : 0.5

설치경로 : layouts/eond_login/

 

간단설명 :

일반 레이아웃 페이지에서 위 페이지로 접속 후 로그인하면 다시 원래 접속 중이던 페이지로 돌아갑니다. 


개발기간 : 2015년 8월 31일, 2015년 10월 21일~22일, 2015년 11월 4일, 2015년 11월 8일

사용방법 : 모바일에서 접속시 모바일에 맞는 레이아웃으로 보여주기 체크 해제 후 사용하세요. 

모바일에서도 적합하도록 만든 레이아웃입니다.

 

업데이트 내역 :

이온디 로그인 v.0.6 (2015년 11월 08일)

1) 모바일 등에서 소셜로그인의 마지막 버튼이 내려가는 현상 수정

2) 로고에 120픽셀 이상의 이미지도 등록 가능하도록 변경

이온디 로그인 v.0.5 (2015년 11월 04일)

1) 로그인 레이아웃에서 회원가입 및 비밀번호 찾기 동작하도록 수정함

2) 기타 링크 수정함

온디 로그인 v.0.4 (2015년 11월 04일)

1) 소셜로그인 기능 추가

2) 비밀번호 틀렸을 경우 에러메시지 출력

이온디 로그인 v.0.3 (2015년 10월 22일)

1) 다양한 테마기능 추가

 

스크린샷 : 

0) 소셜로그인 & 다크블루

1) 그린 기본 화면

2) 그린 아이디 입력

3) 그린 아이디 입력 중인 상태

4) 그린 비밀번호 입력 중인 상태 및 로그인 유지 체크상태

5) 오렌지 기본 화면

6) 블루 기본 화면

7) 다크블루 기본 화면

8) 레이아웃 사용자 설정 화면

 

scr_20151104_001.png

 

scr_20151022_008.png

 

scr_20151022_009.png

 

scr_20151022_010.png

 

scr_20151022_011.png

scr_20151023_004.png

 

scr_20151023_005.png

 

scr_20151023_006.png

 

 

scr_20151023_008.png

 

 

eond Lv. 12

댓글 83

  • 2015.10.22 13:23 #38554
    네이버 로그인 페이지와 색감, 아이콘, 레이아웃이 유사하군요!
  • 2015.10.22 13:24 #38558
    네이버 로그인 페이지에 있는 거 가져왔;;
  • 2015.10.22 13:46 #38616
    ㅎㅎㅎㅎ...
  • 2015.10.22 16:05 #38880
    녹색 버튼 스킨을 레이아웃 스킨화해서 좀 더 다양한 색깔로 네이버스러움을 탈피해보겠습니다. ㅋㅋ
  • 2015.10.22 16:16 #38898
    오오오오오 기대합니다
  • 2015.10.22 16:19 #38901
    그래도 모양은 거기서 거기..ㅠ_ㅠ;
  • 2015.10.22 16:10 #38888
    아이폰5s에서 버튼이랑 폼들이 오른쪽으로 붙는 것 같아요. 조금만 더 다듬어주시면 심플한 트랜드 로그인 레이아웃이 될 것 같습니다 :)
  • 2015.10.22 16:24 #38913
    .eond_login1 .body .content
    min-width: 320px; << 요거때문에 그런 것 같아요. 아이폰 5s 이하버전이 문제네요 ㅠㅠ
    아이폰6부터는 멋지게 나옵니다!
  • 2015.10.22 16:25 #38918
    아이폰이 없어서 ㅠㅠ
    어떻게 수정해야하는거죠?;;;
  • 2015.10.22 16:28 #38926
    미디어 쿼리에서 320이하는 min 부분만 없애면 되지 않을까요?
  • 2015.10.22 16:36 #38947
    아..! 근데 min-width: 320px;<< 이 부분이 꼭 필요한 건가요? 이거만 주석처리해도 다 잘 나오는 것 같아서요.
  • 2015.10.22 16:55 #38959
    레이아웃 코딩 자체는.. 뭐 저도 8월달에 만든 거라.. ㅋㅋ
    일단 뺐네요. 아아.. 아이폰3는 320보다 작아서 제가 마진값을 이번에 추가해넣어서 치우쳐질 수 있겠군요ㅠㅠ
    에효. 이렇게 코딩하다보면 작업하다가 추가한 부분이 초기에 만든 코딩스타일이랑 충돌을 일으켜서 매번 테스트를 해봐야하는데
    혼자 기획, 디자인, 코딩, 개발, 매뉴얼 작성, 배포하기 등등을 신경쓰려니 다 못하는 경우가 매번 발생하네요.
    알려주셔서 정말 감사합니다. ^^
  • 2015.10.22 17:02 #38969
    이제 제 아이폰5s에서 아주 잘나오네요 ㅎㅎ 좋은 레이아웃에 따봉! 드립니다.
  • 2015.10.22 17:06 #38985
    제 사이트를 어서 제대로 만들어야 이런 거 제 사이트에도 만들어서 올리는데 타운에부터 먼저 올리고 있네요 ㅋㅋ
    덕분에 감사합니다. ㅋㅋ
  • 2015.10.22 17:12 #38989
    오오. 이온디님 사이트에 있는 이온디마켓이 그 주인공인가요?
    사이트 기대하겠습니다 ㅎㅎ
  • 2015.10.22 17:18 #39003
    넵 맞습니다. ㅎㅎ 요즘 또 바빠져서.. 바쁘게 된 상황은 자유게시판에 남겨서 자랑해야겠네요 ㅋㅋ
  • 2015.10.23 04:03 #39417
    이쁘네요ㅎㅎ...이온디님 사이트 다 만들고 나서
    이 레이아웃에 코노리님의 소셜 로그인 합쳐서 동시에 보이게 하면 막강할 듯 합니다^^
  • 2015.10.23 04:30 #39449
    아 소셜로그인을 많이들 찾으시는거 같네요. 수정할 때 소셜로그인 붙인 버전도 만들어놔야겠군요..ㅋㅋ
  • 2015.10.24 02:34 #40745
    와우! 소셜 로그인과 합쳐진 버전 완전 기대됩니다 ^^/
  • 2015.11.03 17:57 #61705
    추가해넣었어요 ㅎ;
  • 2015.11.04 01:49 #62100
    우왓 멋지십니다!
    요즘은 호스팅 업체 쪽에 요청해서 소셜 로그인 관련한 서버설정 문제를 체크 중인데요(구글이 안 되고 있다는ㅠ), 결과가 나오는대로 이온디님 작품을 사이트에 구현할 생각입니다.
    감사합니다~!
  • 2015.11.21 11:02 #88349
    굿!
  • 2015.11.21 14:26 #88720
    감사합니다. ^^
  • 2015.11.26 06:21 #95245
    대단합니다 감사합니다
  • 2015.11.26 07:20 #95318
    쓰시다가 불편한점 있으면 말씀해주세요 ㅎ
  • 2015.12.13 01:37 #114469
    멋지네요
    다음 업그레이시는 이거 함 적용해봐야겠네요
  • 2015.12.19 15:19 #120621
    멋지네요^^
  • 2015.12.20 01:20 #120880
    제가 찾던 스타일이에요 !
  • 2015.12.22 17:07 #123530
    감사합니다!
  • 2015.12.28 15:03 #128675
    잘쓰겠습니다!
  • 2016.01.21 10:18 #152789
    고맙습니다!
  • 2016.02.12 12:23 #180011
    잘 쓰겠습니다.
  • 2016.02.17 12:50 #189040
    감사히 잘 사용하겠습니다..^^
  • pjk
    2016.02.23 04:35 #197009
    포인트가 모자라네 ㅠ
  • 2016.02.23 04:37 #197016
    힘! 내세요! ㅋ
  • 2016.02.28 14:34 #208055
    이온디님~ 확인한번 해보려고 eond.com에 들어갔는데 네이버로 로그인이 안된다고 오류나네요~
    https://nid.naver.com/login/ext/error.inapp.nhn?inapp_view=true&disp_stat=207&client_id=VtXkTZPCKNasRevggrML&locale=
  • 2016.03.01 21:24 #211175
    ssl 적용하면서 https 로 시작하는 도메인을 추가해놓지 않아서 그랬네요.
    이제 될 겁니다.;
  • 2016.03.02 15:10 #212552
    오! 다운받았어요 드디어!
  • 2016.03.10 08:18 #223260
    업데이트 내역 v0.4에 '이' 빠졌어요. '이'온디
  • 2016.03.10 08:22 #223269
    ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
  • pjk
    2016.03.11 01:08 #224020
    감사합니다 ^^
    설치해봤는데요. 위 예시처럼 안나와요
    이메일과 비밀번호 입력하는 박스는 없고 로그인화면으로 돌아가기만 나와요
    아래는 sns로그인버튼이 나오구요
    이메일., 비밀번호 입력하는 란 나오게 할려면 어떻케 햐야하나요
    그리고 social2015 사용중입니다.
  • 2016.03.11 01:09 #224027
    로그아웃을 하시면 됩니다.
  • pjk
    2016.03.11 01:10 #224033
    로그인 상태는 아닙니다.
  • 2016.03.11 01:11 #224037
    해당 사이트 주소를 알려주시겠어요?
  • pjk
    2016.03.11 01:17 #224054
    nongong.org/xe/test_page
    nongong.org/xe/test_page
    nongong.org/xe/test_page
  • pjk
    2016.03.24 04:15 #238529
    감사합니다. 어찌어찌해서 설치에 성공해서 잘 사용하고 있습니다.
    한가지 부탁이 있는데 구글id로그인이 빠져있는거 같아서요 혹시 추가 해주실 수 있나요
  • 2016.03.25 20:52 #240535
    인간적으로 너무이쁜것같은데;;
  • 2016.04.08 06:49 #251898
    감사합니다~
  • 2016.05.01 07:05 #272310
    이온디님~ 이 로그인 페이지를 메인으로 하고, 로그인을 하지 않으면 홈페이지에 접속할 수 없도록 (완전 회원제 운영) 하고 싶은데 어떻게 해야 할까요..?
  • 2016.08.16 23:38 #355546
    위젯 게시판을 하나 만드셔서 디자인설정에서 레이아웃을 이온디레이아웃으로 잡으시고 사이트 메뉴 편집에서 홈페이지로 설정하시면 되요