제 웹페이지 URL : http://kimbapp.com
사용 XE버젼 : 최신 버젼 1.8.17
모바일 사용 레이아웃 : Xenon HS
사용 호스팅 : cafe24
Q1. 현재 제 홈페이지 모바일 로그인 창입니다. 여기서 "기존로그인" 버튼을 없애고, 아래 사진처럼 한 장에 다 나오게 하고 싶은데요. Xenon HS 모바일 레이아웃에서는 어느 파일을 건드리면 될지 감이 안잡히더라구요.
<그림 1. 현재 제 홈페이지 모바일 버젼의 사진>

<그림 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버전)
을 건드려서 기존로그인과 소셜로그인을 같이 나오게 했습니다.
말씀해주신 /html/modules/socialxe/m.skins/default/sns_login.html (모바일)를 건드리니까 되었습니다. 감사합니다!! 그런데 User ID와 Password를 입력하는 칸의 좌우 경계가 다르더라구요. 혹시 이거를 어떻게 같게 할지 힌트를 주실 수 있다면 정말로 감사하겠습니다 ㅠㅠ. 크롬 개발자도구에서 찾아보아도 안보이더라구요. 왠지 css파일 내에 "좌우크기 95%"이런게 적혀있을 것 같은데 안보이네요..:(
사이트 주소좀 알려주시겠어요?
http://kimbapp.com 입니다. 제가 글에 써놓았는데 맨 위에 써놓아서 잘 안보이셨나 봅니다. 죄송합니다. 다음부터는 더 잘 보이도록 글자 크기를 좀 더 키우도록 하겠습니다!
이제 로그인버튼 만들고 하단의 기존 로그인을 회원가입/비밀번호 찾기로 바꾸심이 좋을 거 같습니다.
.xm input (text, password) padding 값만 고쳐주시면 될듯합니다.
Javacat님 답변해주셔서 감사합니다. 말씀해주신 padding 값만 고쳐주시면 된다는게 파란색 글씨 위에서 3번째에 있는 "padding : 4px 6px;" 이거 맞으시죠?
말씀하신대로 해서 아예 0px 6px 로 만들어버리니까 코딩 창에서 straight-through (쭈욱 긋기) 상태가 되더라구요. 그러면서 뒷 픽셀(높이) 부분에 아무런 숫자를 입력해도 인식을 못하는 상태가 되어서 이제는 높이가 너무 작아진 상태가 되어버렸습니다 ㅠㅠ 혹시나 한 번 만 더 도움을 요청드려도 될까요. 정말로 감사드립니다.
padding : 에서 앞에 4px는 상하단을 뜻합니다. 뒤에 6px은 우좌를 말하는거구요.
그러니 같은형식으로 하신다면, padding : 4px 0px; 하시면 됩니다.