Top Panel
위치: 관리자>외모>위젯>Hidden top panel area
설정: 관리자>외모>Theme Options>Header>Use Top Panel [설정하기]
Right Panel
관리자>외모>위젯>Right side panel area
설정: 관리자>외모>Theme Options>
Sidebars>Use Right Panel
[설정하기]
Quick Menu
설정: 관리자>외모>Theme Options>
Sidebars>Use Right Quick Menu
[설정하기]
네이버 톡톡
설정: 관리자>외모>Theme Options>
Sidebars>Quick Menu - Naver Talk ID
[설정하기]
카카오 플러스 친구
설정: 관리자>외모>Theme Options>
Sidebars>Quick Menu - Kakao Plus Friend ID
[설정하기]
Hometory Basic M6
Home / Hometory Basic M6
[사용팁1] 망보드 기본 게시판 스킨(bbs_basic)에 등록된 카테고리 데이터와 호환되어 기본 스킨에 적용된 “카테고리” 데이터가 “구분” 항목에 표시됩니다
Hometory Basic Skin M6 구매하기 (게시물 목록, 글보기, 댓글, 버튼 디자인 수정, 폰트크기 14px)
글보기
게시판 특정 화면모드(글목록,글보기) 상단에만 배너를 노출하는 방법
Level 10조회수254
2024-01-12 14:30

망보드 1.9.1 버전에서 아래와 같이 게시판 화면 모드 및 레벨에 따라 태그를 감출 수 있는  


CSS 클래스가 추가되어 화면 모드에 따라 일부 태그를 보이게 하거나 감추도록 설정할 수 있습니다.



※ 아래의 클래스는 현재 사용하시는 테마에서 body_class filter 를 지원하고 있어야 사용이 가능합니다.

   (화면모드에 따라 body 태그에 mb-mode-list, mb-mode-view, mb-mode-write 클래스가 자동으로 추가되지 않을 경우 사용 불가)



1. 게시판 화면 모드에 따라 태그를 감출 수 있는 CSS 클래스 


   - mb-hide-list    : 글목록 화면에서 태그 항목을 감추는 CSS 클래스 

   - mb-hide-view  : 글보기 화면에서 태그 항목을 감추는 CSS 클래스 

   - mb-hide-write : 글작성 화면에서 태그 항목을 감추는 CSS 클래스 


  => 글목록 화면에서만 태그 내용을 보이도록 CSS 클래스 설정 

      <div class="mb-hide-view mb-hide-write">내용 입력</div>


  => 글작성 화면에서만 태그 내용을 보이도록 CSS 클래스 설정 

      <div class="mb-hide-list mb-hide-view">내용 입력</div>


  => 글보기 화면에서만 태그 내용을 보이도록 CSS 클래스 설정 

      <div class="mb-hide-list mb-hide-write">내용 입력</div>




2. 회원 레벨에 따라 태그를 감출 수 있는 CSS 클래스 


   - mb-hide-level0  : 비회원 접속시 태그 항목을 감추는 클래스 

   - mb-hide-level1  : 레벨 1회원 접속시 태그 항목을 감추는 클래스 

   - mb-hide-level2  레벨 2회원 접속시 태그 항목을 감추는 클래스

   - mb-hide-level3  레벨 3회원 접속시 태그 항목을 감추는 클래스

   - mb-hide-level4  레벨 4회원 접속시 태그 항목을 감추는 클래스

   - mb-hide-level5  레벨 5회원 접속시 태그 항목을 감추는 클래스

   - mb-hide-level6  레벨 6회원 접속시 태그 항목을 감추는 클래스

   - mb-hide-level7  레벨 7회원 접속시 태그 항목을 감추는 클래스

   - mb-hide-level8  레벨 8회원 접속시 태그 항목을 감추는 클래스

   - mb-hide-level9  레벨 9회원 접속시 태그 항목을 감추는 클래스

   - mb-hide-level10  레벨 10회원 접속시 태그 항목을 감추는 클래스


  => 비회원 접속시 태그 내용을 감추는 CSS 클래스 설정 

      <div class="mb-hide-level0">내용 입력</div>


  => 비회원 접속시에만 태그 내용을 보이도록 CSS 클래스 설정 

      <div class="mb-hide-level1 mb-hide-level2 mb-hide-level3 mb-hide-level4 mb-hide-level5 mb-hide-level6 mb-hide-level7 mb-hide-level8 mb-hide-level9 mb-hide-level10">내용 입력</div>




3. 디바이스 플랫폼(PC,Tablet,Mobile)에 따라 태그를 감출 수 있는 CSS 클래스 


   - mb-mobile-hide : 모바일에서 접속시 화면에서 태그 항목을 감추는 CSS 클래스 

   - mb-tablet-hide : 태블릿에서 접속시 화면에서 태그 항목을 감추는 CSS 클래스 

   - mb-desktop-hide : 데스크탑에서 접속시 화면에서 태그 항목을 감추는 CSS 클래스 

   - mb-desktop-large-hide : 데스크탑(1200px 이상)에서 접속시 화면에서 태그 항목을 감추는 CSS 클래스 


  => 모바일, 태블릿, 데스크탑에서 각각의 태그 내용을 다르게 표시하는 방법

      <div class="mb-tablet-hide mb-desktop-hide mb-desktop-large-hide">모바일에서 출력되는 내용</div>

      <div class="mb-mobile-hide mb-desktop-hide mb-desktop-large-hide">태블릿에서 출력되는 내용</div>

      <div class="mb-mobile-hide mb-tablet-hide">데스크탑에서 출력되는 내용</div>


  => 모바일 및 데스크탑에서 2개의 태그 내용을 다르게 표시하는 방법

      <div class="mb-tablet-hide mb-desktop-hide mb-desktop-large-hide">모바일에서 출력되는 내용</div>

      <div class="mb-mobile-hide">모바일 이외의 디바이스에서 출력되는 내용</div>

구분카테고리4
댓글
자동등록방지
(자동등록방지 숫자를 입력해 주세요)