웹마스터 팁

상단로그인..?

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
제목 글쓴이 날짜
메인메뉴에서 2차메뉴가 1차메뉴를 따라다니는 롤오버 메뉴로 만들기 [13] 우야노 2008.05.03
제한된 시간 안에 글을 또 등록할 때 IP 금지 기능(스팸필터) 해제하기 [3] 비나무 2008.05.03
상단에 PHP 오류구문이 출력될시 [6] sbshs77 2008.05.01
최근글 - 본문 내용 뽑아내기 [9] 夜飛 2008.05.01
windows Live writer로 게시글 쓰기 [3] file tindrum 2008.04.29
홈페이지에 이미지블릿 대신 특수문자로 표현해 보기 file 팔공산 2008.04.29
링크가 걸린 글의 색을 무지개색으로 나타내기 재미니님 2008.04.29
각 페이지에 쓸 수 있는 변수명들 찾기 [6] lainfox 2008.04.29
제로보드에 BGM 달기 (대폭 수정;;) [5] Dr.Mabin 2008.04.27
졸졸이 스토커 가두어보기 2탄(보드우측에 포함된 것처럼) [1] file 갯가 2008.04.26
제로보드XE에 배경음악 달기 [4] Dr.Mabin 2008.04.26
디버그모드 변경하는 간단한 파이썬 스크립트 [4] mmx900 2008.04.23
zbxe 기본글꼴(폰트) 바꾸는 방법 [9] file 핸디지 2008.04.22
댓글창에서 프로필이미지가 없는 경우 기본이미지 출력하기 [8] file 카카달려 2008.04.19
글 순서 바꾸기 임시방편 [6] 장운주 2008.04.18
ARTLAB님 팁을 참고하여 약간 변형 & 쫄쫄이 스토커 해상도에 상관없이 달기 [3] 탑심 2008.04.18
엑소버드 음악 제로보드XE에 구겨넣기... [8] artlab 2008.04.17
수정,삭제 버튼을 "이 게시물을.."에 넣기 [1] hangoon 2008.04.16
관리자 로그인시 원하는걸 보여주자 [5] 빽짱구 2008.04.15
상단로그인..? [10] 빽짱구 2008.04.15