1.  자료실
  2.  팁
  3.  나의 XE
  4.  Html
  5.  배경이미지

XE 인기게시물

MH 슬라이딩 배너 0....
MH 위젯스타일
prettyphoto - 본문내...
SCM 플레이어 사용법
XE 1.4.4.2버전 이후에...
네비게이션 위젯
IE 버젼별로 css 따로...
문서보기 유저 지정
문하우스 게시판스킨 V...
내용글 출력시 주소창에...
XE Tip
xpressengine.com에서 제가 필요해 가져온 XE TIp들입니다. BGM설치팁
글 수 186
2009.09
18
xe_official_v2 레이아웃에 있는 로그인폼 소스 가져오기
[레벨:30]id: 팔공산
Category : 문하우스 http://moonhouse.co.kr/xe/257098
2009.09.18.금 21:23 10038 Views
다음 이전
목록
원작자 zero
적용여부 적용

logon.jpg

 

lpgoin_01.jpg

lpgoin_02.jpg

Xpressengine에 기본으로 들어있는 xe_official_v2 레이아웃에는 로그인폼이 팝업으로 구현됩니다.
이 기능을 다른 레이아웃에 적용하는 방법입니다.(예제 : xe_official)
 
1. xe/layouts/xe_official/layout.html에 아래와 같이 소스를 삽입합니다.

<div id="top_index">
  <!--@if($logged_info)-->
    <a class="member_{$logged_info->member_srl}">{$logged_info->nick_name}</a>
    <a href="{getUrl('act','dispMemberLogout')}" class="l">로그아웃</a>
    <a href="{geturl('act','dispMemberInfo')}" class="l">내정보</a>
    <a href="{getUrl('act','dispMemberMessages','message_type','','member_srl',$logged_info->member_srl)}" class="l">{@$oCommunicationModel = &getModel('communication'); $output = $oCommunicationModel->getMessages("R");}쪽지<span>{$output->total_count}개</span></a>
    <!--@else-->
    <a href="#loginWindow" onclick="jQuery('#loginWindow').css('display','block');" accesskey="L" class="l">로그인</a>
    <a href="{getUrl('mid',$layout_info->target_mid,'act','dispMemberSignUpForm')}" class="l">회원가입</a>
    <!--@end-->
     <!--@if($logged_info->is_admin=='Y')-->
    <a href="{getUrl('act','dispLayoutAdminModify','layout_srl',$layout_info->layout_srl)}" class="l">설정</a>
    <a href="{getUrl(','module','admin')}" " onclick="window.open(this.href); return false;" class="l">Admin</a>
    <!--@else-->
    <a href="javascript:bookmarksite('{$layout_info->fa}', '{$layout_info->index_url}')" class="l">즐겨찾기</a>
  <!--@end-->
</div>
<!--@if(!$is_logged)-->
    {@ $member_config = MemberModel::getMemberConfig(); }
- 중간생략 ( 이부분 스크립트를 작성하면 게시판 글작성이 안됩니다. 아래의 layout.html을 참조하세요 ) -
<!-- /loginWindow -->
<!--@end-->
# 이상하게도 위의 스크립트를 작성해서 글을 작성하면 글 등록이 되지를 않네요.
할수없이 소스로 대치합니다. layout.html

2. xe/layouts/xe_official/css/default.css에 아래와 같이 소스를 삽입합니다. (위치설정이나 칼라는 자신에게 맞게끔 설정하세요) 
/* top 메뉴 위치*/
#top_index { position:absolute; top:275px; right:150px; _right:210px; z-index:998; text-align:left;}
#top_index span { color:#ff0000; padding-left:5px; }
#top_index a { color:#a98a60; font:.9em Tahoma; margin-right:5px;  text-decoration:none;}
#top_index .l { border-left:1px dotted #a98a60; padding-left:10px; }
#top_index a:hover,
#top_index a:focus { color:#a98a60; font:.9em Tahoma; }

