웹마스터 팁

상단로그인..?

2008.04.15 15:19

빽짱구

제 사이트에 사용중인 상단로그인 소스입니다.

미리보기 - http://www.webmini.net 

로그인전

logout.gif

로그인후

login.gif

물론 위젯으로 만들어 사용해도 되나, 저같은 경우는 레이아웃에 직접소스를 넣었습니다.
위와 같이 구현하는 방법은 다음과 같습니다.

1. 사용하시는 레이아웃의 layout.html 파일을 열고 header 부분 원하는 위치에 아래의 소스를 넣습니다.

     <div id="mini_gnb">
        <ul>
        <!--@if($logged_info)-->
            <li><strong>{$logged_info->nick_name}</strong>님 반갑습니다.</li>
            <li><a href="{getUrl('act','dispMemberLogout')}"><img src="./images/{$layout_info->colorset}/btn_mini_logout.gif" alt="로그아웃" class="bul" /></a></li>
            <li><a href="{getUrl('act','dispMemberInfo')}">마이페이지</a></li>
            <!--@else-->
            <li><a href="{getUrl('act','dispMemberLoginForm')}"><img src="./images/{$layout_info->colorset}/btn_mini_login.gif" alt="로그인" class="bul" /></a></li>
            <!--@end-->
            <!--@if(!$logged_info)-->
            <li><a href="{getUrl('act','dispMemberSignUpForm')}">회원가입</a></li>
            <!--@end-->
            <li><a href="/customer">고객센터</a></li>
            <li><a href="/sitemap">전체보기</a></li>
        </ul>
     </div>

위에 고객센터와 전체보기,이미지주소는 자신의 사이트에 맞는 주소를 넣으시면 됩니다.
<div id="header">와 <div id="language"> 사이에 넣으시면 되겠네요.

다음은 해당 레이아웃 css 파일을 여시고 아래의 소스를 삽입합니다.

#mini_gnb {margin:0; text-align:right;}
#mini_gnb ul {padding:4px 15px 0 0;}
#mini_gnb li {display:inline; list-style:none; padding:0 1px 0 4px; font-size:11px; white-space:nowrap;}
#mini_gnb li strong {color:#555;}
#mini_gnb li a {letter-spacing:-1px;}
#mini_gnb li a:hover {text-decoration:underline;}
#mini_gnb img.bul {vertical-align:middle;}

스타일시트 같은경우도 자신의 사이트에 맞게 조금씩 수정을 하셔야 할듯합니다.
응용해서 사용해 보시길바랍니다.

ps. 똑띠님 사이트와 비슷한 방식이긴 합니다만, 링크부분을 똑띠님 사이트처럼 할경우 마크업 유효성 검사에서 에러가 납니다. 물론 유효성검사가 의미가 있는건 아니지만 위에 방식이 맞는듯해서 올려봅니다.^^
태그 연관 글
  1. [2019/10/20] 묻고답하기 소셜xe 오류이후 관리자 로그인 기능이 사라졌습니다. by 양현석
  2. [2019/03/17] 묻고답하기 제 사이트가 갑자기 로그인이 먹통입니다. by 현명한박사
  3. [2017/12/20] 묻고답하기 로그인이 되지 않습니다. by 0115 *3
  4. [2017/07/20] 묻고답하기 이거 로그인 대문? 어떻게 하나요ㅜㅜ 봐도 모르겠어요ㅜㅜ by 노루 *1
  5. [2016/07/16] 묻고답하기 하나의 XE계정으로 여러 사이트에서 로그인 할 수 있는 방법이 없을까요? by 스카이즈 *1
제목 글쓴이 날짜
주민등록 입력 폼 1.2.0 [55] file 개돌 2009.04.10
http://www.도메인주소/~as/xe/ 로 로그인 접속후~ [3] wjnam 2009.09.07
팝업창 띄우기 [16] 레망 2008.03.16
[수정] 쉽게 간단하게(?) 플래시 그래프를 게시판에 넣어 보세요 ^^ [3] 상오기 2009.08.27
에디터 본문 및 댓글 입력 글자크기 줄이기 [5] HIKARU 2008.11.24
에디터의 옵션 설정하기.. 컴포넌트 보이지 않게 등.. [4] 지허 2007.10.01
http 두번 븥는 문제 .. 위젯 스타일 스퀘어 페이스 more 버그입니다. [2] 최영석222 2009.07.25
이전글,다음글 얻기 (검색결과 까지 포함) (수정) [8] 라르게덴 2008.06.05
[초보팁] 우리말 수정하기(예제: 가입창 이름란 삭제) [3] 블루파티 2008.08.19
블로그, 홈페이지 가입시 자동 입력되는 http:// 없애기 [2] 류영무 2008.09.09
페이지 모듈에도 게시판제목 처럼 다는 쉬운방법... [2] 만쓰별(정만) 2009.01.23
홈페이지 주소 깔끔하게 사용하기 [초보용] [14] 똑디 2007.10.13
XOOPS (News Module) → XE 자료 옮기기 [3] file June Oh 2009.08.17
Cooliris Embed a Wall 위젯 v2.0에 동영상 반영시키기 [3] file 철쌤 2009.08.08
하드 압축 하실때 tar cvfpz 쓰시는분들..... [3] 우리아기 2009.08.13
통합검색에서 확장변수 검색하기 [5] StyleD 2008.10.12
회원 팝업메뉴에서 작성글 클릭시 다른 아이디 검색 안되게 하기 [3] 절망린 2009.07.03
사이트 주소로 접속했을때 XE폴더로 이동하기 #2 [15] 베니 2008.03.28
[비나무님글 ] xe_official_v2 레이아웃 사이트맵 없애는 방법 [3] 토니박스 2009.07.29
상단로그인..? [10] 빽짱구 2008.04.15