Q&A

제 웹페이지 URL : http://kimbapp.com

사용 XE버젼 : 최신 버젼 1.8.17 

모바일 사용 레이아웃 : Xenon HS

사용 호스팅 : cafe24

 

Q1. 현재 제 홈페이지 모바일 로그인 창입니다. 여기서 "기존로그인" 버튼을 없애고, 아래 사진처럼 한 장에 다 나오게 하고 싶은데요. Xenon HS 모바일 레이아웃에서는 어느 파일을 건드리면 될지 감이 안잡히더라구요.

모바일캡처.JPG

<그림 1. 현재 제 홈페이지 모바일 버젼의 사진>

 

모바일캡처2.jpg

<그림 2. 제가 만들고 싶은 모바일 버젼 로그인 창 모습>

 

PC 버전에서는 https://xetown.com/lakepark/73306  이 글을 참고하면서 할 수 있었는데요. 모바일 버젼에서는 이런 글이 안보이더라구요 ㅠㅠ. 혹시 ftp 에 들어가서 어느 파일을 건드리면 될지라도 알 수 있으면 정말로 감사드리겠습니다!

댓글 10

  • 저같은 경우엔
    /html/modules/socialxe/m.skins/default/sns_login.html (모바일)
    /html/modules/socialxe/skins/default/sns_login.html (PC버전)
    을 건드려서 기존로그인과 소셜로그인을 같이 나오게 했습니다.
  • @digiwb

    말씀해주신 /html/modules/socialxe/m.skins/default/sns_login.html (모바일)를 건드리니까 되었습니다. 감사합니다!! 그런데 User ID와 Password를 입력하는 칸의 좌우 경계가 다르더라구요. 혹시 이거를 어떻게 같게 할지 힌트를 주실 수 있다면 정말로 감사하겠습니다 ㅠㅠ. 크롬 개발자도구에서 찾아보아도 안보이더라구요. 왠지 css파일 내에 "좌우크기 95%"이런게 적혀있을 것 같은데 안보이네요..:( 

    정말정말 최종..JPG

     

  • @홈페이지만들꺼야
    padding-right 값을 주면 될 거 같긴 한데...
    사이트 주소좀 알려주시겠어요?
  • @digiwb

    http://kimbapp.com 입니다. 제가 글에 써놓았는데 맨 위에 써놓아서 잘 안보이셨나 봅니다. 죄송합니다. 다음부터는 더 잘 보이도록 글자 크기를 좀 더 키우도록 하겠습니다!

  • @홈페이지만들꺼야
    어이쿠... 답변해드리려고 했더니 아랫분이 이미 말씀해서 해결하신 거 같네요
    이제 로그인버튼 만들고 하단의 기존 로그인을 회원가입/비밀번호 찾기로 바꾸심이 좋을 거 같습니다.
    저 상태로는 폼만 있어서 로그인을 못해요...
  • .xm input (text, password) padding 값만 고쳐주시면 될듯합니다.

    2016-03-22_22-13-54.jpg

     

  • @Javacat

    문제해결주웅2.jpg

    Javacat님 답변해주셔서 감사합니다. 말씀해주신 padding 값만 고쳐주시면 된다는게 파란색 글씨 위에서 3번째에 있는 "padding : 4px 6px;" 이거 맞으시죠?

     

    말씀하신대로 해서 아예 0px 6px 로 만들어버리니까 코딩 창에서 straight-through (쭈욱 긋기) 상태가 되더라구요. 그러면서 뒷 픽셀(높이) 부분에 아무런 숫자를 입력해도 인식을 못하는 상태가 되어서 이제는 높이가 너무 작아진 상태가 되어버렸습니다 ㅠㅠ 혹시나 한 번 만 더 도움을 요청드려도 될까요. 정말로 감사드립니다.

  • padding : 에서 앞에 4px는 상하단을 뜻합니다. 뒤에 6px은 우좌를 말하는거구요.
    그러니 같은형식으로 하신다면, padding : 4px 0px; 하시면 됩니다.

  • @Javacat
    감사합니다. 말씀해주신대로 하니까 작동하네요. padding 에 4가지가 있다는 것도 알게되어서 padding 4px 0px 3px 3px; 로 사용하겠습니다. 정말로 감사합니다!!
  • @홈페이지만들꺼야
    이거 이렇케 하면 로그인은 어떻케 하시나요 로그인 버튼이 안보이는거 같은데요