/* modalWindow */
.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100;}
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.3; filter:alpha(opacity:30);}
.loginWindow .loginLayer{ position:absolute; width:289px; top:120px; left:50%; padding:30px; border:2px solid #737373; margin:0 0 0 -175px; background:#fff;}
.loginWindow .loginLayer form{ display:none; *zoom:1; margin:0 0 29px 0;}
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both;}
.loginWindow .loginLayer form legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.loginWindow .loginLayer fieldset{ border:0; margin:0; padding:0;}
.loginWindow .loginLayer.loginTypeA form.typeA,
.loginWindow .loginLayer.loginTypeB form.typeB{ display:block;}
.loginWindow .loginLayer dl{ margin:0; padding:0 0 1px 0;}
.loginWindow .loginLayer dt{ font-size:12px; font-weight:bold; color:#868d95; margin:0 0 2px 0;}
.loginWindow .loginLayer dd{ margin:0 0 21px 0;}
.loginWindow .loginLayer .inputText{ width:269px; height:31px; padding:6px 9px 0 9px; border:1px solid #ddd; font:20px Tahoma; color:#333;}
.loginWindow .loginLayer .inputText:focus{ background-color:#fbfbfb;}
.loginWindow .loginLayer .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;}
.loginWindow .loginLayer.loginTypeA .inputText{ background-image:url(../images/bgLoginText.gif)undefined; background-repeat:no-repeat; background-position:right top;}
.loginWindow .loginLayer.loginTypeB .inputText{ background-image:url(../images/bgOpenidText.gif)undefined; background-repeat:no-repeat; background-position:right top; padding:6px 9px 0 35px; width:243px;}
.loginWindow .loginLayer .keep{ margin:0; float:left; font-size:11px; line-height:normal; white-space:nowrap;}
.loginWindow .loginLayer .keep label{ color:#555;}
.loginWindow .loginLayer .loginButton,
.loginWindow .loginLayer .loginButton input{ position:relative; border:0; color:#fff; font-size:12px; font-weight:bold; display:inline-block; height:36px; line-height:36px; background-color:transparent; background-image:url(../images/buttonLoginAction.gif)undefined; background-repeat:no-repeat; overflow:visible;}
.loginWindow .loginLayer .loginButton{ float:right; background-position:0 0; right:11px;}
.loginWindow .loginLayer .loginButton input{ left:11px; background-position:right 0; padding:0 30px 0 45px; cursor:pointer;}
.loginWindow .loginLayer .help{ margin:0 -30px -30px -30px; padding:14px 0; list-style:none; text-align:center; background:#fafafa; border-top:1px solid #f2f2f2;}
.loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:11px; padding:0 0 0 5px;}
.loginWindow .loginLayer .help li.join{ font-weight:bold;}
.loginWindow .loginLayer .help li.find{ border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer .help li.typeA,
.loginWindow .loginLayer .help li.typeB{ display:none; border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer.loginTypeA .help li.typeA,
.loginWindow .loginLayer.loginTypeB .help li.typeB{ display:inline;}
.loginWindow .loginLayer .help li a{ text-decoration:none; color:#555;}
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}
.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../images/buttonCloseX.gif) no-repeat center center;}
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}

3. logoform.zip 파일의 압축을 풀어서 xe/layouts/xe_official/images 방안에 업로드합니다.
    filter.zip 파일의 압축을 풀어서 xe/layouts/xe_official/filter 방안에 업로드합니다.
이 게시물을...
첨부
목록
유료회원감로수
2009.09.19 19:46:07 댓글
활동을 시작하셨군요^^
필요하신분들께 도움이 되겠네요
잘 보고 갑니다^^
[레벨:30]id: 팔공산
2009.09.19 21:17:33 댓글
감로수님 오랜만이네요.
반갑습니다.
활동 시작이라기 보다는 귀국하고나서 아직 본격적으로 일을 시작하지 않아서,
그냥 심심해서 관심있는 소스들 보고 있습니다.
보다가 좋으면 잊어 버리지 않을려고 게시판에 보관하는 중입니다.
님도 좋은날 되세요.
유료회원감로수
2009.09.23 13:50:05 댓글

중국에서의 일은 좋은 성과가 있었는지 모르겠습니다^^

안계시는동안에 공식홈도 많이 변했지요?

1.1대에서 1.2대로 바뀌면서

db구조가 바뀌는 바람에 고생하시는 분들이 많습니다

팔공산님도 업그레이드 하실때 신중히 하셔야 할겁니다.^^

[레벨:1]bj
2010.09.20 19:59:38 댓글

이거 안되는데요 ㅠㅠ

[레벨:30]id: 팔공산
2010.09.20 20:50:49 댓글

파일들을 받아가신 분들이 100여명이 넘는데

안 되신다면 댓글들이 달렸을 것 입니다.

그리고 제가 지금 사용하는 레이아웃스킨들에 전부 이 소스로 사용중입니다.

다시 차근 차근 적용해 보세요.

전체 - 문하우스(54) Xe(108) 기타(24)
번호
제목
원작자
적용여부
156 문하우스 첨부파일 목록에 이미지파일 출력을 선택하기 블루게이트 변형 2010-02-08 3403
155 기타 문서 작성시 내용에 기본값을 입력합니다. file phiDel 변형 2010-02-08 3060
154 Xe 스킨 게시판 제목에 태그 넣기 file 꽃들 2010-02-06 3813
153 기타 XE최신버전에서 최신글위젯, 웹진위젯에서 모듈선택... 백성찬 적용 2010-02-04 3650
152 Xe 언제부턴가 쪽지 보기가 되지 않습니다. 라르게덴 적용 2010-02-04 3053
151 기타 파비콘 만들어주는 사이트 file 장영자 적용 2010-01-26 3559
150 기타 글쓰기 버튼 특정그룹에게만 노출 감로수 적용 2010-01-17 3267
149 Xe 새글/업데이트/이미지/동영상/첨부파일 아이콘 감추기 file 老姜君 적용 2010-01-16 3601
148 Xe 카운터위젯 - 오늘 가입한 회원수 전체 회원수 ... file 공수래 적용 2010-01-07 3405
147 문하우스 content위젯에서 닉네임 크기 고정하기 file 라르게덴 변형 2009-12-30 3809
146 Xe 첨부파일 보이기 숨기기 옵션추가 file TeRy 적용 2009-12-30 3440
145 Xe 메일 중복 발송 문제 해결 방법 SMaker 적용 2009-12-10 4225
144 Xe 비밀글 댓글이 최신댓글 위젯에 노출되는 문제 수... 얼터1 적용 2009-11-06 5538
143 문하우스 이미지 본문삽입시 이미지간격 띄우기 / 중앙정렬... Bluegate 적용 2009-11-05 4824
142 Xe 확장변수 입력값이 없는 변수는 목록에서 출력시키... 찬이s 적용 2009-10-19 4950
141 Xe 내용값을 입력하지 않아도 글작성이 완료되게 하는... 시니시즘 적용 2009-10-12 6040
140 Xe 관리자모드에서 메뉴 항상 펼치기 file 아드레날린 적용 2009-09-28 9231
139 Xe 글 작성시 미리 저장된 서식 불러오기 file 개돌 NO 2009-09-28 6187
138 Xe 2차 메뉴가 없을 경우 왼쪽 메뉴 숨기기 엔시아- 적용 2009-09-28 5337
137 Xe 확장변수 출력 방법 라르게덴,bibi NO 2009-09-28 5406
136 Xe 회원정보 손쉽게 엑셀 파일로 저장하기 thejeon NO 2009-09-28 5384
135 Xe 게시판 확장변수 일괄 등록 하기 file 2년후 NO 2009-09-28 6145
문하우스 xe_official_v2 레이아웃에 있는 로그인폼 소스 ... file 5 zero 적용 2009-09-18 10038
133 문하우스 xe_official_v2 레이아웃에 있는 사이트맵 소스 ... file 1 zero 적용 2009-09-18 6385
132 문하우스 Google Docs로 XE게시판에 글을 작성해 봅시다. 1 80san 적용 2009-03-08 14615
131 문하우스 Windows Live Writer로 XE게시판에 글을 작성... file 2 80san 적용 2009-03-04 11219
130 기타 블로그나 홈페이지에 메일폼 설치해 보자 - kont... 4 적용 2009-03-04 9352
129 문하우스 회원아이디 클릭시 비회원은 E-mail 기능 감추기 2 80san 적용 2009-02-13 9818
128 문하우스 ztyle님의 "플래시 이미지 출력 슬라이드" 문제점... 3 80san 적용 2009-02-11 8858
127 문하우스 게시판스킨에 "비밀글 기능" 없애기 80san NO 2009-02-05 10588
목록
  • 문하우스는 IE7, 1280*1024 이상의 모니터 해상도에서 최적화 되어 있습니다.무단 E-mail 추출이나, 성인광고를 허용치 않습니다
  • 단축키 : l-목록, w-글쓰기, z-이전글, x-다음글, s-최근글, a-이전목록, d-다음목록, 1-home, 2-data, 3-zbxe, 4-blog, 5-total, 6-QnA