유용한팁
    글보기
    제목로그인, 로그아웃 CSS 클래스 활용방법2016-09-02 13:53:02
    작성자

     

    로그인, 로그아웃 CSS 클래스 활용방법 =


    로그인, 로그아웃 상태에 따라 메뉴를 다르게 보이게 하거나 특정 화면을 보이거나, 감출 수 있는 방법을 소개합니다.
    (망보드 1.3.6 버젼부터 사용 가능합니다)


    1. 로그인 상태에서 안보이게 하는 CSS 클래스 : mb-hide-login


    2. 로그아웃 상태에서 안보이게 하는 CSS 클래스 : mb-hide-logout


    3. 활용방법
     - 로그인, 회원가입 메뉴에 mb-hide-login 클래스를 추가하여 로그인 상태에서 안보이도록 설정
     - 로그아웃, 회원정보 메뉴에 mb-hide-logout 클래스를 추가하여 로그아웃 상태에서 안보이도록 설정

     - 로그인 상태에서만 보이도록 하는 html 추가 방법
      <div class="mb-hide-logout">  로그인 상태에서만 보여야 하는 내용   </div>

     - 로그아웃 상태에서만 보이도록 하는 html 추가 방법
      <div class="mb-hide-login">  로그아웃 상태에서만 보여야 하는 내용   </div>



    [ CSS 클래스를 이용한 로그인,로그아웃 메뉴 만들기 ]

    망보드 비즈니스 패키지를 이용하고 계시면 CSS 클래스를 이용하여 로그인,로그아웃 메뉴를 추가하실 수 있습니다.
    관리자>외모>메뉴>화면옵션(우측상단)>CSS 클래스 체크박스를 선택하면 메뉴 추가시에 CSS 클래스를 넣을 수 있는데
    아래의 망보드 로그인,로그아웃 CSS 클래스를 이용하여 메뉴 CSS 클래스 옵션에 넣으면 보다 쉽게 로그인,로그아웃 메뉴를
    생성하실 수 있습니다.

     - 로그인 상태에서 안보이게 하는 CSS 클래스 : mb-hide-login
     - 로그아웃 상태에서 안보이게 하는 CSS 클래스 : mb-hide-logout


    비즈니스 패키지 설치시 추가된 9개의 회원 페이지에 CSS 클래스를 이용하여 메뉴에 추가
    회원가입 및 로그인 메뉴에 mb-hide-login 클래스 입력하면 로그아웃 상태에서만 메뉴가 나타남
    회원정보 및 로그아웃 메뉴에 mb-hide-logout 클래스 입력하면 로그인 상태에서만 메뉴가 나타남

    댓글

    (자동등록방지 숫자를 입력해 주세요)

    최근 본 상품

    등록된 게시물이 없습니다

    장바구니

    등록된 상품이 없습니다
    합계: 0