웹마스터 팁

상단로그인..?

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
제목 글쓴이 날짜
이전글, 다음글 코어 건드리지 않고 사용하기 (모듈X, 애드온X) (업데이트) [8] 시니시즘 2013.01.26
SocialXE 관련 사용팁 적용 수정 파일 [3] file 휘즈 2014.07.13
외부 페이지에서 회원 extra_vars 변수 가져오기 [1] Happyphp 2014.07.09
특정게시판, 비밀글로 작성하기 (대암지기님 팁 보완) [9] file 된장맛껌 2010.03.17
게시판 접속시에 첫(제일 최근) 게시물이 보여지게 하기 [16] foret 2014.03.08
편리한 안드로이드 크로스 브라우징 테스트 Tip - 안드로이드 가상화 file AJKJ 2014.07.09
htm과 html의 차이는 ? 디테일 2014.06.17
1.7 버전 사이트 메뉴 편집 사용법 [4] file 휘즈 2013.07.27
MRTG에서 네트워크및 CPU, 메모리점유율을 기록하기 ひりゅう. 2014.07.05
XE 왕초보를 위한 글 [13] 휘즈 2009.08.06
php 세션을 memcache에 저장할 때 주의할 점 XE러버 2014.07.04
클리어픽스(clearfix)의 개념과 방법 시니시즘 2014.07.04
닉네임 중복체크 버그 해결방법 [7] 소렌트. 2014.06.29
마이피플봇을 이용한 마이피플 알리미 (푸시서비스) 이용하기 [4] garnecia 2014.06.01
에디터가 활성화 되지 않을시... [1] 똑디 2013.11.06
에디터 컴포넌트에 현재 mid 값 넘겨주기. [1] 애니즌 2014.07.03
jqm(jQuery Mobile) 사용 시 XE의 CSS 와 충돌할 때 file Canto 2014.07.03
[javascript] 기초강좌 | 4장. 비교제어문(if문) hiwebs 2014.07.02
[javascript] 기초강좌 | 03 논리연산자, 비트, 삼항연산자, 기타연산자 hiwebs 2014.07.02
[10원팁] 서버에 계정추가후 새로설치하는데 CSS가 깨진다? [3] 키스미베이베 2014.02.27