웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
레이아웃 자작시 생기는 회원 모듈과의 충돌
2010.08.15 21:10
모듈과는 충돌이라기 보다는.. 보다 정확하게 말씀드리자면, 회원 로그인 창의 padding값 설정간의 충돌이라고 보면 되겠죠? ^^
위젯으로 사용하는 로그인 스킨말고, XE자체의 회원 모듈에도 로그인 양식이 있는건 다들 아시잖아요~ ^^
아무쪼록- 자체 회원 모듈의 로그인 폼에서 padding값이 충돌이 나는 경우에는 아래의 코드를 수정해 주세요
#memberModule .memberSmallBox .header { padding:60px; /* 기본적으로 내부 상단 여백을 60px을 줄이게 되어 있습니다 */ font-weight:bold; text-align:center; border-bottom:1px solid #DDD; background:url(../img/bgTab.gif) repeat-x left bottom; }
이러한 문제는 가끔은 처음 레이아웃을 만드는경우 IE6나 7을 염두하지 않고 일단- 몰아 붙어서 wrapper로 감싸는 경우에 생길수 있는 문제입니다. 패딩값을 빼고, 지정한 사이즈 만큼의 이미지로 로그인 스킨을 보다 쉽게 꾸밀수 있으며, css에서 선언한 백그라운드 이미지의 사이즈를 css에 기입하고 login_form.html에서는 아래처럼 수정하면 텍스트 "로그인" (언어별 설정으로 바뀌는 구조입니다)을 이미지로 변환할 수 있습니다. {$lang->cmd_login}의 함수만 주석으로 감싸주면 header만 불러오니 css의 header안에 이미지만 잘 안착시키면 되겠습니다. ^^" sample)
여기서 Padding을 주석 처리 하거나, 입맛에 맞게 바꾸면 별도의 회원 모듈 스킨 변경없이 여백 문제를 해결 할 수 있으며,
<div class="header"><!-- {$lang->cmd_login} --> <!-- 로그인 글씨 언어별 출력 폼 --></div>