묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
회원가입폼 크기 설정 도와주세요ㅠㅠ
2014.04.12 07:44
코어1.7 이구요..노프레임홈을 씁니다.
레이아웃은 테스트레이아웃을 head/foot으로 넣어서 쓰고 있구요
1. 회원가입창이 이전 문제와 같이...폼의 크기가 메뉴이미지보다 더 커서
튀어나와있는데요 회원가입 폼 가로길이를 줄이고 싶습니다..
검색해보니 http://www.xpressengine.com/qna/16979220 << 답변이 되어있길래
수정하려고 보니 버전이 달라서인지 수정할 파일이 보이질 않습니다..
아마..버전이 바뀌면서 수정할 파일 이름도 바뀐 것 같은데 그 파일이 뭔지를 모르겠어요..
어떤 파일에 어느 부분을 어떻게 수정해야하는지 좀 알려주세요~!!
댓글 2
-
바가G
2014.04.12 12:08
-
딩딩2
2014.04.13 00:03
ㅠㅠ너무 감사드립니다 세세하게 알려주셔서 헤매지않고 아주 잘 적용했습니다!
가운데 정렬이 안되서 다시 질문드렸는데 이것 저것 해보다가 가운데 정렬 자체 해결했습니다! <div style="width:900px; margin: 0 auto;"> 이렇게 하면 되더라구요^ ^
딩딩2님이 내용에 적으신 링크는 회원가입 전체넓이를 조절하는 것이 아니라 해당 입력칸의 넓이만 조절하는 팁입니다.
회원가입폼 스킨을 기본스킨으로 쓰신다면 다음과 같이 해보세요~!!
xe/modules/member/skins/default/signup_form.html 에서 가로넓이를 조절하는 소스를 직접 삽입해주시면 됩니다.
파일을 열고 5번째줄 보시면 <include target="./common_header.html" /> 라고 적혀있거든요?
그 줄 바로 밑에! <div id="border" style="width: 100%"> 를 넣어주시고, 쭈욱 아래로 내리셔서
<a href="{getUrl('act','','member_srl','')}" class="btn pull-left">{$lang->cmd_cancel}</a>
</div>
</form>
이 부분에서 </form> 바로 다음 줄에 </div> 를 써주시면 됩니다. 위에서 넓이 조정하는 div 소스를 새로 추가해줬으니까 마찬가지로 제대로 폼넓이를 마무리해줘야 하니까 </div>도 새로 넣어준거에요~~ 위에 소스 중에서 분홍색으로 표시해놓은 100% 부분이 바로 가로넓이를 나타내는데 이 부분은 딩딩2 님이 수정하고 싶은 넓이로 바꿔 입력하시면 됩니다. 70%는 너무 작아지는 것 같고 90%~85%가 가장 보기 좋을 것 같습니다~ %를 px로 바꿔서 정확한 수치를 적어주셔도 상관없습니다~
정리하면 이렇게 되겠죠?!
<include target="./common_header.html" />
<div id="border" style="width: 90%"> ← 새로 삽입한 회원가입폼 전체넓이 조절 소스
블라블라~~~~~~ (소스 쭈욱 내리다가)
<a href="{getUrl('act','','member_srl','')}" class="btn pull-left">{$lang->cmd_cancel}</a>
</div>
</form>
</div> ← 새로 삽입한 마무리 소스
이렇게 하시면 아마 문제없이 넓이 수정이 될 것 같습니다~!!
그리고 혹시 회원가입폼 스킨을 기본스킨이 아닌 스케치북 스킨을 사용하신다면
xe/modules/member/skins/sketchbook5_member/signup_form.html 에서 마찬가지로 6번째줄에 있는
<div id="border" style="width: 70%"> 에서 width 의 수치만 수정해주시면 됩니다. (테스트 완료!!)